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

@section('content')
@php
    $additionalDriverNames = $vehicle->secondaryDrivers()->pluck('name')->implode(', ');
@endphp
<section class="product-page master-add-vehicle">
    <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-vehicle') }}">Master / <span class="breadcrumb-link">View Vehicle</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-vehicle', $vehicle->id) }}"
                        data-redirect-url="{{ route('backend.master.index-vehicle') }}"
                        data-title="Delete Vehicle?"
                        data-text="Are you sure you want to delete this vehicle? This action cannot be undone."
                        data-success-message="Vehicle deleted successfully.">
                        Delete <i class='bx bxs-trash fs-5'></i>
                    </button>
                    <a class="btn-add-category" href="{{ route('backend.master.edit-vehicle', $vehicle->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">Vehicle Information</h2>
            <div class="row">
                <div class="col-lg-4">
                    <label>Vehicle Owner</label>
                    <input type="text" value="{{ $vehicle->ownership_type === 'third_party' ? 'Third Party' : 'Company' }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>Vehicle Number</label>
                    <input type="text" value="{{ $vehicle->vehicle_number }}" readonly>
                </div>
                <div class="col-lg-4">
                    <label>Vehicle Type</label>
                    <input type="text" value="{{ optional($vehicle->vehicleType)->name ?: '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Capacity</label>
                    <input type="text" value="{{ $vehicle->capacity_kg !== null ? rtrim(rtrim((string) $vehicle->capacity_kg, '0'), '.') . ' Kg' : '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Registration Number</label>
                    <input type="text" value="{{ $vehicle->registration_number ?: '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Vehicle Model & Brand</label>
                    <input type="text" value="{{ $vehicle->model_brand ?: '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Primary Driver</label>
                    <input type="text" value="{{ optional($vehicle->primaryDriver)->name ?: '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Additional Driver(s)</label>
                    <input type="text" value="{{ $additionalDriverNames ?: '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Status</label>
                    <input type="text" value="{{ (int) $vehicle->status === 1 ? 'Active' : ((int) $vehicle->status === 2 ? 'Under Maintenance' : 'Inactive') }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Maintenance Due Date</label>
                    <input type="text" value="{{ $vehicle->maintenance_due_date ? $vehicle->maintenance_due_date->format('d M Y') : '-' }}" readonly>
                </div>
                <div class="col-lg-4 mt-3">
                    <label>Insurance Expiry Date</label>
                    <input type="text" value="{{ $vehicle->insurance_expiry_date ? $vehicle->insurance_expiry_date->format('d M Y') : '-' }}" readonly>
                </div>
                <div class="col-lg-12 mt-3">
                    <label>Notes</label>
                    <textarea class="w-100" rows="5" readonly>{{ $vehicle->notes ?: '-' }}</textarea>
                </div>
            </div>
        </div>

        <div class="add-product-section">
            <h2 class="section-title">Documents</h2>
            <div class="row">
                <div class="col-lg-6">
                    <label>Registration Certificate</label>
                    <div>
                        @if (!empty($vehicle->registration_certificate))
                            <a href="javascript:void(0)" class="btn btn-sm btn-outline-primary show_file_modal"
                                data-url="{{ asset($vehicle->registration_certificate) }}" data-title="Registration Certificate">
                                <i class="fa fa-eye"></i> View
                            </a>
                        @else
                            <input type="text" value="-" readonly>
                        @endif
                    </div>
                </div>
                <div class="col-lg-6">
                    <label>Fitness Certificate</label>
                    <div>
                        @if (!empty($vehicle->fitness_certificate))
                            <a href="javascript:void(0)" class="btn btn-sm btn-outline-primary show_file_modal"
                                data-url="{{ asset($vehicle->fitness_certificate) }}" data-title="Fitness Certificate">
                                <i class="fa fa-eye"></i> View
                            </a>
                        @else
                            <input type="text" value="-" readonly>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

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