title = "Guests List"
url = "/guests-list"
layout = "Dashboard"
is_hidden = 0

[session]
security = "user"
allowedUserGroups[] = "admin"
allowedUserGroups[] = "supplier"
redirect = "dashboard/login"
==
<?php
  use Yuren\BaliTiket\Models\Guests;

  use Winter\Storm\Auth\AuthManager;
  use Auth;

  function onStart()
  {
    $user = Auth::getUser();
    if ($user) {
      $this['vendor'] = $user->vendor; 

      $this['guests'] = Guests::orderBy('created_at', 'desc')->get();

      $this['verified'] = Guests::orderBy('created_at', 'desc')->where('verified', 1)->count();

      $this['unverified'] = Guests::orderBy('created_at', 'desc')->where('verified', 0)->count();
    } 

    $this['guest'] = Guests::make();
  }

  function onDelete()
  {
    $guestId = Input::post('id_guest');

    $guest = Guests::find($guestId);
    if ($guest) {
      $guest->delete();
    }

    return redirect()->refresh();
  }
?>
==
<!-- Content -->

<div class="container-xxl flex-grow-1 container-p-y">
  <div class="row">

    <!-- revenue -->
    <div class="col-6 col-xl-3 col-sm-6 mb-4">
      <div class="card">
        <div class="card-header header-elements">
          <h5 class="card-title mb-0">Verified Guests</h5>
        </div>
        <div class="card-body">
          <div class="d-flex gap-2 align-items-center">
            <div class="badge rounded bg-label-info p-1"><i class="ti ti-users ti-sm"></i></div>
            <h4 class="mb-0">{{verified}} {{ (verified > 1) ? 'Guests' : 'Guest'}}</h4>
          </div>
        </div>
      </div>
    </div>

    <div class="col-6 col-xl-3 col-sm-6 mb-4">
      <div class="card">
        <div class="card-header header-elements">
          <h5 class="card-title mb-0">Unverified Guests</h5>
        </div>
        <div class="card-body">
          <div class="d-flex gap-2 align-items-center">
            <div class="badge rounded bg-label-primary p-1">
              <i class="ti ti-users ti-sm"></i>
            </div>
            <h4 class="mb-0">{{unverified}} {{ (unverified > 1) ? 'Guests' : 'Guest'}}</h4>
          </div>
        </div>
      </div>
    </div>
    <!-- end revenue -->

    <!-- recent bookings -->
    <div class="col-12 col-xl-12 col-sm-12 mb-4">
      <div class="card">
        <div class="card-header header-elements">
          <h5 class="card-title mb-0">List Guests</h5>
        </div>
        <div class="card-body">
          {# <p class="text-end">
            <a href="{{url('category/add')}}" class="btn btn-success btn-sm" ><i class="fa fa-plus me-2"></i>Add</a>
          </p> #}
          <div class="card-datatable table-responsive">
            <table class="table border-top" id="recent-booking-list">
              <thead>
                <tr class="" >
                  <th class="fw-bold">Name</th>
                  <th class="fw-bold">Email</th>
                  <th class="fw-bold text-center">Phone</th>
                  <th class="fw-bold text-center">Country</th>
                  <th class="fw-bold text-center">Verified</th>
                  <th class="fw-bold text-center">Created at</th>
                  <th class="fw-bold"></th>
                </tr>
              </thead>
              <tbody>
                {% for key, guest in guests %}
                <tr>
                  <td><small>{{ guest.firstname }} {{ guest.lastname }}</small></td>
                  <td><small>{{ guest.email }}</small></td>
                  <td class="text-center"><small>{{(guest.phone) ? guest.phone : '-'}}</small></td>
                  <td class="text-center"><small>{{(guest.country) ? guest.country : '-'}}</small></td>
                  <td class="text-center">{{ (guest.verified == 1) ? '<i class="ti ti-square-rounded-check text-success"></i>' : '<i class="ti ti-square-rounded-x text-danger"></i>' }}</td>
                  <td class="text-center"><small>{{ guest.created_at|date('d F Y') }}</small></td>
                  <td class="">
                    <!-- <button class="btn btn-primary btn-xs py-1 me-1" ><i class="fa fa-eye "></i></button> -->
                    <button type="button" class="btn btn-secondary btn-xs py-1 me-1" data-bs-toggle="modal" data-bs-target="#detail-guest-{{key}}"><i class="fa fa-info "></i></button>
                    <div class="modal fade" id="detail-guest-{{key}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">
                          <div class="modal-body">
                            <div class="row g-0">
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Firstname</small></p>
                                    <p class="mb-0">{{(guest.firstname) ? guest.firstname : '-'}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Lastname</small></p>
                                    <p class="mb-0">{{(guest.lastname) ? guest.lastname : '-'}}</p>
                                </div>
                                <div class="col-md-12 mb-3">
                                    <p class="mb-1"><small>Username</small></p>
                                    <p class="mb-0">{{(guest.username) ? guest.username : '-'}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Email</small></p>
                                    <p class="mb-0">{{guest.email}} {{ (guest.verified == 1) ? '<i class="ti ti-square-rounded-check text-success"></i>' : '<i class="ti ti-square-rounded-x text-danger"></i>' }}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Phone Number</small></p>
                                    <p class="mb-0">{{(guest.phone) ? guest.phone : '-'}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Country</small></p>
                                    <p class="mb-0">{{(guest.country) ? guest.country : '-'}}</p>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <p class="mb-1"><small>Created At</small></p>
                                    <p class="mb-0">{{ guest.created_at|date('d F Y') }}</p>
                                </div>
                            </div>
                          </div>
                          <div class="modal-footer justify-content-end">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                          </div>
                        </div>
                      </div>
                    </div>

                    <a href="{{url('guests-list/'~guest.id~'/edit')}}" class="btn btn-warning btn-xs py-1 me-1" ><i class="fa fa-edit "></i></a>

                    <button type="button" class="btn btn-danger btn-xs py-1 me-1" data-bs-toggle="modal" data-bs-target="#delete-guest-{{key}}"><i class="fa fa-trash "></i></button>
                    <div class="modal fade" id="delete-guest-{{key}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
                        <div class="modal-content">
                          <div class="modal-body text-start">
                            <p class="fs-big">Are you sure you want to delete this <b>{{ guest.firstname }}</b> ?</p>
                          </div>
                          <div class="modal-footer justify-content-between">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            <form data-request="onDelete" method="POST">
                              <input type="hidden" name="id_guest" value="{{guest.id}}">
                              <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Delete</button>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>

                  </td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <!-- end recent bookings -->

  </div>
</div>
<!-- / Content -->


<!-- js -->
{% put scripts %}

<script type="text/javascript">
  //  For Datatable
  // --------------------------------------------------------------------
  var dt_projects_table = $('.datatables-projects');

  var dt_project = dt_projects_table.DataTable();

  </script>
  {% endput %}
<!-- end js -->