@extends('backoffice.template.app')
@section('script')
  @if (session('success-verif'))
    <script>
      Swal.fire({
        icon: 'success',
        title: 'Sukses!',
        text: "{{ session('success-verif') }}",
      })
    </script>
  @endif
  <script>
    $(document).ready(function() {
      $('#table-user').DataTable();
    });
  </script>
  <script>
    function handleEdit(t, url) {
      $("#form-edit").attr('action', url);
    }
  </script>
@endsection
@section('content')
  <style>
    .actionform {
      display: flex;
      justify-content: space-evenly;
    }
  </style>
  <h4 class="fw-bold py-3 mb-4">
    <span class="text-muted fw-light">Admin /</span> Top Up
  </h4>
  <div class="card py-4 px-4">
    <table class="table table-striped" id="table-user">
      <thead>
        <tr>
          <th>No</th>
          <th>Nama</th>
          <th>Saldo</th>
          <th>Keterangan</th>
          <th>Status</th>
          <th>Tanggal Permintaan</th>
          <th>Tanggal Verifikasi</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($topup as $t)
          <tr>
            <td>{{ $t->id }}</td>
            <td>{{ $t->user->nama }}</td>
            <td>@currency($t->nominal)</td>
            <td>
              @if ($t->keterangan != null)
                {{ $t->keterangan }}
              @else
                -
              @endif
            </td>
            <td>
              @switch($t->status)
                @case(0)
                  <span class="badge bg-label-warning">Belum Diverikasi</span>
                @break

                @case(1)
                  <span class="badge bg-label-success">Sudah Diverikasi</span>
                @break
              @endswitch
            </td>
            <td>{{ date('d M Y, H:i:s', strtotime($t->tgl_permintaan)) }}</td>
            <td>{{ date('d M Y, H:i:s', strtotime($t->tgl_verifikasi)) }}</td>
            <td>
              <div class="actionform">
                @if ($t->status == 0)
                  <button class="btn btn-warning me-1" data-bs-toggle="modal" data-bs-target="#modal-edit"
                    onclick="handleEdit({{ $t }}, '{{ route('top-up.update', $t->id) }}')">
                    Verifikasi
                  </button>
                @else
                  <span class="badge bg-label-success">Telah Diverifikasi</span>
                @endif
              </div>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>

  <!-- Modal -->
  <div class="modal fade" id="modal-edit" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <form method="POST" id="form-edit">
          @csrf
          <div class="modal-header">
            <h1 class="modal-title fs-5" id="staticBackdropLabel">Verifikasi Top Up</h1>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form action="" method="post">
              <label for="keterangan" class="form-label">Keterangan</label>
              <input type="text" name="keterangan" id="keterangan" class="form-control">
            </form>
            <p>Apa Anda Yakin Melakukan Verifikasi Top Up Ini ?</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Tidak</button>
            <button type="submit" class="btn btn-success">Ya</button>
          </div>
        </form>
      </div>
    </div>
  </div>
@endsection