sibedas/resources/views/pbg_task/index.blade.php

@extends('layouts.vertical', ['subtitle' => 'Data'])

@section('css')
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
@endsection

@section('content')

@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'PBG'])

<x-toast-notification />

<div class="row">
  <div class="col-12">
    <div class="card w-100">
      <div class="card-body">
        <div class="d-flex flex-wrap justify-content-end">
          <button class="btn btn-sm btn-info btn-send-notification me-3" data-bs-toggle="modal" data-bs-target="#sendNotificationModal">
            Kirim Notifikasi
          </button>
          @if ($creator)
            <a href="{{ route('pbg-task.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
          @endif
        </div>
        <div id="table-pbg-tasks"
					data-updater="{{ $updater }}"
					data-destroyer="{{ $destroyer }}">
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="sendNotificationModal" tabindex="-1" aria-labelledby="sendNotificationLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="sendNotificationLabel">Kirim Notifikasi</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <label for="notificationStatus" class="form-label">Pilih Status</label>
        <select class="form-select" id="notificationStatus">
          <option value="ditolak">Permohonan Ditolak</option>
          <option value="draf">Draf</option>
          <option value="verifikasi-kelengkapan">Verifikasi Kelengkapan Dokumen</option>
          <option value="perbaikan-dokumen">Perbaikan Dokumen</option>
          <option value="menunggu-penugasan">Menunggu Penugasan TPT/TPA</option>
          <option value="menunggu-jadwal">Menunggu Jadwal Konsultasi</option>
          <option value="verifikasi-tpt">Verifikasi Data TPT - (SLf Eksisting)</option>
          <option value="perbaikan-verifikasi">Perbaikan Verifikasi Data TPT - (SLf Eksisting)</option>
          <option value="pelaksanaan-konsultasi">Pelaksanaan Konsultasi</option>
          <option value="menunggu-hasil">Menunggu Hasil Konsultasi</option>
          <option value="perbaikan-dokumen-konsultasi">Perbaikan Dokumen Konsultasi</option>
          <option value="perhitungan-retribusi">Perhitungan Retribusi</option>
          <option value="penerbitan-sppst">Penerbitan SPPST</option>
          <option value="perbaikan-retribusi">Perbaikan Data Retribusi</option>
          <option value="penerbitan-skrd">Proses Penerbitan SKRD</option>
          <option value="menunggu-pembayaran">Menunggu Pembayaran Retribusi</option>
          <option value="verifikasi-pembayaran">Verifikasi Pembayaran Retribusi</option>
          <option value="verifikasi-sk-pbg">Verifikasi SK PBG</option>
        </select>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
        <button type="button" class="btn btn-primary" id="sendNotificationBtn">Kirim</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Upload Bukti Bayar</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
              <div class="mb-3">
                  <form action="/upload-bukti-bayar" method="POST" class="dropzone" id="singleFileDropzone">
                      <div class="dz-message needsclick">
                          <i class="h1 bx bx-cloud-upload"></i>
                          <h3>Drop file here or click to upload.</h3>
                          <span class="text-muted fs-13">
                              (Only one file allowed. Selected file will be uploaded upon clicking submit.)
                          </span>
                      </div>
                  </form>
              </div>

              <!-- Submit Button -->
              <div class="d-flex justify-content-end">
                  <button type="button" id="uploadBtn" class="btn btn-success">
                      <i class="bx bx-upload"></i> Upload
                  </button>
              </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="uploadBeritaAcara" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Upload Berita Acara</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
              <div class="mb-3">
                  <form action="/upload-berita-acara" method="POST" class="dropzone" id="singleFileDropzone">
                      <div class="dz-message needsclick">
                          <i class="h1 bx bx-cloud-upload"></i>
                          <h3>Drop file here or click to upload.</h3>
                          <span class="text-muted fs-13">
                              (Only one file allowed. Selected file will be uploaded upon clicking submit.)
                          </span>
                      </div>
                  </form>
              </div>

              <!-- Submit Button -->
              <div class="d-flex justify-content-end">
                  <button type="button" id="uploadBeritaAcara" class="btn btn-success">
                      <i class="bx bx-upload"></i> Upload
                  </button>
              </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
@vite(['resources/js/pbg-task/index.js'])
@endsection