@extends('layouts.approver')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.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;
    }
</style>
@endsection
@section('script')
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script>
    $('.registeredvehicles').dataTable();
    $('.pendingvehicles').dataTable();
</script>
@endsection
@section('content')
<!-- for Draft  -->
<!-- For Pending -->



<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">
                        <font size="2" color="#e68524">Vehicles List</font>
                    </div>

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

                    <table id="example" class="registeredvehicles table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Identification Code</th>
                                <th>Vehicle Category</th>
                                <th>Asset Name</th>
                                <th>Registration No.</th>
                                <th>Cost</th>
                                <th>Department</th>
                                <th>Division</th>
                                <th>Field/Regional</th>
                                

                            </tr>
                        </thead>
                        <tbody>
                            @if($vehicle_data)
                            @foreach($vehicle_data as $equip_data)
                            <tr>
                                <td>
                                    <a href="{{ route('avehicle-history', $equip_data->identification_code) }}">
                                        {{ $equip_data->identification_code }}
                                    </a>
                                </td>
                                <td>{{ @$equip_data->asset_category['asset_category_name'] }}</td>
                                <td>{{ @$equip_data->asset_name['asset_name'] }}</td>
                                <td>{{ @$equip_data->vehicle_number }}</td>
                                <td>{{ @$equip_data->cost }}</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>
                               

                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection