@extends('admin.layouts.home.main')

@section('styles')
@endsection

@section('main')
    <main class="add_driverPage container-fluid mt-2">
        <!-- Breadcrumb Navigation -->
        <section class="pages gap-2 p-2 rounded-3 mb-1 mt-2 d-none d-lg-block bg-transparent">
            <h3>
                <img src="{{ asset('imgs/home-2.svg') }}" alt="Home" /> / Driver /
                <span>{{ isset($driver) ? 'Modify Driver' : 'Add Driver' }}</span>
            </h3>
        </section>

        <!-- Driver Form Section -->
        <section class="profile_information rounded-4">
            <header class="header-form p-3">
                <h3 class="fw-bold mb-2">
                    {{ isset($driver) ? 'Modify Driver' : 'Add Driver' }}
                </h3>
            </header>

            <form
                action="{{ isset($driver) ? route('admin.driver.update', $driver->driver_id) : route('admin.driver.store') }}"
                method="POST" enctype="multipart/form-data">
                @csrf
                @if (isset($driver))
                    @method('PUT')
                @endif

                <div class="details row-gap-4 p-3 row">
                    <h4 class="fw-bold mb-4">Driver Information</h4>

                    <!-- Name -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="name" class="fw-medium">Name</label>
                        <input type="text" name="name" id="name" class="form-control bg-transparent"
                            placeholder="Driver Name" value="{{ old('name', $driver->name ?? '') }}">
                        @error('name')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Email -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="email" class="fw-medium">Email</label>
                        <input type="email" name="email" id="email" class="form-control bg-transparent"
                            placeholder="Driver Email" value="{{ old('email', $driver->email ?? '') }}">
                        @error('email')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Password -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="password" class="fw-medium">Password</label>
                        <input type="password" name="password" id="password" class="form-control bg-transparent"
                            placeholder="{{ isset($driver) ? 'Leave blank to keep current password' : 'Password' }}">
                        @error('password')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Confirm Password (Only for Create) -->
                    @unless (isset($driver))
                        <div class="col-12 col-sm-6 col-lg-3">
                            <label for="password_confirmation" class="fw-medium">Confirm Password</label>
                            <input type="password" name="password_confirmation" id="password_confirmation"
                                class="form-control bg-transparent" placeholder="Confirm Password">
                        </div>
                    @endunless

                    <!-- Phone -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="phone" class="fw-medium">Phone Number</label>
                        <input type="tel" name="phone" id="phone" class="form-control bg-transparent"
                            placeholder="Phone" value="{{ old('phone', $driver->phone ?? '') }}">
                    </div>

                    <!-- Address -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="address" class="fw-medium">Address</label>
                        <input type="text" name="address" id="address" class="form-control bg-transparent"
                            placeholder="Address" value="{{ old('address', $driver->address ?? '') }}">
                    </div>

                    <!-- Vehicle -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="vehicle_id" class="fw-medium">Vehicle</label>
                        <select name="vehicle_id" id="vehicle_id" class="form-select bg-transparent">
                            <option value="">Select Vehicle</option>
                            @foreach ($vehicles ?? [] as $vehicle)
                                <option value="{{ $vehicle->id }}"
                                    {{ old('vehicle_id', $driver->vehicle_id ?? '') == $vehicle->id ? 'selected' : '' }}>
                                    {{ $vehicle->number ?? 'Vehicle #' . $vehicle->id }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <!-- Salary -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="salary" class="fw-medium">Salary</label>
                        <input type="number" step="0.01" name="salary" id="salary"
                            class="form-control bg-transparent" placeholder="Salary"
                            value="{{ old('salary', $driver->salary ?? '') }}">
                    </div>

                    <!-- Shipments Delivered -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="shipments_count" class="fw-medium">Shipments Delivered</label>
                        <input type="number" name="shipments_count" id="shipments_count"
                            class="form-control bg-transparent" placeholder="Number of shipments"
                            value="{{ old('shipments_count', $driver->shipments_count ?? '') }}">
                    </div>

                    <!-- Image -->
                    <div class="col-12 col-sm-6 col-lg-3">
                        <label for="image" class="fw-medium">Driver Image</label>
                        <input type="file" name="image" id="image" class="form-control bg-transparent">
                        @error('image')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <!-- Submit Button -->
                <footer class="row justify-content-center justify-content-md-evenly mt-4">
                    <div class="col-7 col-md-3 px-2 my-2">
                        <button type="submit"
                            class="btn {{ isset($driver) ? 'edit' : 'add' }} w-100 text-decoration-none fw-medium rounded-4 py-2">
                            {{ isset($driver) ? 'Update Driver' : 'Add a New Driver' }}
                        </button>
                    </div>
                </footer>
            </form>
        </section>
    </main>
@endsection