@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1 class="card-title">Employee Vehicle Driver Detail <span id="EmployeeDetail" class="text-info">#{{$ViewVehicleDriverData->DriverName }}</span> <small class="text-info"></small></h1>
                </div>
                        <!-- <div class="col-sm-4 text-right">
                            <a href="{{ url('/') }}" type="button"
                                class="btn btn-sm btn-info mx-1" target="blank">View Service Book <i
                                class="fas fa-arrow-right"></i></a>
                            </div>
                        </div> -->
                    </div><!-- /.container-fluid -->
                </section>

                <!-- Main content -->
                <section class="content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-12 col-sm-12">
                                {{-- Primary Details --}}
                                <div id="accordion">
                                    <div class="card card-secondary">
                                    <div class="card-header" id="EmployeePrimaryDetailHeading">
                                    <h5 class="mb-0">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <em> <i class="fas fa-pen"></i> Employee's Vehicle Driver Detail</em>
                                            </div>
                                            <div class="col-md-6 text-right">
                                                <button class="btn btn-link text-white collapsed" data-toggle="collapse"
                                                    data-target="#EmployeePrimaryDetail" aria-expanded="true"
                                                    aria-controls="EmployeePrimaryDetail">
                                                    <em>Show / Hide</em>
                                                </button>
                                            </div>
                                        </div>
                                    </h5>
                                    </div>
                                        <div id="EmployeePrimaryDetail" class="collapse show"
                                        aria-labelledby="EmployeePrimaryDetailHeading" data-parent="#accordion" style="">
                                        <div class="card-body">
                                            <div class="card card-light">
                                                <div class="card-header">
                                                    <h3 class="card-title">Vehicle Driver :</h3>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="NameTitle">Controlling officer: </label>
                                                                <p>{{$ViewVehicleDriverData->ControllingOfficerName }}</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="Employees Name">Subordinate vehicles:
                                                                </label>
                                                                <p>{{$ViewVehicleDriverData->Vehicle }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="AppointmentOrderDate">Drivers: </label>
                                                                <p>{{$ViewVehicleDriverData->DriverName }}
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group mb-2">
                                                                <label class="mb-0" for="DDO">Name of the Scheme of Drivers:</label>
                                                                <p>{{$ViewVehicleDriverData->NameOfScheme }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 text-right">
                                                          <button class="btn btn-info btn-sm" 
                                                          onclick="EditVehicleDriverData('{{$ViewVehicleDriverData->VehicleDriverId }}')";
                                                        class="btn btn-xs btn-outline-info" data-id="">Edit Detail
                                                           </button>
                                                        </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <x-VehicleDriverModal />
    @endsection