@extends('layouts.app')

@section('title', 'Edit Vehicle')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Edit Vehicle: {{ $vehicle->name }}</h1>
        <div class="page-subtitle">Update pricing, mileage, availability status, or specification details.</div>
    </div>
    <div>
        <a href="{{ route('admin.vehicles.index') }}" class="btn btn-luxury-outline">
            <i class="bi bi-arrow-left"></i>
            <span>Back to All Vehicles</span>
        </a>
    </div>
</div>

<div class="content-card">
    <div class="content-card-header">
        <h5 class="content-card-title">
            <i class="bi bi-pencil-square"></i>
            Edit Vehicle Details
        </h5>
    </div>
    <div class="content-card-body">
        <form action="{{ route('admin.vehicles.update', $vehicle->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label font-weight-bold">Vehicle Name / Model Title</label>
                    <input type="text" name="name" class="form-control" value="{{ $vehicle->name }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label font-weight-bold">Brand</label>
                    <input type="text" name="brand" class="form-control" value="{{ $vehicle->brand }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label font-weight-bold">Category</label>
                    <input type="text" name="category" class="form-control" value="{{ $vehicle->category }}" required>
                </div>

                <div class="col-md-3">
                    <label class="form-label font-weight-bold">Price ($ USD)</label>
                    <input type="number" step="0.01" name="price" class="form-control" value="{{ $vehicle->price }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label font-weight-bold">Year</label>
                    <input type="number" name="year" class="form-control" value="{{ $vehicle->year }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label font-weight-bold">VIN Number</label>
                    <input type="text" name="vin" class="form-control" value="{{ $vehicle->vin }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label font-weight-bold">Status</label>
                    <select name="status" class="form-select" required>
                        <option value="Available" {{ $vehicle->status === 'Available' ? 'selected' : '' }}>Available</option>
                        <option value="Reserved" {{ $vehicle->status === 'Reserved' ? 'selected' : '' }}>Reserved</option>
                        <option value="Sold" {{ $vehicle->status === 'Sold' ? 'selected' : '' }}>Sold</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label font-weight-bold">Mileage</label>
                    <input type="text" name="mileage" class="form-control" value="{{ $vehicle->mileage }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label font-weight-bold">Engine Drivetrain</label>
                    <input type="text" name="engine" class="form-control" value="{{ $vehicle->engine }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label font-weight-bold">Horsepower / Power Output</label>
                    <input type="text" name="power" class="form-control" value="{{ $vehicle->power }}">
                </div>

                <div class="col-md-12">
                    <label class="form-label font-weight-bold">Vehicle Image URL</label>
                    <input type="text" name="image" class="form-control" value="{{ $vehicle->image }}">
                </div>

                <div class="col-md-12">
                    <label class="form-label font-weight-bold">Full Description / Spec Notes</label>
                    <textarea name="description" class="form-control" rows="4">{{ $vehicle->description }}</textarea>
                </div>

                <div class="col-md-12">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="is_featured" id="is_featured" value="1" {{ $vehicle->is_featured ? 'checked' : '' }}>
                        <label class="form-check-label font-weight-bold" for="is_featured">
                            Feature this vehicle on Homepage Showroom Gallery
                        </label>
                    </div>
                </div>

                <div class="col-12 mt-4 text-end">
                    <button type="submit" class="btn btn-luxury-red px-4 py-2">
                        <i class="bi bi-check-circle-fill me-1"></i> Save Changes
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection