@extends('layouts.app')
@section('content')
@php($isWarga = auth()->check() && auth()->user()->hasRole('user'))
<div class="grid gap-6 lg:grid-cols-[.8fr_1.2fr]">
    <section class="rounded-[2rem] bg-gradient-to-br from-rose-950 via-slate-950 to-teal-950 p-8 text-white shadow-soft"><span class="inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-bold text-rose-100"><i class="fa-solid fa-bullhorn text-rose-300"></i> Pengaduan Warga</span>
        <h2 class="mt-5 text-4xl font-black tracking-tight">Laporkan Masalah Lingkungan</h2>
        <p class="mt-4 leading-8 text-slate-300">Pengaduan tersimpan di akun Anda dan bisa dipantau melalui menu tracking.</p>
        <div class="mt-8 grid gap-3 text-sm font-semibold text-slate-300"><p><i class="fa-solid fa-bolt text-amber-300 mr-2"></i>Cepat dan terdokumentasi</p><p><i class="fa-solid fa-bell text-emerald-300 mr-2"></i>Pengurus mendapat notifikasi</p><p><i class="fa-solid fa-barcode text-cyan-300 mr-2"></i>Ada kode tracking</p></div>
    </section>
    <section class="card p-6 sm:p-8">
        <form class="grid gap-5" method="post" action="{{ route('complaints.store') }}">@csrf
            @auth @if(auth()->user()->hasRole('administrator','admin','bendahara'))<div><label class="label">Pilih Warga</label><select class="field" name="resident_id"><option value="">Manual</option>@foreach($residents as $r)<option value="{{ $r->id }}">{{ $r->name }} - {{ $r->address }}</option>@endforeach</select></div>@endif @endauth
            @if($isWarga)<div class="rounded-2xl bg-teal-50 p-4 text-sm font-bold text-teal-700"><i class="fa-solid fa-lock mr-2"></i>Data nama, alamat, nomor WA, dan email otomatis dari akun warga dan tidak dapat diedit di form ini.</div>@endif
            <div class="grid gap-5 sm:grid-cols-2"><div><label class="label">Nama</label><input class="field {{ $isWarga ? 'bg-slate-100' : '' }}" name="name" value="{{ old('name',$resident->name ?? '') }}" required @readonly($isWarga)></div><div><label class="label">No WA</label><input class="field {{ $isWarga ? 'bg-slate-100' : '' }}" name="phone" value="{{ old('phone',$resident->phone ?? '') }}" required @readonly($isWarga)></div></div>
            <div><label class="label">Alamat</label><textarea class="field {{ $isWarga ? 'bg-slate-100' : '' }}" name="address" rows="3" required @readonly($isWarga)>{{ old('address',$resident->address ?? '') }}</textarea></div>
            <div class="grid gap-5 sm:grid-cols-2"><div><label class="label">Email</label><input class="field {{ $isWarga ? 'bg-slate-100' : '' }}" name="email" type="email" value="{{ old('email',$resident->email ?? auth()->user()->email ?? '') }}" @readonly($isWarga)></div><div><label class="label">Kategori</label><select class="field" name="category" required><option>Keamanan</option><option>Kebersihan</option><option>Fasilitas Umum</option><option>Sosial</option><option>Lainnya</option></select></div></div>
            <div><label class="label">Subjek</label><input class="field" name="subject" required></div>
            <div><label class="label">Isi Pengaduan</label><textarea class="field" name="description" rows="5" required></textarea></div>
            <button class="btn-primary w-full"><i class="fa-solid fa-paper-plane"></i> Kirim Pengaduan</button>
        </form>
    </section>
</div>
@endsection