@extends('layouts.app')

@section('title', 'Buat Inspeksi')
@section('page-title', 'Jadwalkan Inspeksi Baru')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8 mx-auto">
            <div class="card">
                <div class="card-header">
                    <i class="fas fa-clipboard-check"></i> Form Inspeksi Baru
                </div>
                <div class="card-body">
                    <form action="{{ route('inspeksi.store') }}" method="POST">
                        @csrf
                        
                        @if(auth()->user()->role === 'admin')
                        <div class="mb-3">
                            <label class="form-label">Pilih Montir <span class="text-danger">*</span></label>
                            <select name="montir_id" class="form-select @error('montir_id') is-invalid @enderror" required>
                                <option value="">-- Pilih Montir --</option>
                                @foreach($montir as $m)
                                <option value="{{ $m->id }}" {{ old('montir_id') == $m->id ? 'selected' : '' }}>
                                    {{ $m->name }}
                                </option>
                                @endforeach
                            </select>
                            @error('montir_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        @endif
                        
                        <div class="mb-3">
                            <label class="form-label">Lokasi Inspeksi <span class="text-danger">*</span></label>
                            <input type="text" name="lokasi" class="form-control @error('lokasi') is-invalid @enderror" value="{{ old('lokasi') }}" placeholder="Contoh: Gedung A Lantai 3" required>
                            @error('lokasi')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Plat Nomor <span class="text-danger">*</span></label>
                                    <input type="text" name="plat_nomor" class="form-control @error('plat_nomor') is-invalid @enderror" value="{{ old('plat_nomor') }}" placeholder="B 1234 XYZ" required>
                                    @error('plat_nomor')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Jenis Mobil <span class="text-danger">*</span></label>
                                    <input type="text" name="jenis_mobil" class="form-control @error('jenis_mobil') is-invalid @enderror" value="{{ old('jenis_mobil') }}" placeholder="Toyota Avanza" required>
                                    @error('jenis_mobil')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">Tanggal & Waktu Inspeksi <span class="text-danger">*</span></label>
                            <input type="datetime-local" name="tanggal_inspeksi" class="form-control @error('tanggal_inspeksi') is-invalid @enderror" value="{{ old('tanggal_inspeksi') }}" required>
                            @error('tanggal_inspeksi')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label">Catatan</label>
                            <textarea name="catatan" class="form-control @error('catatan') is-invalid @enderror" rows="4" placeholder="Tambahkan catatan jika ada...">{{ old('catatan') }}</textarea>
                            @error('catatan')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-save"></i> Jadwalkan
                            </button>
                            <a href="{{ route('inspeksi.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Batal
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection