@extends('layouts.app')
@section('title', 'Laporan Umum — Satu Mimpi Loket')

@section('content')
    <div style="max-width:680px">
        <a href="{{ route('dashboard') }}" class="btn btn-secondary" style="margin-bottom:20px">
            <i class="bi bi-arrow-left"></i> Kembali
        </a>

        <h1 class="page-title">
            <i class="bi bi-journal-text" style="color:var(--accent)"></i>
            Laporan Umum (Case Umum)
        </h1>

        <div class="card"
            style="margin-bottom:16px;padding:14px 18px;background:rgba(88,101,242,.08);border-color:var(--accent)">
            <strong>No. Aplikasi:</strong>
            <code style="color:var(--accent);margin-left:8px">{{ $applicationNo }}</code>
        </div>

        @php $user = auth()->user(); @endphp
        

        <div class="card">
            <form method="POST" action="{{ route('case-umum.store') }}">
                @csrf

                {{-- INFORMASI PELAPOR --}}
                <div
                    style="font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px">
                    <i class="bi bi-person-fill"></i> Informasi Pelapor
                </div>

                <div class="form-group">
                    <label class="form-label">Nama Pelapor *</label>
                    <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}"
                        style="background:rgba(88,101,242,.06)" disabled>
                    @error('name')<div class="form-error">{{ $message }}</div>@enderror
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">No. Telepon *</label>
                        <input type="text" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}"
                            style="background:rgba(88,101,242,.06)" disabled>
                        @error('phone')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">Lokasi Kejadian *</label>
                        <input type="text" name="location" class="form-control" value="{{ old('location') }}"
                            placeholder="Lokasi kejadian" required>
                        @error('location')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                </div>

                <hr class="divider">

                {{-- INFORMASI TERLAPOR --}}
                <div
                    style="font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px">
                    <i class="bi bi-person-fill-exclamation"></i> Informasi Terlapor / Tersangka
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">Tanggal Kejadian *</label>
                        <input type="date" name="date_of_case" class="form-control" value="{{ old('date_of_case') }}"
                            required>
                        @error('date_of_case')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">Nama Tersangka</label>
                        <input type="text" name="name_suspect" class="form-control" value="{{ old('name_suspect') }}"
                            placeholder="Jika diketahui">
                        @error('name_suspect')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">Identitas Tersangka *</label>
                        <select name="identity_suspect" class="form-select" required>
                            @foreach(['Unknown', 'Civilian', 'Gangster', 'Mafia', 'Public Servents'] as $opt)
                                <option value="{{ $opt }}" {{ old('identity_suspect') == $opt ? 'selected' : '' }}>{{ $opt }}
                                </option>
                            @endforeach
                        </select>
                        @error('identity_suspect')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">Status Tersangka *</label>
                        <select name="status_suspect" class="form-select" required>
                            @foreach(['Unknown', 'Identified', 'Detained'] as $opt)
                                <option value="{{ $opt }}" {{ old('status_suspect') == $opt ? 'selected' : '' }}>{{ $opt }}
                                </option>
                            @endforeach
                        </select>
                        @error('status_suspect')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                    <div class="form-group">
                        <label class="form-label">Lokasi Tersangka *</label>
                        <input type="text" name="location_suspect" class="form-control"
                            value="{{ old('location_suspect') }}" placeholder="Terakhir diketahui" required>
                        @error('location_suspect')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group">
                        <label class="form-label">MDT Number</label>
                        <input type="text" name="mdt_number" class="form-control" value="{{ old('mdt_number') }}"
                            placeholder="Opsional">
                        @error('mdt_number')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="form-group">
                    <label class="form-label">Deskripsi Kejadian</label>
                    <textarea name="description" class="form-control" rows="4"
                        placeholder="Ceritakan kronologis kejadian...">{{ old('description') }}</textarea>
                    @error('description')<div class="form-error">{{ $message }}</div>@enderror
                </div>

                <hr class="divider">
                <div style="display:flex;gap:10px;justify-content:flex-end">
                    <a href="{{ route('dashboard') }}" class="btn btn-secondary">Batal</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-send-fill"></i> Kirim Laporan
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection