@extends('layouts/main')

@section('body')
    @include('layouts.navbar')

    <div class="container mx-auto sm:px-5">
        <section class="bg-gray-50 dark:bg-gray-900 sm:py-5">
            <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto lg:py-0">

                <div
                    class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-xl xl:p-0 dark:bg-gray-800 dark:border-gray-700">
                    <div class="p-6 space-y-1 sm:p-8">

                        <div class="w-40 mx-auto">
                            <img class="rounded" src="{{ asset('photos/' . $driver->photo) }}" alt="{{ $driver->name }}"
                                srcset="">
                        </div>

                        <p class="text-gray-800 dark:text-gray-400 capitalize">
                            <strong>Name :</strong>
                            <span>{{ $driver->name }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Age :</strong>
                            <span>{{ $driver->age }} years</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Experience :</strong>
                            <span>{{ $driver->experience }} years</span>
                        </p>

                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Religion :</strong>
                            <span>{{ $driver->religion }}</span>
                        </p>
                        <br>
                        <h3 class="dark:text-gray-300">Present Address</h3>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Area :</strong>
                            <span>{{ $driver->present_area }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Upozila :</strong>
                            <span>{{ $driver->present_sub_district }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>District :</strong>
                            <span>{{ $driver->present_district }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Division :</strong>
                            <span>{{ $driver->present_region }}</span>
                        </p>
                        <br>
                        <h3 class="dark:text-gray-300">Home Address</h3>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Area :</strong>
                            <span>{{ $driver->home_area }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Upozila :</strong>
                            <span>{{ $driver->home_sub_district }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>District :</strong>
                            <span>{{ $driver->home_district }}</span>
                        </p>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>Division :</strong>
                            <span>{{ $driver->home_region }}</span>
                        </p>

                        <br>
                        <p class="text-gray-800 dark:text-gray-400">
                            <strong>About me :</strong>
                            <span>{{ $driver->bio }}</span>
                        </p>

                        @auth('admin')
                            <img class="w-full max-w-full" src="{{ asset('licenses/' . $driver->license_front_part) }}">
                            <img class="w-full max-w-full" src="{{ asset('licenses/' . $driver->license_back_part) }}">
                            <span>{{ $driver->created_at }}</span>
                        @endauth

                        @if ($driver->canJobOffer($driver->user_id))
                            @include('drivers.job-offer-from')
                        @endif

                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection