@extends('template.layouts.template-base')
@section('title', 'View Driver')

@section('content')
<section class="product-page master-add-driver">
    <div class="page-header">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title">
                        <a href="{{ route('backend.master.index-driver') }}">Master / <span class="breadcrumb-link">View Driver</span></a>
                    </div>
                </div>
                <div class="col-auto cate-top-btns">
                    <button type="button" class="btn-delete-category delete-record"
                        data-url="{{ route('backend.master.destroy-driver', $driver->id) }}"
                        data-redirect-url="{{ route('backend.master.index-driver') }}"
                        data-title="Delete Driver?"
                        data-text="Are you sure you want to delete this driver? This action cannot be undone."
                        data-success-message="Driver deleted successfully.">
                        Delete <i class='bx bxs-trash fs-5'></i>
                    </button>
                    <a class="btn-add-category" href="{{ route('backend.master.edit-driver', $driver->id) }}">
                        Edit <i class="ri-edit-fill fs-5"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid p-0">
        <div class="add-product-section">
            <h2 class="section-title">Driver Information</h2>
            <div class="row">
                <div class="col-lg-4">
                    <label>Driver ID</label>
                    <input type="text"
                        value="{{ $driver->driver_unique_no ?: \App\Helpers\Helper::formatDriverUniqueNo((int) $driver->id) }}"
                        readonly>
                </div>
                <div class="col-lg-4">
                    <label>Vehicle Number(s)</label>
                    <input type="text" value="{{ !empty($assignedVehicleNumbers) ? implode(', ', $assignedVehicleNumbers) : '-' }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>Driver Name</label>
                    <input type="text" value="{{ $driver->name }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>Contact Number</label>
                    <input type="text" value="{{ $driver->phone }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Rating</label>
                    <input type="text" value="{{ $driver->rating ? $driver->rating . ' Star' : '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Status</label>
                    <input type="text" value="{{ $driver->status ? 'Active' : 'Inactive' }}" readonly>
                </div>
                <div class="col-lg-12 mt-3">
                    <label>Notes</label>
                    <textarea class="w-100" rows="4" readonly>{{ $driver->notes ?: '-' }}</textarea>
                </div>
            </div>
        </div>

        <div class="add-product-section">
            <h2 class="section-title">Address</h2>
            <div class="row">
                <div class="col-lg-4">
                    <label>Pincode</label>
                    <input type="text" value="{{ $driver->pincode }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>City</label>
                    <input type="text" value="{{ $driver->city }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>State</label>
                    <input type="text" value="{{ $driver->state }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Country</label>
                    <input type="text" value="{{ $driver->country }}" readonly>
                </div>
                <div class="col-lg-8 mt-3">
                    <label>Address Line</label>
                    <input type="text" value="{{ $driver->address_line }}" readonly>
                </div>
            </div>
        </div>

        <div class="add-product-section">
            <h2 class="section-title">Documents</h2>
            @php
                $docFiles = [];
                $docNames = [];

                if (!empty($driver->vehicle_image)) {
                    $docFiles[] = $driver->vehicle_image;
                    $docNames[] = 'Profile Image';
                }
                if (!empty($driver->license_document)) {
                    $docFiles[] = $driver->license_document;
                    $docNames[] = 'License Document';
                }
                if (!empty($driver->aadhar_document)) {
                    $docFiles[] = $driver->aadhar_document;
                    $docNames[] = 'Aadhar Document';
                }
            @endphp
            <div class="row">
                <div class="col-lg-6">
                    <label>License Number</label>
                    <input type="text" value="{{ $driver->license_number }}" readonly>
                </div>
                <div class="col-lg-6">
                    <label>Aadhar Number</label>
                    <input type="text" value="{{ $driver->aadhar_number }}" readonly>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-lg-12">
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>Document Name</th>
                                    <th class="text-end">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($docFiles as $index => $file)
                                    @php
                                        $filePath = asset($file);
                                        $extension = strtolower(pathinfo($filePath, PATHINFO_EXTENSION));
                                        $viewable = in_array($extension, ['jpg', 'jpeg', 'png', 'pdf', 'html', 'htm', 'gif', 'webp']);
                                        $name = $docNames[$index] ?? 'Document ' . ($index + 1);
                                    @endphp
                                    <tr>
                                        <td>{{ $name }}</td>
                                        <td class="text-end">
                                            @if ($viewable)
                                                <a href="javascript:void(0)"
                                                    class="btn btn-sm btn-outline-primary show_file_modal"
                                                    data-url="{{ $filePath }}" data-title="{{ $name }}">
                                                    <i class="fa fa-eye"></i> View
                                                </a>
                                            @else
                                                <a href="{{ $filePath }}" download class="btn btn-sm btn-secondary">
                                                    <i class="fa fa-download"></i> Download
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="2" class="text-center">No documents uploaded</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="action-buttons py-4">
        <a href="{{ route('backend.master.index-driver') }}" class="btn btn-secondary">Back</a>
        <a href="{{ route('backend.master.edit-driver', $driver->id) }}" class="btn btn-primary">Edit</a>
    </div>
</section>
@include('template.layouts.error-modal')
@endsection