@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>
$('#funding_id').select2();
    $('#vendor_id').select2();
    $('#assetnametype').select2();
    var counter = 1;
    
    // click event for fetch button
    $('#fetch_detail_btn').click(function(e) {

        e.preventDefault(); // do not submit form

        var vehicleNo = $('#vidrego').val();
        var vehicleType = "Light_VEHICLE";
        if (vehicleNo) {
            $.ajax({
                url: "{{ env('VEHICLEDETAIL_USER_END_POINT') }}rsta_licenseandvehicleinformationapi/1.0.0/vehicledetailsbyvehicletype/" + vehicleNo + "/" + vehicleType, // the end point from where you will fetch User Data
                type: "GET",
                headers: {
                    "Authorization": "Bearer {{ env('VEHICLE_EMP_TOKEN')}}",
                    'X-CSRF-TOKEN': $('meta[name="csrf-token]').attr('content')
                },

                data: {},


                success: function(response) {
                    $('#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);

                    getassetnameSelect(response.vehicleDetails.vehicleDetail[0].vehicleTypeName);
                }
            });
        } else {
            alert('vid Could not be empty.');
        }

    });

    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('You are not allowed to allocate to this department.');
                }
                $('#assetnametype').html(html_assetname);

            }
        });
    }
</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 Reprocess Form</div>

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

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

                    <center>
                        <p class="text-warning"><em>Organisation where the Equipment is registered</em></p>
                    </center>

                    @include('data_entry.section.uagency-hirerchy')
                    <hr>
                    <center>
                        <p class="text-warning"><em>Information is 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: </label>
                                <div class="col-sm-8">
                                    <select name="assetname" required id="assetname" class="form-control form-control-sm">
                                        <option value="" selected>--Select Any One--</option>
                                        @if($asset_category_data)
                                        @foreach($asset_category_data as $type)
                                        <option value="{{ $type->id }}" {{ @$draft_data[0]->asset_category_id == $type->id ? 'selected' : '' }}>{{ $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">Registration No: </label>
                                <div class="col-sm-8">
                                    <input type="text" readonly name="regono" value="{{ @$draft_data[0]->vehicle_number }}" required class="form-control form-control-sm" id="vidrego">
                                    <input type="hidden" name="manual" id="manual" value="api">
                                </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 text-success">Vehicle Type: </label>
                                <div class="col-sm-8">
                                    <input type="hidden" name="icode" value="{{ @$draft_data[0]->identification_code }}" required class="form-control form-control-sm" id="basecost" readonly>
                                    <input type="text" name="vehicletype" required class="form-control form-control-sm text-success" id="vehicletype" value="Light Vehicle">
                                </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" readonly name="chesisno" value="{{ @$draft_data[0]->chasis_no }}" required class="form-control form-control-sm text-success" 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" readonly name="engineno" value="{{ @$draft_data[0]->engine_no }}" required class="form-control form-control-sm text-success" 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" readonly name="model" value="{{ @$draft_data[0]->vehiclemodel }}" required class="form-control form-control-sm text-success" 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" required class="form-control form-control-sm text-success" id="make" value="{{$manufacturer_data}}">

                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4 text-success">Color: </label>
                                <div class="col-sm-8">
                                    <input type="text" readonly name="color" value="{{ @$draft_data[0]->color  }}" required 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">Registration Date: </label>
                                <div class="col-sm-8">
                                    <input type="text" readonly name="regodate" value="{{ @$draft_data[0]->vehicle_registration_date  }}" required class="form-control form-control-sm text-success" id="regodate">
                                </div>
                            </div>

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

                        </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>--Select Any One--</option>
                                        @if($asset_name)
                                        @foreach($asset_name as $type)
                                        <option value="{{ $type->id }}" {{ @$draft_data[0]->asset_name_id == $type->id ? 'selected' : '' }}>{{ $type->asset_name }}</option>
                                        @endforeach
                                        @endif

                                    </select>
                                </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">Requisition Date<span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="requisition_date" value="{{ @$draft_data[0]->requisition_date }}" class="form-control form-control-sm" required id="requisition_date">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Purchase Order Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="purchase_order_date" value="{{ @$draft_data[0]->purchase_order_date }}" class="form-control form-control-sm" required id="purchase_order_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">Purchase Order No. <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="purchase_order_no" value="{{ @$draft_data[0]->purchase_order_no }}" required class="form-control form-control-sm" id="purchase_order_number">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Invoice Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="invoice_date" value="{{ @$draft_data[0]->invoice_date }}" class="form-control form-control-sm" required 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">Bill/Invoice No. <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="invoice_no" value="{{ @$draft_data[0]->invoice_no }}" required 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">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" value="{{ @$draft_data[0]->cost  }}" required>
                                </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">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 Any One--</option>
                                        @if($acquisition_type)
                                        @foreach($acquisition_type as $type)
                                        <option value="{{ $type->id }}" {{ @$draft_data[0]->aquisition_id == $type->id ? 'selected' : '' }}>{{ $type->acquisation_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Funding <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="funding_id" id="funding_id" required class="form-control form-control-sm">
                                        <option value="" disabled selected>-- Select Any One --</option>
                                        @if($funding_data)
                                        @foreach($funding_data as $funding_id)
                                        <option value="{{ $funding_id->id }}" {{ @$draft_data[0]->funding_source_id == $funding_id->id ? 'selected' : ''}}>{{ $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">Vendor <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <select name="vendor_id" required id="vendor_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($vendor_data)
                                        @foreach($vendor_data as $vendor)
                                        <option value="{{ $vendor->id }}" {{ @$draft_data[0]->vendor == $vendor->id ? 'selected' : '' }}>{{ $vendor->vendor_name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </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">
                                </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="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->remarks }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-5">
                            <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="5" style="resize: none;" class="form-control">{{ @$draft_data[0]->asset_description }}</textarea>
                                </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="5" style="resize: none;" class="form-control" name="specification">{{ @$draft_data[0]->specification }}</textarea>
                                </div>
                            </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="btn button" type="submit"><i class="fa fa-paper-plane"></i> Submit to Approver</button></div>
                                <div class="col-3"> <button class="btn  buttond " 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