@extends('layouts.approver')
@section('title','GIMS')
@section('styles')

<style>
    .nav-tabs-wrapper {
        display: block;
        overflow: hidden;
        height: calc(1.5rem + 1rem + 2px);
        /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
        position: relative;
        z-index: 1;
        margin-bottom: -1px;

        .nav-tabs {
            overflow-x: auto;
            flex-wrap: nowrap;
            border-bottom: 0;
        }

        .nav-item {
            margin-bottom: 0;

            &:first-child {
                padding-left: 15px;
            }

            &:last-child {
                padding-right: 15px;
            }
        }

        .nav-link {
            white-space: nowrap;
        }

        .dragscroll:active,
        .dragscroll:active a {
            cursor: -webkit-grabbing;
        }
    }

    .nav-tabs-wrapper-border {
        display: block;
        width: 100%;
        border-top: 1px solid #e68524;
    }

    .tab-pane {
        padding: 1rem;
    }

    body {
        color: #3077bb;
    }

    .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>
    $('#back').click(function() {
        document.location.href = "{{ route('assethistory.index') }}";
    });
</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 Details</div>
                    <div class="col-10 text-right">
                        <button class="button" type="button" id="back"><i class="fa fa-arrow-circle-left"></i>&nbsp&nbspBack</button>
                    </div>
                </div>
                <div class="ibox-body">
                    <div style="background-color: #fff">
                        <div class="row">
                            <div class="col-3"></div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Identification Code: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="idcode" value="{{ @$regodata[0]->identification_code }}" class="form-control form-control-sm" readonly="True" id="idcode">
                                    </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">Agency: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="ministry" value="{{ @$regodata[0]->agency->agency_name}}" class="form-control form-control-sm" readonly="True" id="ministry">
                                    </div>
                                </div>

                            </div>


                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Department : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="department" value="{{ @$regodata[0]->dept_dzo->dept_dzo_name }}" class="form-control form-control-sm" readonly="True" id="department">
                                    </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">Division: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="division" value="{{ @$regodata[0]->division->division_name }}" class="form-control form-control-sm" readonly="True" id="division">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Regional : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="regional" value="{{ @$regodata[0]->field_regional->field_regional_name }}" class="form-control form-control-sm" readonly="True" id="regional">
                                    </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 align-content-end">Vehicle Type: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="assetcat" value="{{ @$regodata[0]->asset_category->asset_category_name }}" class="form-control form-control-sm" readonly="True" id="assetcat">
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Registration No vvv: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="regono" value="{{ @$regodata[0]->vehicle_number }}" class="form-control form-control-sm" readonly="True" id="regono">
                                    </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">Vehicle Name: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="asset" value="{{ @$regodata[0]->asset_name->asset_name }}" class="form-control form-control-sm" readonly="True" id="asset">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Manufacturer : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="manufacturer" value="{{ @$regodata[0]->manufacturer->manufacturer_name }}" class="form-control form-control-sm" readonly="True" id="manufacturer">
                                    </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">Funding: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="funding" value="{{ @$regodata[0]->funding->funding_source_name }}" class="form-control form-control-sm" readonly="True" id="funding">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Vendor : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="vendor" value="{{ @$regodata[0]->vendors->vendor_name }}" class="form-control form-control-sm" readonly="True" id="vendor">
                                    </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">Requisition Date: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="requisitiondate" value="{{ @$regodata[0]->requisition_date}}" class="form-control form-control-sm" readonly="True" id="requisitiondate">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Purchase Date : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="purchasedate" value="{{ @$regodata[0]->purchase_date }}" class="form-control form-control-sm" readonly="True" id="purchasedate">
                                    </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: </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="cost" value="{{ @$regodata[0]->cost }}" class="form-control form-control-sm" readonly="True" id="cost">
                                    </div>
                                </div>

                            </div>

                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Specification : </label>
                                    <div class="col-sm-8">
                                        <input type="text" name="specification" value="{{ @$regodata[0]->specification }}" class="form-control form-control-sm" readonly="True" id="specification">
                                    </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">
                                        <input type="text" name="remark" value="{{ @$regodata[0]->remarks }}" class="form-control form-control-sm" readonly="True" id="remark">
                                    </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">
                                        <input type="text" name="description" value="{{ @$regodata[0]->asset_description }}" class="form-control form-control-sm" readonly="True" id="description">
                                    </div>
                                </div>
                            </div>


                        </div>

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


                            <div class="col-5">

                            </div>


                        </div>

                    </div>

                    {{ Form::open(['url'=>route('avehicleassethistorypdf'), 'class'=>'form', 'method'=>'get']) }}
                    <input type="hidden" value="{{$regodata[0]->identification_code}}" name="idcoder" class="form-control form-control-sm" id="idcoder">
                    <input type="hidden" value="{{@$regodata[0]->agency->agency_name}}" name="agencyr" class="form-control form-control-sm" id="agencyr">
                    <input type="hidden" value="{{@$regodata[0]->dept_dzo->dept_dzo_name}}" name="deptr" class="form-control form-control-sm" id="deptr">
                    <input type="hidden" value="{{@$regodata[0]->division->division_name}}" name="divir" class="form-control form-control-sm" id="divir">
                    <input type="hidden" value="{{@$regodata[0]->field_regional->field_regional_name}}" name="fieldr" class="form-control form-control-sm" id="fieldr">

                    <input type="hidden" value="{{ @$regodata[0]->asset_category->asset_category_name }}" name="assetcatr" class="form-control form-control-sm" id="assetcatr">
                   
                    <input type="hidden" value="{{ @$regodata[0]->asset_name->asset_name }}" name="assetr" class="form-control form-control-sm" id="assetr">
                    
                    <input type="hidden" value="{{ @$regodata[0]->vehicle_number }}" name="regonor" class="form-control form-control-sm" id="regonor">
                    <input type="hidden" value="{{ @$regodata[0]->manufacturer->manufacturer_name }}" name="manufacturerr" class="form-control form-control-sm" id="manufacturerr">
                    <input type="hidden" value="{{ @$regodata[0]->funding->funding_source_name }}" name="fundingr" class="form-control form-control-sm" id="fundingr">
                    <input type="hidden" value="{{ @$regodata[0]->vendors->vendor_name }}" name="vendorr" class="form-control form-control-sm" id="vendorr">
                    <input type="hidden" value="{{ @$regodata[0]->requisition_date}}" name="requisitiondater" class="form-control form-control-sm" id="requisitiondater">
                    <input type="hidden" value="{{ @$regodata[0]->purchase_date }}" name="purchasedater" class="form-control form-control-sm" id="purchasedater">
                    <input type="hidden" value="{{ @$regodata[0]->cost }}" name="costr" class="form-control form-control-sm" id="costr">
                    <input type="hidden" value="{{ @$regodata[0]->specification }}" name="specificationr" class="form-control form-control-sm" id="specificationr">
                    <input type="hidden" value="{{ @$regodata[0]->remarks }}" name="remarkr" class="form-control form-control-sm" id="remarkr">
                    <input type="hidden" value="{{ @$regodata[0]->asset_description }}" name="descriptionr" class="form-control form-control-sm" id="descriptionr">


                    <div class="d-flex justify-content-between ">
                        <div class="p-2 "></div>
                        <div class="p-2 "><button class="button btn button" type="submit"><i class="fa fa-download"></i>&nbsp/&nbsp<i class="fa fa-print"></i>&nbsp&nbspDownload / Print</button></div>
                        <div class="p-2 "></div>
                    </div>
                    <div class="d-flex justify-content-between  align-items-center">
                        <div class="p-0 ">

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



                    <hr>

                    <!-- Start Tabs -->
                    <div class="nav-tabs-wrapper">
                        <ul class="nav nav-tabs dragscroll horizontal">
                            <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tabA"><i class="fas fa-hands color-blue"></i>&nbspAllocation</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tabB"><i class="fas fa-search color-blue"></i>&nbspInspection</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tabC"><i class="fas fa-tools color-blue"></i>&nbspMaintenance</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tabD"><i class="fas fa-map-signs color-blue"></i>&nbspTransfer</a></li>
                            <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tabE"><i class="fas fa-trash-alt color-blue"></i>&nbspDisposal</a></li>
                        </ul>
                    </div>

                    <span class="nav-tabs-wrapper-border" role="presentation"></span>

                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="tabA">
                            <div class="row">


                                <table class="table table-hover table-bordered">
                                    <thead class="thead-light">
                                        <th>Allocation Code</th>
                                        <th>Allocation Type</th>
                                        <th>Agency</th>
                                        <th>Department</th>
                                        <th>Division</th>
                                        <th>Regional</th>
                                        <th>Custodian Information</th>
                                    </thead>
                                    <tbody id="allocation-table">
                                        @if($allocationdata)
                                        @foreach($allocationdata as $vehicle_data)
                                        <tr>

                                            
                                            <td>{{ @$vehicle_data->allocationdetail['allocation_code']}}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['allocation_type']}}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['agency']->agency_name}}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['dept_dzo']->dept_dzo_name }}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['division']->division_name }}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['field_regional']->field_regional_name}}</td>
                                            <td>{{ @$vehicle_data->allocationdetail['name']}},{{@$vehicle_data->allocationdetail['eid']}},{{@$vehicle_data->allocationdetail['cid']}}</td>






                                            </td>


                                        </tr>
                                        @endforeach
                                        @endif

                                    </tbody>
                                </table>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="tabB">

                            <div class="row">


                                <table class="table table-hover table-bordered">
                                    <thead class="thead-light">
                                        <th>Inspection Code</th>
                                        <th>Inspection Order No.</th>
                                        <th>Inspection Date</th>
                                        <th>Remarks</th>

                                    </thead>
                                    <tbody id="allocation-table">
                                        @if($inspectiondata)
                                        @foreach($inspectiondata as $equip_data)
                                        <tr>

                                            <td>

                                                {{ $equip_data->inspection_code}}

                                            </td>
                                            <td>{{ @$equip_data->inspection_order_no}}</td>
                                            <td>{{ @$equip_data->inspection_date}}</td>
                                            <td>{{ @$equip_data->remarks }}</td>


                                        </tr>
                                        @endforeach
                                        @endif

                                    </tbody>
                                </table>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="tabC">
                            <div class="row">


                                <table class="table table-hover table-bordered">
                                    <thead class="thead-light">

                                        <th>Maintainance Code</th>
                                        <th>Maintainance Order No.</th>
                                        <th>Maintainance Date</th>
                                        <th>Remarks</th>

                                    </thead>
                                    <tbody id="allocation-table">
                                        @if($maintainancedata)
                                        @foreach($maintainancedata as $equip_data)
                                        <tr>

                                            <td>

                                                {{ $equip_data->maintainance_code}}

                                            </td>
                                            <td>{{ @$equip_data->maintainance_order_no}}</td>
                                            <td>{{ @$equip_data->maintainance_date}}</td>
                                            <td>{{ @$equip_data->remarks }}</td>


                                        </tr>
                                        @endforeach
                                        @endif

                                    </tbody>
                                </table>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="tabD">
                            <div class="row">


                                <table class="table table-hover table-bordered">
                                    <thead class="thead-light">

                                        <th>Transfer Code</th>
                                        <th>Agency</th>
                                        <th>Department</th>
                                        <th>Division</th>
                                        <th>Regional</th>
                                        <th>Transfered Order No.</th>
                                        <th>Transfer Date</th>
                                        
                                    </thead>
                                    <tbody id="allocation-table">

                                    @if($transferdata)
                                        @foreach($transferdata as $equip_data)
                                        <tr>

                                            <td>

                                                {{ $equip_data->application_code}}

                                            </td>
                                            <td>{{ @$equip_data->agency->agency_name }}</td>

                                            <td>{{ @$equip_data->dept_dzo->dept_dzo_name }}</td>

                                            <td>{{ @$equip_data->division->division_name }}</td>

                                            <td>{{ @$equip_data->field_regional->field_regional_name }}</td>
                                            <td>{{ @$equip_data->transfer_order_no}}</td>
                                            <td>{{ @$equip_data->transfer_date}}</td>
                                       

                                        </tr>
                                        @endforeach
                                        @endif


                                    </tbody>
                                </table>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="tabE">
                            <p>Okay, last one E</p>
                        </div>

                    </div>
                    <!-- End Tabs -->

                </div>

                @endsection