@extends('admin.layout.app')
@section('title','Create Invoice')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
    <link href="{{asset('theme/plugins/timepicker/bootstrap-timepicker.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="page-title-box">
                            <h4 class="page-title">Create Invoice</h4>
                            <div class="pull-right">
                                <a href="{{route('vehicle-movement.index')}}"
                                   class="btn btn-custom btn-rounded waves-effect waves-light m-b-2"><i
                                        class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card-box">
                                <div class="row">
                                    <div class="col-sm-12 col-12">
                                        {!! Form::open(['route'=>array('rentInvoice.store', $vehicle_movement->id), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'put']) !!}
                                        <div class="form-row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="invoice_number">Invoice Number</label>
                                                <input id="invoice_number" type="text" class="form-control"
                                                       name="invoice_number"
                                                       value="{{ $count < 10 ? 'RN-0'.$count+1 : 'RN-'.$count+1 }}"
                                                       autofocus readonly>
                                                <div class="text-danger">{{$errors->first('invoice_number')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="customer_name">Customer Name<span
                                                        class="text-danger">*</span></label>
                                                <input id="customer_name" type="text" class="form-control"
                                                       name="customer_name"
                                                       value="{{$vehicle_movement->name}}"
                                                       autofocus readonly>
                                                <div class="text-danger">{{$errors->first('customer_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="start_date">Start Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="start_date" id="start_date"
                                                       value="{{old('start_date',date('d-m-Y', strtotime($vehicle_movement->start_date)))}}"
                                                       class="form-control datepicker" readonly>
                                                <div class="text-danger">{{$errors->first('start_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="receive_date">Receive Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="receive_date" id="receive_date"
                                                       value="{{old('receive_date',date('d-m-Y', strtotime($vehicle_movement->receive_date)))}}"
                                                       class="form-control datepicker" readonly>
                                                <div class="text-danger">{{$errors->first('receive_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="number_of_days">Total Days</label>
                                                <input id="number_of_days" type="text" class="form-control"
                                                       name="number_of_days"
                                                       value="{{$totalDaysCount ? : 0}}"
                                                       autofocus readonly>
                                                <div class="text-danger">{{$errors->first('number_of_days')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="col-sm-12 col-12 table-responsive">
                                                <table class="table table-striped dataTable" id="datatable">
                                                    <thead>
                                                    <tr class="text-center">
                                                        <th style="width: 20%">Description<span
                                                                class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 12%">Plate Number<span
                                                                class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 10%">Qty.<span
                                                                class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 10%">Unit Price<span
                                                                class="text-danger">*</span>
                                                        </th>
                                                        <th style="width: 10%">Amount
                                                        </th>
                                                        <th style="width: 10%">Discount
                                                        </th>
                                                        <th style="width: 10%">Gross Amount
                                                        </th>
                                                        <th style="width: 10%">5% VAT
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @php
                                                        $i =1;
                                                    @endphp
                                                    @foreach($vehicle_movement_details as $vehicle_movement_detail)
                                                        <tr>
                                                            <td>
                                                                <input type="hidden" name="checkval[]"
                                                                       value="{{ $vehicle_movement_detail->id }}">
                                                                <input type="text" name="description[]"
                                                                       id="description{{$i}}"
                                                                       value=""
                                                                       required class="form-control">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="plate_number[]"
                                                                       id="plate_number{{$i}}"
                                                                       value="{{$vehicle_movement_detail->plate_number}}"
                                                                       required readonly class="form-control number">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="quantity[]" id="quantity{{$i}}"
                                                                       value="{{$vehicle_movement_detail->no_of_days}}"
                                                                       readonly
                                                                       required class="form-control number">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="unit_price[]"
                                                                       id="unit_price{{$i}}"
                                                                       value=""
                                                                       required class="form-control floatnumber">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="amount[]" id="amount{{$i}}"
                                                                       value="" readonly
                                                                       required class="form-control">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="discount[]" id="discount{{$i}}"
                                                                       value="0"
                                                                       required class="form-control floatnumber">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="gross_amount[]"
                                                                       id="gross_amount{{$i}}"
                                                                       value="" readonly
                                                                       required class="form-control">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="vat[]" id="vat{{$i}}"
                                                                       value="" readonly
                                                                       required class="form-control">
                                                            </td>
                                                        </tr>
                                                        @php
                                                            $i++;
                                                        @endphp
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="form-row col-12">
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="t_gross_amount">Gross Amount</label>
                                                <input id="t_gross_amount" type="text" class="form-control floatnumber"
                                                       name="t_gross_amount"
                                                       value="" readonly
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('t_gross_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="discount_amount">Discount Amount</label>
                                                <input id="discount_amount" type="text" class="form-control floatnumber"
                                                       name="discount_amount"
                                                       value="" readonly
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('discount_amount')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row col-12 ">
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="vat_amount">VAT Amount</label>
                                                <input id="vat_amount" type="text" class="form-control floatnumber"
                                                       name="vat_amount"
                                                       value="" readonly
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('vat_amount')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="net_amount">NET Amount</label>
                                                <input id="net_amount" type="text" class="form-control floatnumber"
                                                       name="net_amount"
                                                       value="" readonly
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('net_amount')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row col-12 ">
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="payment_type">Payment Type<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("payment_type", [''=>'select payment method','cash'=>'Cash','card'=>'Card'], old('payment_type'), ['class'=>'form-control' ,'id' => 'payment_type','required'=>'required']  ) !!}
                                                <div class="text-danger">{{$errors->first('payment_type')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-md-offset-1">
                                                <label for="paid_amount">Paid Amount</label>
                                                <input id="paid_amount" type="text" class="form-control floatnumber"
                                                       name="paid_amount"
                                                       value="0.00"
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('paid_amount')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" name="save" class="btn btn-success">
                                                    Submit
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/moment/moment.js')}}"></script>
    <script src="{{asset('theme/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{asset('theme/plugins/timepicker/bootstrap-timepicker.js')}}"></script>
    <script src="{{asset('theme/default/assets/pages/jquery.form-pickers.init.js')}}"></script>

    <script>

        $('input[id^=unit_price],input[id^=discount]').keyup(function () {
            var lastnum = $(this).attr('id').slice(-1);
            var unitPrice = $('#unit_price' + lastnum).val();
            var qty = $('#quantity' + lastnum).val();
            $('#amount' + lastnum).val(unitPrice * qty);
            var lastnum = $(this).attr('id').slice(-1);
            var discount = $('#discount' + lastnum).val();
            var amount = $('#amount' + lastnum).val();
            $('#gross_amount' + lastnum).val(amount - discount);
            var vat = 0;
            @if($vehicle_movement->vat_check == 'yes')
                vat = (amount - discount) * .05;
            @endif
            $('#vat' + lastnum).val(vat);
            var g_amount = 0;
            var d_amount = 0;
            var vat_amount = 0;
            var j = 1;
            @foreach($vehicle_movement_details as $vehicle_movement_detail)
                g_amount += Number($("#gross_amount" + j).val());
            d_amount += Number($("#discount" + j).val());
            vat_amount += Number($("#vat" + j).val());
            j++;
            @endforeach
            $('#t_gross_amount').val(g_amount);
            $('#discount_amount').val(d_amount);
            $('#vat_amount').val(vat_amount);
            $('#net_amount').val(g_amount + vat_amount);
        });

        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $(".timepicker").timepicker();

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

    </script>
@endpush