@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/select2.min.css') }}">

<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
@endsection
@section('script')
<script src="{{ asset('js/select2.min.js') }}"></script>
<script>
    $('#aquisition_id').change(function() {

        var aquiid = $(this).val();


        if (aquiid == 4) {
            $('#pg1').removeClass('d-none');


        }

        if (aquiid == 3) {
            $('#dg1').addClass('d-none');
            $('#dg2').addClass('d-none');
            $('#dg3').addClass('d-none');
            $('#dg4').addClass('d-none');
            $('#dg5').addClass('d-none');
            $('#pg1').addClass('d-none');

            $('#ddate').text('Received Date *:');
            $('#dfunding').text('Donated By *:');
        } else {

            $('#dg1').removeClass('d-none');
            $('#dg2').removeClass('d-none');
            $('#dg3').removeClass('d-none');
            $('#dg4').removeClass('d-none');
            $('#dg5').removeClass('d-none');
            $('#pg1').addClass('d-none');
            $('#ddate').text('Purchase Order Date *:');
            $('#dfunding').text('Funding *:');

        }

    });


    $('#fetch_detail_btnnoapi').click(function() {

        $('#noapi').removeClass('d-none');
        $('#apis').addClass('d-none');
        $('#manual').val('noapi');

    });

    $('#funding_id').select2();
    $('#vendor_id').select2();
    $('#assetnametype').select2();

    $('.btncancel').click(function(e) {

        e.preventDefault(); // do not submit form
        document.location.href = "{{ route('vehicles.index') }}";

    });

    var counter = 1;
    // click event for fetch button
    $('#fetch_detail_btn').click(function(e) {

        $('#apis').removeClass('d-none');
        $('#noapi').addClass('d-none');
        $('#manual').val('api');
        e.preventDefault(); // do not submit form

        var vehicleNo = $('#vidrego').val();
        var vehicleType = $('#assetname').val();

        if (vehicleNo) {
            $.ajax({
                url: "{{ route('getvehicle_API') }}",
                type: "get",
                headers: {
                    'X-CSRF-TOKEN': $('input[name="csrf-token"]').attr('value')
                },
                data: {
                    _token: "{{ csrf_token() }}",
                    vehicleNo: vehicleNo,
                    vehicleType: vehicleType
                },
                success: function(response) {
                    if (typeof(response) != 'object') {
                        response = JSON.parse(response);
                    }




                    if (response.vehicleDetails.vehicleDetail[0].ownerName) {
                        $('#owner').val(response.vehicleDetails.vehicleDetail[0].ownerName);
                        $('#vehicletype').val(response.vehicleDetails.vehicleDetail[0].vehicleTypeName);
                        $('#chesisno').val(response.vehicleDetails.vehicleDetail[0].chassisNumber);
                        $('#engineno').val(response.vehicleDetails.vehicleDetail[0].engineNumber);
                        $('#modal').val(response.vehicleDetails.vehicleDetail[0].vehicleModel);
                        $('#make').val(response.vehicleDetails.vehicleDetail[0].brandName);
                        $('#color').val(response.vehicleDetails.vehicleDetail[0].color);
                        $('#regodate').val(response.vehicleDetails.vehicleDetail[0].registrationDate);

                        getassetnameSelect(response.vehicleDetails.vehicleDetail[0].vehicleTypeName);
                    } else {
                        alert('No Such Vehicle No.');
                    }
                }
            });
        } else {
            alert('Vehicle No should  not be empty.');
        }

    });

    $('#assetname').change(function() {
        var cat_id = $(this).val();

        $.ajax({
            url: "{{ route('get-assetname-noapi')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                cat_id: cat_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var asset_name_html = "<option value='' selected disabled>--Select--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        asset_name_html += "<option value='" + value.id + "'>" + value.asset_name + "</option>";
                    });
                }
                $('#assetnametypenoapi').html(asset_name_html);
            }
        });
    });


    function getassetnameSelect(vehicletype_title) {

        $.ajax({
            url: "{{ route('get-assetname-mappingrsta') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                vehicle_name: vehicletype_title,

            },
            success: function(response) {

                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }
                var html_assetname = "<option value='' selected>--Select Any One--</option>";
                if (response.status) {
                    // division exists
                    $.each(response.data, function(key, value) {
                        html_assetname += "<option value='" + value.id + "'>" + value.asset_name + "</option>";
                    });
                } else {
                    alert('Vehicle Name Does Not Exist.');
                }
                $('#assetnametype').html(html_assetname);

            }
        });
    }

    function validateForm() {

        var valdate = document.forms["equipment-form"]["manual"].value;
        var vehiclenamerbp = document.forms["equipment-form"]["assetnametypenoapi"].value;

        var chesisnonoapi = document.forms["equipment-form"]["chesisnonoapi"].value;
        var enginenonoapi = document.forms["equipment-form"]["enginenonoapi"].value;
        var modelnoapi = document.forms["equipment-form"]["modelnoapi"].value;
        var makenoapi = document.forms["equipment-form"]["makenoapi"].value;
        var colornoapi = document.forms["equipment-form"]["colornoapi"].value;
        var ownernoapi = document.forms["equipment-form"]["ownernoapi"].value;
        var regodatenoapi = document.forms["equipment-form"]["regodatenoapi"].value;

        var requisition_date = document.forms["equipment-form"]["requisition_date"].value;
        var purchase_order_date = document.forms["equipment-form"]["purchase_order_date"].value;
        var purchase_order_no = document.forms["equipment-form"]["purchase_order_no"].value;
        var invoice_date = document.forms["equipment-form"]["invoice_date"].value;
        var invoice_no = document.forms["equipment-form"]["invoice_no"].value;

        var vregodate = document.forms["equipment-form"]["regodate"].value;
        var donated = document.forms["equipment-form"]["funding_id"].value;




        var aquiid = $('#aquisition_id').val();
        if (valdate == 'noapi') {

            if (aquiid != 3) {
                if (requisition_date == '') {

                    alert("select Requisition Date ");
                    return false;
                }
            }
            if (purchase_order_date == '') {

                alert("Enter Purchase Date ");
                return false;
            }
            if (aquiid != 3) {
                if (invoice_no == '') {

                    alert("Enter Invoice No ");
                    return false;
                }
                if (purchase_order_no == '') {

                    alert("Enter Purchase order No ");
                    return false;
                }
                if (invoice_date == '') {

                    alert("Enter Invoice Date ");
                    return false;
                }
            }

            if (vehiclenamerbp == '') {

                alert("select Asset Name ");
                return false;
            }

            if (chesisnonoapi == '') {

                alert("Enter Chesis No ");
                return false;
            }
            if (enginenonoapi == '') {

                alert("Enter Engine No ");
                return false;
            }

            if (modelnoapi == '') {

                alert("Enter Model No ");
                return false;
            }

            if (makenoapi == '') {

                alert("Select Manufacturer ");
                return false;
            }
            if (colornoapi == '') {

                alert("Enter Colour ");
                return false;
            }
            if (ownernoapi == '') {

                alert("Enter Owner ");
                return false;
            }
            if (regodatenoapi == '') {

                alert("Select Registration Date ");
                return false;
            }
            if (donated == '') {

                alert("Select Donated By ");
                return false;
            }

        }
        if (valdate == 'api') {
            var requisitiondate = document.forms["equipment-form"]["requisition_date"].value;
            var purchaseorderdate = document.forms["equipment-form"]["purchase_order_date"].value;
            var invoicedate = document.forms["equipment-form"]["invoice_date"].value;
            var vehiclename = document.forms["equipment-form"]["assetnametype"].value;
            var costs = document.forms["equipment-form"]["cost"].value;
            var vregodate1 = document.forms["equipment-form"]["regodate"].value;
            var donated1 = document.forms["equipment-form"]["funding_id"].value;
            var todayDate = new Date().toISOString().slice(0, 10);
            var z = document.forms["equipment-form"]["urcs"].value;
            if (vregodate1 == '') {
                alert("Select Registration Date");


                return false;
            }
            if (vehiclename == '') {
                alert("select Asset Name ");
                return false;
            }

            if (aquiid != 3) {
                if (requisitiondate > todayDate) {
                    alert("Cannot select Future Date ");


                    return false;
                }
            }

            if (purchaseorderdate == '') {
                alert("Please Select received Date");


                return false;
            }

            if (costs == '') {
                alert("Please Enter Costs");


                return false;
            }


            if (purchaseorderdate > todayDate) {
                alert("Cannot select Future Date");


                return false;
            }
            if (aquiid != 3) {
                if (invoicedate > todayDate) {
                    alert("Cannot select Future Date");


                    return false;
                }
            }
            if (z == 'no') {
                alert("Vehicle already Exists");

                return false;
            }
            if (aquiid != 3) {
                if (requisitiondate > purchaseorderdate) {
                    alert("Purchase Date should not be earlier than Requisition Date");


                    return false;
                }
            }
            if (aquiid != 3) {
                if (purchaseorderdate > invoicedate) {
                    alert("Invoice Date should not be earlier than Purchase Order Date");


                    return false;
                }
            }
            if (donated == '') {
                alert("Select Donated By");


                return false;
            }
        }
    }

    //attaching "change" event to the file upload button
    document.getElementById("file_path").addEventListener("change", validateFile)

    function validateFile() {
        const allowedExtensions = ['pdf', 'jpeg', 'jpg', 'png'],
            sizeLimit = 5000000; // 5 megabyte

        // destructuring file name and size from file object
        const {
            name: fileName,
            size: fileSize
        } = this.files[0];

        /*
         * if the filename is apple.png, we split the string to get ["apple","png"]
         * then apply the pop() method to return the file extension (png)
         *
         */
        const fileExtension = fileName.split(".").pop();

        /* 
          check if the extension of the uploaded file is included 
          in our array of allowed file extensions
        */
        if (!allowedExtensions.includes(fileExtension)) {
            alert("Please upload only jpg, jpeg and png files");
            this.value = null;
        } else if (fileSize > sizeLimit) {
            alert("File size too large")
            this.value = null;
        }
    }

    $('.yyy').mouseover(function() {

        var valdate = document.forms["equipment-form"]["manual"].value;
        if (valdate == 'api') {
            $('#ula').val('yy');
            $('#urcs').val('yes');

            var deptid = $('#dept_dzo_id').val();
            var divsid = $('#division_id').val();
            var filds = $('#field_regional_id').val();
            var vno = $('#vidrego').val();
            var vnot = $('#assetname').val();

            $.ajax({
                url: "{{ route('checkbuildingauthvehicle') }}",
                type: "post",
                data: {
                    _token: "{{ csrf_token() }}",
                    deptid: deptid,
                    divsid: divsid,
                    filds: filds,
                    vno: vno,
                    vnot: vnot

                },
                success: function(response) {
                    if (typeof(response) != 'object') {
                        response = JSON.parse(response);
                    }

                    if (response.data == 'y') {

                        $('#ula').val('tt');

                    } else if (response.data == 'z') {
                        $('#urcs').val('no');

                    } else {
                        $('#urcs').val('yes');
                        $('#ula').val('yy');
                    }
                }
            })
        }
    });
</script>
@endsection
@section('content')
<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">Vehicle Registration Form</div>

                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('vehicles.store'),'onsubmit'=>'return validateForm()', 'id'=>'equipment-form', 'files'=>'true'] )}}
                    @csrf

                    <center>
                        <p class="text-warning"><em>Organisation where the Vehicle will be registered</em></p>
                    </center>

                    @include('data_entry.section.uagency-hirerchy')
                    <hr>
                    <center>
                        <p class="text-warning"><em>Information will be pulled from RSTA</em></p>
                    </center>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Vehicle Type <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="assetname" required id="assetname" class="form-control form-control-sm">

                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($vtype)
                                        @foreach($vtype as $type)
                                        <option value="{{ $type->id }}">{{ $type->asset_category_name }}</option>
                                        @endforeach
                                        @endif

                                    </select>
                                </div>
                            </div>

                        </div>
                        <div class="col-5">

                            <div class="form-group row">
                                <label for="" class="col-sm-4">Vehicle Reg. No.<span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="regono" placeholder="Vehicle Registration" required class="form-control form-control-sm" id="vidrego">
                                    <input type="hidden" name="manual" id="manual" value="api">


                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-5"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                @if($usr_data<=0) <button class="button" id="fetch_detail_btn" type="button">
                                    <i class="fa fa-paper-plane"></i> Fetch Vehicle Detail
                                    <input type="hidden" value="yy" name="ula" id="ula">
                                    <input type="hidden" value="yes" name="urcs" id="urcs">
                                    </button>
                                    @endif
                                    @if($usr_data>0)
                                    <button class="button" id="fetch_detail_btnnoapi" type="button">
                                        <i class="fa fa-edit"></i> Manual Entry
                                    </button>
                                    @endif
                            </div>

                        </div>

                    </div>
                    <hr>
                    <div class="" id="apis">
                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">

                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Vehicle Type : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="vehicletype" class="form-control form-control-sm text-success" readonly id="vehicletype">
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Chasis Number: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="chesisno" class="form-control form-control-sm text-success" readonly id="chesisno">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Engine No: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="engineno" class="form-control form-control-sm text-success" readonly id="engineno">
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Model: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="model" class="form-control form-control-sm text-success" readonly id="modal">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Manufacturer: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="make" class="form-control form-control-sm text-success" readonly id="make">
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Color <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="color" class="form-control form-control-sm text-success" id="color">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Owner: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="owner" class="form-control form-control-sm text-success" readonly id="owner">
                                    </div>
                                </div>

                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4 text-success">Registration Date <span class="required">*</span> : </label>
                                    <div class="col-sm-8">
                                        <input type="date" name="regodate" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="regodate">

                                    </div>
                                </div>

                            </div>
                        </div>


                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Asset Name <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <select name="assetnametype" id="assetnametype" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select--</option>

                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="d-none" id="noapi">
                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Chasis Number <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="chesisnonoapi" class="form-control form-control-sm text-success" id="chesisnonoapi">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Engine No <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="enginenonoapi" class="form-control form-control-sm text-success" id="enginenonoapi">
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Model <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="modelnoapi" class="form-control form-control-sm text-success" id="modalnoapi">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Manufacturer <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <select required id="makenoapi" class="manufacturer_id form-control form-control-sm" name="makenoapi">
                                            <option value="0">--Select--</option>
                                            @if($manufacturer_data)
                                            @foreach($manufacturer_data as $manu_data)
                                            <option value="{{ $manu_data->id }}">{{ $manu_data->manufacturer_name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Color <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="colornoapi" class="form-control form-control-sm text-success" id="colornoapi">
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Owner <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="ownernoapi" class="form-control form-control-sm text-success" id="ownernoapi">
                                    </div>
                                </div>

                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Registration Date <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <input type="date" name="regodatenoapi" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="regodatenoapi">

                                    </div>
                                </div>

                            </div>
                        </div>


                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Asset Name <span class="required">*</span>: </label>
                                    <div class="col-sm-8">
                                        <select name="assetnametypenoapi" id="assetnametypenoapi" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select--</option>

                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                    <hr>


                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Acquisition Type <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="aquisition_id" required id="aquisition_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select--</option>
                                        @if($acquisition_type)
                                        @foreach($acquisition_type as $type)
                                        <option value="{{ $type->id }}">{{ $type->acquisation_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5" id="dg5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Requisition Date<span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="requisition_date" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="requisition_date">
                                </div>

                            </div>


                        </div>

                    </div>

                    <div class="row d-none" id="pg1">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Project Start. <span>*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="pstartdate" class="form-control form-control-sm" id="pstartdate">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Project End <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="penddate" class="form-control form-control-sm" id="penddate">
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5" id="dg1">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purchase Order No. <span>*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="purchase_order_no" placeholder="Enter Purchase Order Numebr" class="form-control form-control-sm" id="purchase_order_number">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" id="ddate" class="col-sm-4">Purchase Order Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="purchase_order_date" class="form-control form-control-sm" placeholder="Enter purchase date" id="purchase_order_date">
                                </div>
                            </div>


                        </div>

                    </div>


                    <div class="row" id="dg2">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Bill/Invoice No. <span>*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="invoice_no" placeholder="Enter Bill Invoice Numebr" class="form-control form-control-sm" id="invoice_no">
                                </div>
                            </div>

                        </div>


                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Invoice Date <span>*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="invoice_date" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="invoice_date">
                                </div>
                            </div>


                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">

                            <div class="form-group row">
                                <label for="" class="col-sm-4">Cost(Nu.) <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="number" class="form-control form-control-sm" name="cost" id="cost">
                                </div>
                            </div>
                        </div>
                        <div class="col-5" id="dg3">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Vendor <span>*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="vendor_id" id="vendor_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select--</option>
                                        @if($vendor_data)
                                        @foreach($vendor_data as $vendor)
                                        <option value="{{ $vendor->id }}">{{ $vendor->vendor_name }} (L.No.:{{ $vendor->license_no }})</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-1"></div>


                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" id="dfunding" class="col-sm-4">Funding <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="funding_id" id="funding_id" class="form-control form-control-sm">
                                        <option value="" disabled selected>-- Select--</option>
                                        @if($funding_data)
                                        @foreach($funding_data as $funding_id)
                                        <option value="{{ $funding_id->id }}">{{ $funding_id->funding_source_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>


                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Specification:</label>
                                <div class="col-sm-8">
                                    <textarea id="specification" rows="4" style="resize: none;" class="form-control" name="specification"></textarea>
                                </div>
                            </div>

                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">File Upload: </label>
                                <div class="col-sm-8">
                                    <input type="file" name="file_path" id="file_path">
                                    <span style="color:red;"> Acepted file format are PDF,JPG,JEPG,PNG and Maximum file size should be 5mb.)</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Remarks:</label>
                                <div class="col-sm-8">
                                    <textarea name="remarks" id="remarks" rows="4" style="resize: none;" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-5" id="dg4">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purpose :</label>
                                <div class="col-sm-8">
                                    <textarea name="asset_description" id="asset_description" rows="4" style="resize: none;" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">

                            </div>
                        </div>

                    </div>

                    <hr>
                    <div class="form-group row">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-3"></div>
                                <div class="col-3"> <button class="yyy btn button" type="submit"><i class="fa fa-paper-plane"></i> Submit to Approver</button></div>
                                <div class="col-3"> <button class="btn buttond btncancel " type="reset"><i class="fa fa-trash"></i> Cancel </button></div>
                                <div class="col-3"></div>
                            </div>

                        </div>
                    </div>

                    {{ Form::close() }}
                </div>
            </div>
        </div>

    </div>

</div>
@endsection