@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-slate-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-teal-100"><i class="fa-solid fa-file-signature text-emerald-300"></i> Surat Online</span><h2 class="mt-5 text-4xl font-black tracking-tight">Permohonan Surat Pengantar</h2><p class="mt-4 leading-8 text-slate-300">Data nama, alamat, nomor WA, dan email diambil dari akun warga sehingga tidak perlu input ulang.</p><div class="mt-8 space-y-3 text-sm font-semibold text-slate-300"><p><i class="fa-solid fa-circle-check text-emerald-300 mr-2"></i>Form online warga</p><p><i class="fa-solid fa-barcode text-emerald-300 mr-2"></i>Kode tracking otomatis</p><p><i class="fa-solid fa-download text-emerald-300 mr-2"></i>File surat bisa diunduh di profil</p></div></section>
<section class="card p-6 sm:p-8"><form class="grid gap-5" method="post" action="{{ route('letters.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 identitas otomatis dari akun warga dan tidak dapat diedit di form ini. Ubah melalui Profil Saya.</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><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">Jenis Surat</label><select class="field" name="letter_type" required><option>Surat Domisili</option><option>Surat Keterangan Usaha</option><option>Surat Pengantar SKCK</option><option>Surat Keterangan Tidak Mampu</option><option>Lainnya</option></select></div>
<div><label class="label">Keperluan</label><textarea class="field" name="purpose" rows="4" required>{{ old('purpose') }}</textarea></div>
<button class="btn-primary w-full"><i class="fa-solid fa-paper-plane"></i> Kirim Permohonan</button></form></section>
</div>
@endsection