@php ($headerOption = [
'title' => $module,
'header_buttons' => [
  ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : ''),   
],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption)


@section('content')
<div class="table-responsive">
<table class="{!! \Config::get('view.table.table_class') !!}">
    <thead class="{!! \Config::get('view.table.table_head_class') !!}">
        <tr>
            <th>Event Image</th>
            <th>Event Title</th>
            <th>Place</th>
            <th>Event Date</th>
            <th>Tokr</th>
            <th>Status</th>
            <th style="width: 150px; text-align: right;">Actions</th>
        </tr>
    </thead>
    <tbody>
        @forelse($data as $event)
            <tr>
                <td >{!! \App\Helpers\Helper::genLogo($event->event_image, $event, 'xs', 'rounded avatar-sm" width="100') !!}</td>
                <td style="width: 25%" class="font-bold">
                    <b>{{ $event->title }}</b>
                </td>
                <td style="width: 20%">{{ $event->place ?? 'N/A' }}</td>
                <td style="width: 15%">
                    {{ \Carbon\Carbon::parse($event->event_datetime)->format('M d, Y') }}<br>
                    {{ \Carbon\Carbon::parse($event->start_time)->format('g:i A') }} - {{ \Carbon\Carbon::parse($event->end_time)->format('g:i A') }}
                </td>
                <td style="width: 6%">{{ $event->tokr }}</td>
                <td style="width: 6%"><span class="badge badge-pill badge-soft-{{ $event->statuses[$event->status]['badge'] }} font-size-12">{!! $event->statuses[$event->status]['name'] !!}</span></td>
                <td class="text-right">
                    @if($event->external_link)
                        <a href="{{ $event->external_link }}" target="_blank" data-toggle="tooltip" title="External Link"><i class="bx bx-link-external fa-2x text-dark"></i></a>
                    @endif                    
                    <a href="{{ route($routePrefix . '.users.export', $event->id) }}" data-toggle="tooltip" title="Export Event Attendee"><i class="bx bx-download fa-2x text-dark"></i></a>
                    <a href="{{ route($routePrefix . '.users', $event->id) }}" data-toggle="tooltip" title="View Users"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    <a href="{{ route($routePrefix . '.edit', $event->id) }}" data-toggle="tooltip" title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
                    <a data-toggle="tooltip" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{$event->id}}').submit();" title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
                    {!! html()->form('DELETE', route(
                        $routePrefix . '.destroy',
                        $event->id
                        ))->attributes([
                        'style' => 'display:inline',
                        'id'    => 'delete-form-' . $event->id
                        ])->open() !!}
                    {!! html()->form()->close() !!}
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="25">
                    <div class="alert alert-danger">No Data Found</div>
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

</div>

@include('admin.components.pagination')

@endsection