@extends('layouts.app')

@section('page_css')
  @parent
  <style>
    /*.action_div_width
    {
        width:12rem;
    }*/
  </style>
@endsection

@section('content')
  <!-- Content -->
  <div class="container-xxl flex-grow-1 container-p-y">
    <!-- breadcrumb start -->
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">Admin</a>
        </li>
        <li class="breadcrumb-item active">Downloads</li>
        <li class="breadcrumb-item active">Category</li>
      </ol>
    </nav>
    <!-- breadcrumb end -->
    <!-- Basic Bootstrap Table -->
    <div class="card">
      <div class="d-flex justify-content-between">
        <h5 class="card-header">Category</h5>
        <div class="mt-4 mx-5">
          @if(@$has_rights['add'])
            <a class="btn btn-sm btn-primary" href="{!! route('admin.downloads.doc_category.add') !!}">Add New</a>
          @endif
        </div>
      </div>
      <div class="card-datatable table-responsive">
        <table class="datatables-users table" id="BasicDataTable">
          <thead>
            <tr>
              <th>Category Name</th>
              <th>Category Type</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody classs="table-border-bottom-0">
            @foreach($doc_category as $_doc_category)
            <tr>
              <td>{{ $_doc_category["name"] }}</td>
              <td>{{ $_doc_category["type_trans_name"] }}</td>
              <td>
                <div class="action_div_width">
                  @if(@$has_rights['edit'])
                    <a class="" href="{!! tokenize_url(route('admin.downloads.doc_category.edit'), ['id' => $_doc_category['id']]) !!}">
                      <i class="ti ti-edit ti-sm me-1"></i>
                    </a>
                  @endif
                  @if(@$has_rights['delete'])
                    <a href="javascript:void(0);" data_url="{!! tokenize_url(route('admin.downloads.doc_category.destroy'), ['id' => @$_doc_category['id']]) !!}" class="delete_confirm">
                      <i class="ti ti-trash ti-sm me-1"></i>
                    </a>
                  @endif
                </div>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <!--/ Content -->
@endsection

@section('modals')
  @parent
@endsection

@section('page_scripts')
  @parent
  <script type="text/javascript">
    
    $(document).ready(function()
    { 
      let message = @JSON(session()->get('message'));
      
      if(message)
      {
        if(message.type == 'success')
        {
          showMessage(message.message);
        }
        else if(message.type == 'error')
        {
          showMessage(message.message, "error");
        }
      }

      $('.delete_confirm').click(function()
      {
        var data_url = $(this).attr('data_url');
        $('#delete_confirm_modal_yes').attr('href', data_url);
        $("#delete_confirm_modal_preview").modal('show');
      });

      function readMore(title="", description="")
      {
        $("#readMoreModalTitle").text(title);
        $("#readMoreModalContent").text(description);
        $("#readMoreModal").modal('show');
      }

      $('.readMore').click(function()
      {
        readMore($(this).data('title'), $(this).data('description'));
      }); 
    });
  </script>
@endsection