@extends('layouts.admin.index')

@section('content')
<div id="main-wrapper">
  <!-- Sidebar -->
  @include('layouts.admin.sidebar')
  <div class="page-wrapper">
    <!--  Header -->
    @include('layouts.admin.header')

    <div class="body-wrapper">
      <div class="container-fluid">
        {{ \Diglactic\Breadcrumbs\Breadcrumbs::render('User') }}
        <div class="card w-100 position-relative overflow-hidden">
          <div class="card-body p-4">
            <div class="row">
              <div class="col-12 mb-3 d-flex justify-content-end align-items-center">
                <a href="{{ route('user.add') }}" class="btn btn-primary">
                  <i class="ti ti-plus fs-4 me-2"></i>Tambah Pengguna
                </a>
              </div>
              <div class="col-12 mb-2">
                <form action="{{ route('user') }}" method="get" id="form-search">
                  <div class="input-group w-25">
                    <span class="input-group-text rounded-start-pill bg-transparent" id="basic-addon1">
                      <i class="ti ti-search"></i>
                    </span>
                    <input name="s" type="text" value="{{ $q }}" class="form-control rounded-end-pill" placeholder="Cari pengguna...">
                  </div>
                </form>
              </div>
              <div class="col-12 mb-4">
                <div class="table-responsive mb-4 border rounded-1">
                  <table class="table mb-0 align-middle">
                    <thead class="bg-inverse text-white table-dark fs-4">
                      <tr>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">No</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Nama</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Email</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">No. Telepon</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Lembaga</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Role</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Validasi</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Aktif</h6>
                        </th>
                        <th width="50px">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Aksi</h6>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach($data->items() as $d)
                        <tr>
                          <td>{{ $loop->index + $data->firstItem() }}</td>
                          <td>{{ $d->name }}</td>
                          <td>{{ $d->email }}</td>
                          <td>{{ $d->phone }}</td>
                          <td>{{ $d->institution ? $d->institution->name : '-' }}</td>
                          <td>{{ $d->role->name }}</td>
                          <td>{{ $d->is_active == 2 ? 'Ditolak' : ($d->email_verified_at ? 'Disetujui' : 'Belum Divalidasi') }}</td>
                          <td>{{ $d->email_verified_at && $d->is_active ? 'Ya' : 'Tidak' }}</td>
                          <td class="text-center">
                            <div class="dropdown dropstart">
                              <a href="javascript:void(0)" class="text-muted" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="ti ti-dots-vertical fs-6"></i>
                              </a>
                              <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                {{-- @if($d->is_active == 0)
                                  <li>
                                    <a class="dropdown-item d-flex align-items-center gap-3 approve-confirmation"  data-action="{{ route('user.approve') }}" data-id="{{ $d->id }}" data-label="Anda yakin ingin menyetujui user ini?" href="javascript:void(0)">
                                      <i class="fs-4 ti ti-check"></i>Disetujui
                                    </a>
                                  </li>
                                  <li>
                                    <a class="dropdown-item d-flex align-items-center gap-3 reject-confirmation"  data-action="{{ route('user.reject') }}" data-id="{{ $d->id }}" data-label="Anda yakin ingin menolak user ini?" href="javascript:void(0)">
                                      <i class="fs-4 ti ti-x"></i>Ditolak
                                    </a>
                                  </li>
                                @endif --}}
                                <li>
                                  <a class="dropdown-item d-flex align-items-center gap-3" href="{{ route('user.view', [$d->id]) }}">
                                    <i class="fs-4 ti ti-eye"></i>View
                                  </a>
                                </li>
                                <li>
                                  <a class="dropdown-item d-flex align-items-center gap-3" href="{{ route('user.edit', [$d->id]) }}">
                                    <i class="fs-4 ti ti-edit"></i>Edit
                                  </a>
                                </li>
{{--                                <li>--}}
{{--                                  <a class="dropdown-item d-flex align-items-center gap-3 delete-confirmation"  data-action="{{ route('user.delete') }}" data-id="{{ $d->id }}" data-label="Anda yakin ingin menghapus user ini?" href="javascript:void(0)">--}}
{{--                                    <i class="fs-4 ti ti-trash"></i>Delete--}}
{{--                                  </a>--}}
{{--                                </li>--}}
                              </ul>
                            </div>
                          </td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
              {{ $data->links() }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection