@extends('layouts.app')

@section('content')
  <!-- Content --> 
  <!-- breadcrumb start -->
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Master</a></li>
      <li class="breadcrumb-item active">Event Type</li>
    </ol>
  </nav>
  <!-- breadcrumb end --> 
                
  <!-- Basic Bootstrap Table -->
  <div class="card card-primary">
    <div class="card-header border-bottom">
      <div class="row">
        <h5 class="col-md-10">Event Type</h5>
        <div class="col-md-2">
          @if(@$has_rights['add'])
            <a class="btn btn-sm btn-primary" href="{!! route('admin.master.event_type.add') !!}">Add New</a>
          @endif
        </div>
      </div> 
    </div>
    <div class="card-body">
      <div class="card-datatable table-responsive">
        <table class="datatables-users table" id="BasicDataTable"> 
          <thead> 
            <tr> 
              <th>Title</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @foreach($event_type as $_event_type)
              <tr>
                <td>{{ $_event_type["title"] }}</td>
                <td>
                  @if(@$has_rights['edit'])
                    <a class="btn btn-sm btn-primary py-1 px-2 mr-2" href="{!! tokenize_url(route('admin.master.event_type.edit'), ['id' => @$_event_type['id']]) !!}">Edit</a>
                  @endif
                  @if(@$has_rights['delete'])
                    <a href="javascript:void(0);" data_url="{!! tokenize_url(route('admin.master.event_type.destroy'), ['id' => @$_event_type['id']]) !!}" class="btn btn-sm btn-danger inline-block py-1 px-2 mr-2 delete_confirm">Delete</a>
                  @endif
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div> 
  </div>
@endsection
<!--/ END PAGE CONTENT -->

@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');
      });      
    });
  </script>
@endsection
<!--/ END PAGE CONTENT -->