@extends('layouts.app')

@php
    $isEdit = isset($mobil);
@endphp

@section('title', $isEdit ? 'Edit Mobil' : 'Tambah Mobil')
@section('page-title', $isEdit ? 'Edit Mobil' : 'Tambah Mobil')

@section('sidebar-menu')
    <div class="menu-label">Menu Utama</div>
    <a href="{{ route('admin.dashboard') }}" class="menu-item">
        <i class="fa-solid fa-gauge-high"></i> Dashboard
    </a>
    <a href="{{ route('admin.mobil') }}" class="menu-item active">
        <i class="fa-solid fa-car"></i> Kelola Mobil
    </a>
    <a href="{{ route('admin.penyewaan') }}" class="menu-item">
        <i class="fa-solid fa-clipboard-list"></i> Data Penyewaan
    </a>
    <div class="menu-label" style="margin-top:10px;">Akun</div>
    <a href="{{ route('profil') }}" class="menu-item">
        <i class="fa-solid fa-circle-user"></i> Profil Saya
    </a>
@endsection

@section('content')
<div class="page-header">
    <div>
        <div class="page-header-title">{{ $isEdit ? 'Perbarui Data Mobil' : 'Input Mobil Baru' }}</div>
        <div class="page-header-sub">Lengkapi data armada dengan benar.</div>
    </div>
    <a href="{{ route('admin.mobil') }}" class="btn btn-outline">
        <i class="fa-solid fa-arrow-left"></i> Kembali
    </a>
</div>

<div class="card">
    <div class="card-body" style="padding:24px;">
        <form action="{{ $isEdit ? route('admin.mobil.update', $mobil->id_mobil) : route('admin.mobil.simpan') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @if($isEdit)
                @method('PUT')
            @endif

            <div class="form-grid">
                <div class="form-group">
                    <label for="nama_mobil">Nama Mobil</label>
                    <input type="text" id="nama_mobil" name="nama_mobil" class="form-control @error('nama_mobil') is-invalid @enderror"
                        value="{{ old('nama_mobil', $mobil->nama_mobil ?? '') }}" required>
                    @error('nama_mobil')
                        <small style="color:var(--danger);">{{ $message }}</small>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="kondisi">Kondisi</label>
                    <select id="kondisi" name="kondisi" class="form-control @error('kondisi') is-invalid @enderror" required>
                        <option value="">Pilih Kondisi</option>
                        @foreach(['Baik', 'Rusak', 'Perawatan'] as $kondisi)
                            <option value="{{ $kondisi }}" @selected(old('kondisi', $mobil->kondisi ?? '') === $kondisi)>{{ $kondisi }}</option>
                        @endforeach
                    </select>
                    @error('kondisi')
                        <small style="color:var(--danger);">{{ $message }}</small>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="jumlah">Jumlah Unit</label>
                    <input type="number" id="jumlah" name="jumlah" min="0" class="form-control @error('jumlah') is-invalid @enderror"
                        value="{{ old('jumlah', $mobil->jumlah ?? 0) }}" required>
                    @error('jumlah')
                        <small style="color:var(--danger);">{{ $message }}</small>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="harga_sewa">Harga Sewa per Hari</label>
                    <input type="number" id="harga_sewa" name="harga_sewa" min="0" class="form-control @error('harga_sewa') is-invalid @enderror"
                        value="{{ old('harga_sewa', $mobil->harga_sewa ?? 0) }}" required>
                    @error('harga_sewa')
                        <small style="color:var(--danger);">{{ $message }}</small>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="foto">Foto Mobil</label>
                    <input type="file" id="foto" name="foto" accept=".jpg,.jpeg,.png,.webp" class="form-control @error('foto') is-invalid @enderror">
                    <small style="color:var(--gray-500);">Opsional. Format: JPG, PNG, WEBP. Maksimal 2MB.</small>
                    @error('foto')
                        <small style="color:var(--danger);">{{ $message }}</small>
                    @enderror
                </div>
            </div>

            @if($isEdit && !empty($mobil->foto))
                <div style="margin-top:18px;">
                    <div style="font-size:13px;font-weight:700;color:var(--navy);margin-bottom:8px;">Foto Saat Ini</div>
                    <img src="{{ asset('storage/'.$mobil->foto) }}" alt="{{ $mobil->nama_mobil }}" style="width:220px;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--gray-100);">
                </div>
            @endif

            <div style="display:flex;justify-content:flex-end;gap:10px;margin-top:24px;">
                <a href="{{ route('admin.mobil') }}" class="btn btn-outline">Batal</a>
                <button type="submit" class="btn btn-primary">
                    <i class="fa-solid fa-floppy-disk"></i> {{ $isEdit ? 'Simpan Perubahan' : 'Simpan Mobil' }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection