@extends('pwa.template.app.main')
@section('app-content')
  <div class="container py-3">
    <div class="mb-3 card p-3" style="background: #9e0e13;">
      <div>
          <h5 class="font-weight-bold text-white">Buat Laporan Warga</h5>
          <small class="text-white"><b>Informasi : </b>Buat laporan warga sedetail mungkin, kemudian admin perangkat desa akan segera meninjau laporan anda.</small>
      </div>
    </div>
    <div class="card mt-3">
      
      <div class="card-body">

        <form action="{{ route('laporan-warga.create') }}" method="POST" enctype="multipart/form-data">
          @csrf
          <div class="mb-3">
            <label for="foto" class="form-label">Foto</label>
            <input type="file" class="dropify" data-height="200" data-allowed-file-extensions="pdf png jpg jpeg"
              name="foto" />
          </div>
          <div class="mb-3">
            <label for="nama" class="form-label">Judul</label>
            <input type="text" class="form-control" id="nama" name="nama" aria-describedby="judul pelaporan" placeholder="Judul laporan">
          </div>
          <div class="mb-3">
            <label for="lokasi" class="form-label">Lokasi</label>
            <input type="text" class="form-control" id="lokasi" name="lokasi" aria-describedby="lokasi pelaporan" placeholder="Lokasi kejadian">
          </div>

          <input type="hidden" name="terkonfirmasi" value="1">
          <input type="hidden" name="tanggal" value="2026-06-13 21:07:28" />

          <div class="mb-4">
            <label for="keterangan" class="form-label">Deskripsi Laporan</label>
            <textarea class="form-control" placeholder="Jelaskan Keluhan Anda Disini" id="floatingTextarea" name="keterangan"
              style="height: 120px"></textarea>
          </div>
          <button class="btn btn-primary rounded-pill col-12">Laporkan</button>
        </form>
      </div>
    </div>
  </div>
@endsection
@section('script')
  <script>
    $('.dropify').dropify({
      tpl: {
        message: '<div class="dropify-message"><span class="file-icon" /></div>',
      }
    });
  </script>
@endsection