@extends('layouts/acc_layout')
@section('title', '| Vault Setting')
@section('content')
@include('successMsg')

<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-3"></div>
        <div class="col-md-6 fullbody">
        <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{url('vaultSetting/viewVaultSetting/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>View Vault Setting List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">Vault Setting</div>
                </div>
                {!! Form::open(array('url' => '#', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                <div class="panel-body">
                <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('currency', 'Currency:', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('currency', $value = null, ['class' => 'form-control', 'id' => 'currency', 'type' => 'text', 'placeholder' => 'Enter Currency','autocomplete'=>'off']) !!}
                                    <p id='currencye' style="max-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                    </div><br>

                    <div class="panel-heading">
                        <div class="panel-subtitle"><h4>Add Banknote:</h4></div>
                    </div>

                    <div class="row">
                            <table class="table table-bordered table-striped table-condensed">
                                <thead>
                                <tr>
                                    <th style="width: 7%;">SL#</th>
                                    <th>Banknote</th>
                                    <th style="width: 7%;">Action</th>
                                </tr>
                                </thead>
                                <tbody class="appendStepsTr" id="dynamic_field">
                                    <tr class="toClone">
                                                                                <td class="tdSl">
                                            {{ ++$no }}
                                        </td>
                                        <td>
                                            {!! Form::text('banknote[]', $value = null, ['class' => 'form-control banknote', 'id' => 'banknote', 'type' => 'text', 'placeholder' => 'Enter Banknote','autocomplete'=>'off']) !!}
                                            <p id='banknotee' style="max-height:3px;"></p>
                                        </td>
                                        <td>
                                            <button type="button" name="remove" class="btn btn-danger btn_remove">X</button>
                                        </td>
                                    </tr>
                                </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="6" class="text-right">
                                                <button type="button" class="btn btn-secondary btn-xs addmore-steps" id="add">
                                                    <i class="fa fa-plus"></i> Add More
                                                </button>
                                            </td>
                                        </tr>
                                    </tfoot>
                            </table><br>
                            <div class="form-group">
                                {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                                <div class="col-sm-5">
                                    {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                    <a href="{{ url('vaultSetting/viewVaultSetting') }}"
                                        class="btn btn-danger closeBtn">Close</a>
                                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        <div class="footerTitle" style="border-top:1px solid white"></div>
    </div>
    <div class="col-md-2"></div>
</div>


<script>

    $(document).ready(function(){
        $(document).on("input",".banknote",function() {
            this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1'); 
        });

        var i=0; 
        var abc = $('.toClone');

        $('#add').click(function(){
            $('#dynamic_field').append(abc.clone());
            setSerialNumber();
        });  

        $(document).on('click','.btn_remove', function(){
            // alert();
            $(this).closest('.toClone').remove();
            setSerialNumber();
        }); 

        function setSerialNumber() {
            $i = 1;

            $('.tdSl').each(function (index, element) {
                $(element).html($i);
                $i++;
                
            });
        }

        $('form').submit(function( event ) {
            event.preventDefault();
            // alert();
            $.ajax({
                type: 'post',
                url: './addVaultSettingItem',
                data: $('form').serialize(),
                dataType: 'json',
                success: function( _response ){
                    if (_response.errors) {
                        
                    } 
                    else {
                        $('#success').text(_response.responseText);
                        window.location.href = "{{url('vaultSetting/viewVaultSetting/')}}";     
                    }
                },
                error: function( _response ){
                    // Handle error
                    alert(_response.errors);
                }
            });
        });    

    });

    

</script>


@endsection