title = "Add On"
url = "/addon"
layout = "Dashboard"
is_hidden = 0

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

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

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

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

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

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

    $this['addon'] = Addon::make();
  }

  function onDelete()
  {
    $addonId = Input::post('id_addon');

    $addon = Addon::find($addonId);
    if ($addon) {
      $addon->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">Add On 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_addon}} {{ (active_addon > 1) ? 'Add Ons' : 'Add On'}}</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 Add On</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_addon}} {{ (all_addon > 1) ? 'Add Ons' : 'Add On'}}</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 Add Ons</h5>
        </div>
        <div class="card-body">
          <p class="text-end">
            <a href="{{url('addon/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">Published</th>
                  <th class="fw-bold">Created</th>
                  <th class="fw-bold"></th>
                </tr>
              </thead>
              <tbody>
                {% for key, addon in addons %}
                <tr>
                  <td>{{ addon.name }}</td>
                  <td>{{ (addon.published == 1) ? 'Yes' : 'No' }}</td>
                  <td>{{ addon.created_at|date('d F Y') }}</td>
                  <td class="text-end">
                    <!-- <button class="btn btn-primary btn-xs py-1 me-1" ><i class="fa fa-eye "></i></button> -->

                    <a href="{{url('addon/'~addon.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-addon-{{key}}"><i class="fa fa-trash "></i></button>
                    <div class="modal fade" id="delete-addon-{{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>{{ addon.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_addon" value="{{addon.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 -->