@extends('layouts.master')

@section('title','Events List')

@section('content')

<div>
    <style>

        svg{

            display:none;
        }

        path{

            display:none;
        }

    </style>
    <div class="container mt-4">

            <h4>Events</h4>

            <div class="">

                <!--<div class="col-md-3 ps-0">-->

                <div>

                    <form action="{{ url()->current() }}" class="row g-3 mb-4">

                        <div class="col-md-4">

                                <input name="search" value="{{ $search }}" placeholder="Search title" class="form-control">


                        </div>

                        <div class="col-md-2">


                                <button class="btn btn-primary btn-sm" type="submit">Search</button>



                        </div>

                  

                    </form>
                </div>

            </div>

            <div class="card card-xy mb-4">
                <div class="card-body">
            <div class="table-responsive">

                <table class="table table-bordered ">
                    <thead>

                         <tr>

                              <th>Title</th>
                              <th>Description</th>
                              <th>Event Category</th>
                              <th>Target Group</th>
                              <th>Start Date</th>
                              <th>End Date</th>
                              <th>View</th>
                         </tr>
                    </thead>

                    <tbody>


                         @forelse($events as $key=>$event)

                            <tr><td>{{ $event->title }}</td><td>{{ $event->description }}</td><td>{{ $event->eventCategory->name }}</td><td>{{ $event->targetGroup->name }}</td><td>{{ date('d M Y',strtotime($event->start_datetime))  }}</td><td>{{ date('d M Y',strtotime($event->end_datetime))  }}</td><td><a class="btn btn-success-light" target="blank" href="{{ route('eventDetails',['event_id'=>\Crypt::encrypt($event->id)]) }}">View</a></td></tr>

                         @empty

                            <tr><th colspan="7">No events found</th></tr>
                         @endforelse
                    </tbody>

                </table>

            </div>
            </div>
            </div>

            {{ $events->links('pagination::bootstrap-5') }}

    </div>
</div>

@endsection