@extends('layouts.admin')

@section('content')

<div class="container-fluid py-3">

    <h3 class="fw-bold mb-4">Tambah Kendaraan</h3>

    <div class="row justify-content-center">

        <div class="col-lg-6">

            <div class="card shadow-sm border-0 rounded-4">

                <div class="card-body p-4">

                    <form action="/admin/vehicles/store"
                        method="POST"
                        enctype="multipart/form-data">

                        @csrf

                        <div class="mb-4 text-center">

                            <label class="form-label fw-bold d-block">
                                Foto Kendaraan
                            </label>

                            <input type="file"
                                name="image"
                                class="form-control">

                        </div>

                        <div class="mb-3">

                            <label class="form-label fw-bold">
                                Nama Kendaraan
                            </label>

                            <input type="text"
                                name="vehicle_name"
                                class="form-control"
                                required>

                        </div>

                        <div class="row">

                            <div class="col-md-6 mb-3">

                                <label class="form-label fw-bold">
                                    Tipe
                                </label>

                                <input type="text"
                                    name="type"
                                    class="form-control"
                                    required>

                            </div>

                            <div class="col-md-6 mb-3">

                                <label class="form-label fw-bold">
                                    Tahun / Model
                                </label>

                                <input type="number"
                                    name="year_model"
                                    class="form-control"
                                    required>

                            </div>

                        </div>

                        <div class="row">

                            <div class="col-md-6 mb-3">

                                <label class="form-label fw-bold">
                                    Kapasitas
                                </label>

                                <input type="number"
                                    name="capacity"
                                    class="form-control"
                                    required>

                            </div>

                            <div class="col-md-6 mb-3">

                                <label class="form-label fw-bold">
                                    Tipe Bahan Bakar
                                </label>

                                <input type="text"
                                    name="fuel_type"
                                    class="form-control"
                                    required>

                            </div>

                        </div>

                        <div class="mb-4">

                            <label class="form-label fw-bold">
                                Status
                            </label>

                            <select name="status" class="form-select">
                                <option value="available">Tersedia</option>
                                <option value="in_use">Digunakan</option>
                                <option value="maintenance">Maintenance</option>
                            </select>

                        </div>

                        <div class="text-center">

                            <button type="submit"
                                class="btn btn-success px-4">
                                Simpan Kendaraan
                            </button>

                            <a href="/admin/vehicles"
                                class="btn btn-secondary px-4 ms-2">
                                Kembali
                            </a>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection