@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(m, url) {
      $("#form-edit").attr('action', url);
    }
  </script>
@endsection
@section('content')
  <style>
    .actionform {
      display: flex;
      justify-content: space-evenly;
    }

    .picmerchant {
      width: 120px;
    }
  </style>
  <h4 class="fw-bold py-3 mb-4">
    <span class="text-muted fw-light">Admin /</span> Merchant
  </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>Alamat</th>
          <th>Foto</th> --}}
          <th>Nomor Telepon</th>
          <th>Status</th>
          {{-- <th>Deskripsi</th> --}}
          <th>Owner</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($merchant as $m)
          <tr>
            <td>{{ $m->id }}</td>
            <td>{{ $m->nama }}</td>
            {{-- <td>{{ $m->alamat }}</td>
            <td>
              <img class="picmerchant" src="{{ asset('storage/' . $m->foto) }}" alt="pic">
            </td> --}}
            <td>{{ $m->no_hp }}</td>
            <td>
              @switch($m->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>{{ $m->deskripsi }}</td> --}}
            <td>{{ $m->user->nama }}</td>
            <td>
              <div class="actionform">
                <a href="{{ route('merchant.detail', $m->id) }}" class="btn btn-success">Detail</a>
                @if ($m->status == 0)
                  <button class="btn btn-warning me-1" data-bs-toggle="modal" data-bs-target="#modal-edit"
                    onclick="handleEdit({{ $m }}, '{{ route('merchant.update', $m->id) }}')">
                    Verifikasi
                  </button>
                @else
                @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">Edit</h1>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <h4>Apakah Yakin Ingin Verifikasi?</h4>
          </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