@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">

    @include('Partials.header')

    <div class="main_content_iner default_main_contaner_iner">

        <div class="page-body">
            <div class="container-fluid">
                <div class="page-title">
                    <div class="row">
                        <div class="col-md-6 ps-0">
                            <h3>Events</h3>
                        </div>
                        <div class="col-md-6 ps-0">
                            <a href="/events/event-inner-page/create" class="btn btn-primary">Add New</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <table class="display dataTable no-footer" id="data-table" role="grid"
                                    aria-describedby="basic-1_info">
                                    <thead>
                                        <tr class="table-header">
                                            <th>S No</th>
                                            <th>Event Title</th>    
                                            <th>Slug</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody class="projects-table">

                                        @foreach($events as $index => $event)
                                            <tr class="{{ $index % 2 === 0 ? 'odd' : 'even' }}">
                                                <td>{{$index + 1}}</td>
                                                <td>{{ $event->event_title }}</td> 
                                                <td>{{ $event->slug }}</td>
                                                <td class="edit-delete">
                                                    <a href="/events/event-inner-page/{{$event->id }}/edit"><i
                                                            class="fas fa-edit"></i></a>
                                                    <form action="/events/event-inner-page/{{ $event->id }}/delete"
                                                        method="POST"
                                                        onsubmit="return confirm('Are you sure you want to delete this event?');">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button class="btn" type="submit"><i
                                                                class="fas fa-trash-alt"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('Partials.footer')