title = "Category"
url = "/category"
layout = "Dashboard"
is_hidden = 0

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

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

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

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

      $this['active_category'] = Category::orderBy('created_at', 'desc')->where('published', 1)->count();

      $this['all_category'] = Category::orderBy('created_at', 'desc')->count();
    } 

    $this['category'] = Category::make();
  }

  function onDelete()
  {
    $categoryId = Input::post('id_category');

    $category = Category::find($categoryId);
    if ($category) {
      $category->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">Category 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_category}} {{ (active_category > 1) ? 'Categories' : 'Category'}}</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 Category</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_category}} {{ (all_category > 1) ? 'Categories' : 'Category'}}</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 Category</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">Published</th>
                  <th class="fw-bold">Main Category</th>
                  <th class="fw-bold">Created</th>
                  <th class="fw-bold"></th>
                </tr>
              </thead>
              <tbody>
                {% for key, category in categorys %}
                <tr>
                  <td>{{ category.name }}</td>
                  <td>{{ (category.published == 1) ? 'Yes' : 'No' }}</td>
                  <td>{{ (category.main == 1) ? 'Yes' : 'No' }}</td>
                  <td>{{ category.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('category/'~category.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-category-{{key}}"><i class="fa fa-trash "></i></button>
                    <div class="modal fade" id="delete-category-{{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>{{ category.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_category" value="{{category.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 -->