@extends('admin.layouts.cmlayout')

@section('body')
<!-- Begin Page Content -->
<div class="container-fluid">
  <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Event Types</h1>
  </div>
  <div class="row">
        <div class="col-xl-12 col-md-12">
          <div class="card shadow mb-4">
            <div class="card-header py-3">
            <div class="buttons-right">
              <a class="m-0 font-weight-bold btn-department-add pull-right hover-white" href="{{route('event.add')}}">Add Event</a>
            </div>
            </div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-bordered" id="dataTableusers" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>S.No</th>
                      <th>Event Name</th>
                      <th>Event MetaKey</th>
                      <th>Status</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>
                                           @forelse($events as $row)
                        <tr>
                            
                            <td>{{$i}}</td>
                            <td>{{$row->name}}</td>
                            <td>{{$row->meta_key}}</td>    
                        <td>
                        <a class="anchorLess">
                        <a title="Click to Edit" href="{{route('event.edit',[$row->id])}}" class="anchorLess"><i class="fas fa-edit info" aria-hidden="true" ></i></a>
                         <a title="Click to Delete" href="javascript:void(0)" class="anchorLess" onclick="deleteevent(this,'{{$row->id}}');"><i class="fas fa-trash danger" aria-hidden="true" ></i></a>
                          </a>      
                            </td>
                        </tr>
                                                @empty
                        <tr>
                            <td colspan="14" class="text-center">No record found</td>
                        </tr>
                     @endforelse 
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
  </div>
</div>

<script type="text/javascript">
function deleteevent(obj, pid) {
    var result = confirm("Are you sure you want to delete this Event ?");
    if (result) {
        jQuery.ajax({
            method: 'POST',
            url: '/admin/event/del',
            dataType: 'json',
            data: {
                'id': pid,
                '_token': jQuery('meta[name="csrf-token"]').attr('content'),
            },
            success: function(data) {
                location.reload(true);
            },
            error: function(data) {
                alert(data.msg);
            },
        });
    } else {
        return false;
    }
}
</script>
<!-- /.container-fluid -->
@endsection