@extends('layouts.app')

@section('title', 'Add New Vehicle')

@section('content')
<div class="container mt-5">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h2 class="mb-0"><i class="fas fa-car me-2"></i> Add New Vehicle</h2>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('vehicles.store') }}">
                @csrf
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Vehicle Number <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="vehicle_no" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Vehicle Make <span class="text-danger">*</span></label>
                        <select name="make" class="form-control" required>
                            <option value="">-- Select Make --</option>
                            <option value="bajaj">BAJAJ</option>
                            <option value="honda">Honda</option>
                            <option value="hero">HERO</option>
                            <option value="yamaha">YAMAHA</option>
                            <option value="hero_honda">HERO HONDA</option>
                            <option value="ranamoto">RANAMOTO</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Vehicle Type <span class="text-danger">*</span></label>
                        <select name="type" class="form-control" required>
                            <option value="">-- Select Type --</option>
                            <option value="motor_cycle">MOTOR CYCLE</option>
                            <option value="three_wheeler">THREE WHEELER</option>
                            <option value="car">CAR</option>
                            <option value="lorry">LORRY</option>
                            <option value="van">VAN</option>
                            <option value="bus">BUS</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Vehicle Model <span class="text-danger">*</span></label>
                        <select class="form-control" name="model" required>
                            <option value="">-- Select Model --</option>
                            <option value="Platina">Platina</option>
                            <option value="CT-100">CT-100</option>
                            <option value="Scooter">Scooter</option>
                            <option value="Discover">Discover</option>
                            <option value="Pulsar">Pulsar</option>
                            <option value="Avenger">Avenger</option>
                            <option value="Activa">Activa</option>
                            <option value="Dio">Dio</option>
                            <option value="TVS Apache">TVS Apache</option>
                            <option value="TVS XL">TVS XL</option>
                            <option value="Yamaha FZ">Yamaha FZ</option>
                            <option value="Yamaha Ray">Yamaha Ray</option>
                            <option value="Hero Splendor">Hero Splendor</option>
                            <option value="Hero HF Deluxe">Hero HF Deluxe</option>
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Year of Make <span class="text-danger">*</span></label>
                        <select class="form-control" name="year_of_make" required>
                            <option value="">-- Select Year --</option>
                            @for ($year = date('Y'); $year >= 1960; $year--)
                                <option value="{{ $year }}">{{ $year }}</option>
                            @endfor
                        </select>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Engine No <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="engine_no" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Chassis No <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="chassis_no" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Current Mileage</label>
                        <input type="text" class="form-control" name="current_mileage">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Market Value (LKR) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control" name="market_value" min="0" step="0.01" required>
                    </div>
                </div>

                <div class="form-actions text-end mt-4">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-save me-1"></i> Save Vehicle
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection