@extends('layouts/acc_layout')
@section('title', '| Vehicle Auto Voucher Configuration')
@section('content')
@include('successMsg')

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">
                            <a href="{{ url('addVehicleAutoVoucherConfig/') }}" class="btn btn-info pull-right addViewBtn">
                                <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Configuration</a>
                        </div>
                        <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                            <font color="white">Vehicle Allowance Auto Voucher Configuration List</font>
                        </h1>
                    </div>
                    <div class="panel-body panelBodyView" >

                        <div class="row">
                            <div class="col-md-12">

                                <div class="row" style=" margin: 15px 0px;">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered" id="vaultReport" style="color:black;">
                                            <thead>
                                                <tr>
                                                    <th>SL#</th>
                                                    <th>Company</th>
                                                    <th>Project</th>
                                                    <th>Project Type</th>
                                                    <th>Effective Date</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                    
                                                                                                
                                                @foreach ($vehicleAutoVoucherConfigs as $vehicleAutoVoucherConfig)
                            
                                                    <tr class="item{{ ($no + 1) }}">
                                                        <td class="text-center slNo">{{ ++$no }}</td>
                                                        <td style="text-align: middle"> {{ $vehicleAutoVoucherConfig->companyName }} </td>
                                                        <td style="text-align: left; padding-left: 1em;"> {{ $vehicleAutoVoucherConfig->projectCode }} - {{ $vehicleAutoVoucherConfig->projectName }} </td>
                                                        <td style="text-align: left; padding-left: 1em;"> {{ $vehicleAutoVoucherConfig->projectTypeCode }} - {{ $vehicleAutoVoucherConfig->projectTypeName }} </td>
                                                        <td style="text-align: left; padding-left: 1em;"> {{ date ('d-m-Y', strtotime($vehicleAutoVoucherConfig->effectiveDate)) }} </td>
                                            
                                                        <td style="text-align: middle;" width="90">
                                                            <a href="{!! url('viewVehicleAutoVoucherConfigItem/'.$vehicleAutoVoucherConfig->id) !!}"> <span class="fa fa-eye"></span> </a> &nbsp;
                                                            <a href="{!! url('editVehicleAutoVoucherConfigItem/'.$vehicleAutoVoucherConfig->id)!!}"> <span class="fa fa-edit"></span> </a> &nbsp;
                                                            <a href="javascript:;" class="delete-modal" bankAcRegister="{{$vehicleAutoVoucherConfig->id}}"><span class="glyphicon glyphicon-trash"></span></a>
                                                        </td>
                        
                                                    </tr>

                                                @endforeach
                            
                                            </tbody>
                                            
                                        </table>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!----------------------------- Delete Modal ----------------------------->
<div id="deleteModal" class="modal fade" style="margin-top:3%;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="clear:both; background-color:black; color:white; padding:10px; text-align:center;">Delete Configuration</h4>
            </div>
            <div class="modal-body ">
                {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                    <div class="row" style="padding-bottom:20px;"> </div>
                    <h2 style="color: Black;">Are You Confirm to Delete This Configuration ?</h2>

                    <div class="modal-footer">
                        <input id="bankAcRegister" type="hidden"  value=""/>
                        <button type="button" class="btn btn-danger" id="deleteBankAcRegister" data-dismiss="modal">Delete</button>
                        <button type="button" class="btn btn-warning" data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>


<script>
        
    $(document).ready(function(){

        $(document).on('click', '.delete-modal', function(){
            $("#bankAcRegister").val($(this).attr('bankAcRegister'));
            $('#deleteModal').modal('show');
        });
        
        $("#deleteBankAcRegister").on('click',  function() {
            var bankAcRegister= $("#bankAcRegister").val();
            var csrf = "{{csrf_token()}}";
            $.ajax({
                url:  "{{url('deleteVehicleAutoVoucherConfigItem/')}}",
                type: 'POST',
                dataType: 'json',
                data: {id:bankAcRegister, _token:csrf},
            })
            .done(function(data) { 
                location.reload();
                window.location.href = '{{url('vehicleAutoVoucherConfigList/')}}';
            })
            .fail(function(){
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        });

 
    }) ;   

</script>

@endsection