@extends('layouts.master')
@section('title', pageTitle('View Vehicle'))
@section('content')
    @include('sections.breadcrumb')

    <div class="container-fluid basic_table pb-5">
    <!-- Row -->
    <div class="row row-sm justify-content-center align-content-center">
        <div class="col-sm-12 col-md-8">
            <div class="card our-team">
                <div class="card-body">
                    <h2>{{ $vehicle->vehicleMake->name . " " . $vehicle->vehicleModel->name . " " . $vehicle->year }}</h2>

                    <div class="row row-sm mt-5">
                        <div class="col-md-7 col-sm-12">
                            <img src="{{ imageHolder($vehicle->image) }}" alt="vehicleImage" style="height: 100px;"/>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Vehicle Type</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->vehicleType->name ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Registration Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->reg_no ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>License number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->license_no ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Policy Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->policy_number ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Chasis Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->chasis_number ?? '---' }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Color</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                <span style="height: 40px; width: 40px; padding: 4px; background-color: {{ $vehicle->color }};"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Approved Route</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->approved_route ?? '---' }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Seating Capacity</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->seating_capacity ?? '---' }}
                            </div>
                        </div>
                    </div>

                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Tank Capacity</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->tank_capacity ?? '---' }}
                            </div>
                        </div>
                    </div>

                    @if (isset($vehicle->desc))
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Description</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->desc ?? '---' }}
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Status</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->status }}
                            </div>
                        </div>
                    </div>


                    @if(isset($vehicle->driver))
                    <div class="row row-sm mt-5">
                        <div class="col-md-12 col-sm-12">
                            <div class="p-2 bg-primary-transparent text-center rounded-sm">
                                <strong>Driver's Details</strong>
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Driver ID</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                <a href="{{ route('admin.drivers.show', [$vehicle->driver->identifier]) }}">{{ $vehicle->driver->identifier }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Full Name</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->driver->name ?? '---' }}
                            </div>
                        </div>
                    </div>
                    <div class="row row-sm mt-2">
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-primary-transparent rounded-sm">
                                <strong>Phone Number</strong>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="p-2 bg-purple-transparent rounded-sm">
                                {{ $vehicle->driver->phone ?? '---' }}
                            </div>
                        </div>
                    </div>
                    @endif

                    @if (userRole($user) === 'ADMIN')
                        <div class="row my-5">
                            <div class="col-md-12 col-sm-12">
                                <a href="{{ route('admin.vehicles.edit', [$vehicle->identifier]) }}" class="btn btn-primary">Edit Vehicle</a>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <!--End Row -->
    </div>
@stop
@section('page-scripts')
@stop