@extends('layouts.acc_layout')
@section('title', '| Vehicle Allowance Auto Voucher List')
@section('content')

<div class="row add-data-form">
    <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel-heading">
                                
                                <div class="panel-title">Vehicle Allowance Auto Voucher List</div>
                               
                            </div>
                            <div class="panel-body">

                                {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}

                                {{-- Table --}}
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-striped table-bordered" id="rentVoucherList" style="color:black;">
                                            <thead>

                                                <tr>
                                                    <th rowspan="2">#SL</th>
                                                    <th rowspan="2">Branch</th>
                                                    <th rowspan="2">Employee</th>
                                                    <th rowspan="2">Designation</th>
                                                    <th rowspan="2">Mobile No.</th>
                                                    <th rowspan="2">Month</th>
                                                    <th colspan="4">Allowance Cost</th>
                                                    <th rowspan="2" style="width: 5%;">Action</th>
                                                </tr>   

                                                <tr>
                                                    <th>Fuel</th>
                                                    <th>Mobil</th>
                                                    <th>Servising</th>
                                                    <th>Total</th>
                                                </tr>

                                            </thead>

                                            <tbody>
                                                
                                                
                                                @foreach ($vehicleAllowanceVouchers as $vehicleAllowanceVoucher)

                                                    <tr class="item{{ ($no + 1) }}">
                                                        <td class="text-center slNo">{{ ++$no }}</td>
                                                        <td style="text-align: left; padding-left: 1em;">{{ $vehicleAllowanceVoucher->branchCodeWith0 }} - {{ $vehicleAllowanceVoucher->branchName }}</td>
                                                        <td style="text-align: left; padding-left: 1em;">{{ substr($vehicleAllowanceVoucher->empId, 0, 5) }} - {{ $vehicleAllowanceVoucher->empName }}</td>
                                                        <td style="text-align: middle;">{{ $vehicleAllowanceVoucher->designation }}</td>
                                                        <td style="text-align: middle;">{{ $vehicleAllowanceVoucher->empMobileNo }}</td>
                                                        <td style="text-align: middle;" class="voucherMonthYearId" id = "{{$vehicleAllowanceVoucher->id}}">{{ date('M-Y', strtotime($vehicleAllowanceVoucher->allowanceMonth)) }}</td>
                                                        <td class="amount" style="text-align: right; padding-right: 1em;">{{ number_format($vehicleAllowanceVoucher->fuelCost) }}</td> 
                                                        <td class="amount" style="text-align: right; padding-right: 1em;">{{ number_format($vehicleAllowanceVoucher->mobilCost) }}</td>
                                                        <td class="amount" style="text-align: right; padding-right: 1em;">{{ number_format($vehicleAllowanceVoucher->servicingCost) }}</td>
                                                        <td class="amount" style="text-align: right; padding-right: 1em;">{{ number_format($vehicleAllowanceVoucher->totalAmount) }}</td>

                                                        <td style="text-align: middle;">

                                                            <a href="{{ url('createVehicleAllowanceAutoVoucher/'.$vehicleAllowanceVoucher->id) }}" class="btn btn-secondary btn-xs">
                                                                <i class="fa fa-plus"></i>
                                                            </a>

                                                        </td>
                                                    </tr>

                                                @endforeach
                                                    
                                            </tbody>
                                            <tfoot>

                                            </tfoot>
                                        </table>
                                    </div>
                                </div> 

                                {!! Form::close() !!}


                            </div>
                            {{-- ./panel-body --}}
                        </div>
                        {{-- ./col-md-12 --}}
                    </div>
                    {{-- .row --}}
                </div>
                {{-- ./panel-body --}}
            </div>
            {{-- ./panel --}}
        </div>
        {{-- ./col-md-10 --}}
    <div class="col-md-1"></div>
</div>




<script type="text/javascript">
    
$(document).ready(function() {

    $('.amount').each(function() {
        if ($(this).text() == 0) {
            $(this).text('-');
        }
    });

});


</script>


@endsection