title = "Ticket"
url = "/ticket"
layout = "Dashboard"
is_hidden = 0

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

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

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

      $this['tickets'] = Ticket::orderBy('created_at', 'desc')->where('vendor_id', $user->vendor)->get();

      $this['rateplans'] = Rateplan::orderBy('created_at', 'asc')->where('vendor_id', $user->vendor)->get();

      $this['active_ticket'] = Ticket::orderBy('created_at', 'desc')->where('vendor_id', $user->vendor)->where('published', 1)->count();

      $this['all_ticket'] = Ticket::orderBy('created_at', 'desc')->where('vendor_id', $user->vendor)->count();
    } 

    $this['ticket'] = Ticket::make();
  }

  function onDelete()
  {
    $ticketId = Input::post('id_ticket');

    $ticket = Ticket::find($ticketId);
    if ($ticket) {
      $ticket->delete();
    }

    return redirect()->refresh();
  }

  function onDeleteRateplan()
  {
    $rateplanId = Input::post('id_rateplan');

    $rateplan = Rateplan::find($rateplanId);
    if ($rateplan) {
      $rateplan->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">Ticket Active</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-box ti-sm"></i></div>
            <h4 class="mb-0">{{active_ticket}} {{ (active_ticket > 1) ? 'Tickets' : 'Ticket'}}</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">All Ticket</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-box ti-sm"></i>
            </div>
            <h4 class="mb-0">{{all_ticket}} {{ (all_ticket > 1) ? 'Tickets' : 'Ticket'}}</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 Tickets</h5>
        </div>
        <div class="card-body">
          <p class="text-end">
            <a href="{{url('ticket/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" style="width: 20%">Blog Title</th>
                  <th class="fw-bold" style="width: 30%">Name</th>
                  <!-- <th class="fw-bold" style="width: 20%">Price</th> -->
                  <th class="fw-bold" style="width: 10%">Published</th>
                  <th class="fw-bold" style="width: 15%">Created</th>
                  <th class="fw-bold" style="width: 25%"></th>
                </tr>
              </thead>
              <tbody>
                {% for key, post in tickets %}
                <tr class="{{ (key % 2 == 0) ? 'bg-white' : 'bg-lightwhite' }}">
                  <td><small>{{ ticket.blogTitle(post.blog_id) }}</small></td>
                  <td><small>{{ post.name }}</small></td>
                  <!-- <td>
                    <p class="mb-0"><small>
                      {% if post.adult_price != 0 %}
                      Adult : <b>IDR {{ ticket.priceFormat(post.adult_price) }}</b><br>
                      {% endif %}
                      {% if post.children_price != 0 %}
                      Children : <b>IDR {{ ticket.priceFormat(post.children_price) }}</b><br>
                      {% endif %}
                      {% if post.infant_price != 0 %}
                      Infant : <b>IDR {{ ticket.priceFormat(post.infant_price) }}</b>
                      {% endif %}
                    </small></p>
                  </td> -->
                  <td><small>{{ (post.published == 1) ? 'Yes' : 'No' }}</small></td>
                  <td><small>{{ post.created_at|date('d F Y') }}</small></td>
                  <td class="text-end p-2">
                    <a href="{{url('ticket/rateplan/'~post.id~'/add')}}" class="btn btn-dark btn-xs py-1 me-1" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Create New Rateplan"><i class="fa fa-plus me-1" style="font-size: 12px"></i>Create Rateplan</button>

                      <a href="{{url('ticket/'~post.id~'/edit')}}" class="btn btn-warning btn-xs py-1 me-1" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit Ticket"><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-ticket-{{key}}"><i class="fa fa-trash " data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete Ticket"></i></button>
                      <div class="modal fade" id="delete-ticket-{{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>{{ post.name }}</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_ticket" value="{{post.id}}">
                                <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Delete</button>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>

                    </td>
                  </tr>

                  {% set filtered_rateplans = [] %}
                  {% for rateplan in rateplans %}
                  {% if rateplan.ticket_id == post.id %}
                  {% set filtered_rateplans = filtered_rateplans | merge([rateplan]) %}
                  {% endif %}
                  {% endfor %}

                  {% for rateplan in filtered_rateplans %}
                  <tr style="background-color: #FFFADE;">
                    <td colspan="5">
                      <div class="row g-0 justify-content-between align-items-center">
                        <div class="col text-start">
                          <small><i class="fa fa-circle me-2 align-middle" style="font-size: 5px"></i><span>{{rateplan.name}}</span> <span class="ms-2">(<b>Price :</b> IDR {{ ticket.priceFormat(rateplan.fixed_price) }})</span></small>
                        </div>
                        <div class="col text-end">
                          <a href="{{url('ticket/rateplan/'~post.id~'/'~rateplan.id~'/edit')}}" class="btn btn-warning btn-xs py-1 me-1" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Edit Rateplan"><i class="fa fa-edit "></i></a>
                          <button data-bs-toggle="modal" type="button" class="btn btn-danger btn-xs py-1 me-1" data-bs-target="#delete-rateplan-{{rateplan.id}}"><i class="fa fa-trash " data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Delete Rateplan"></i></button>

                          <div class="modal fade" id="delete-rateplan-{{rateplan.id}}" 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>{{ post.name }}</b> rateplan <b>{{ rateplan.name }}</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="onDeleteRateplan" method="POST">
                                    <input type="hidden" name="id_rateplan" value="{{rateplan.id}}">
                                    <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Delete</button>
                                  </form>
                                </div>
                              </div>
                            </div>
                          </div>

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

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


  <style type="text/css">
    .bg-lightwhite{
      background-color: whitesmoke;
    }
    .border-ticket{
      border: 1px solid grey!important;
    }
    .border-rateplan{
      border: 0px 1px 0px 1px solid grey!important;
    }
    .border-rateplan-last{
      border: 0px 1px 1px 1px solid grey!important;
    }
  </style>

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

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

    var dt_project = dt_projects_table.DataTable();

    document.addEventListener('DOMContentLoaded', function () {
      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
      var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
      });
    });

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