@extends('layouts.master')

@section('title','Event Categories')

@section('content')


<div>

<style>
    svg {

        display: none;
    }

    path {

        display: none;
    }
</style>
<div class="container mt-4">



    <div class="">

        <h4>Event Categories</h4>

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

        <form action="{{ url()->current() }}">

            <table><tr><td><input value="{{ $search }}" name="search" class="form-control" placeholder="Search Event Category"></td><td><button class="btn btn-primary btn-sm" type="submit">Search</button></td></tr></table>

        </form>

            <br>

        </div>

    </div>

    <div class="">

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

            <a href="{{ route('addEventCategory') }}" class="btn btn-success">+ Add Event</a><br><br>


        </div>



    </div>

    <div class="">

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

                        <thead>

                            <tr>

                                <th>Name</th>
                                <th>Created at</th>
                                <th>Last Updated at</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>

                            @forelse($event_categories as $key=>$category)

                            <tr>
                                <td>{{ $category->name }}</td>
                                <td>{{ date('d M Y h:i:s a',strtotime($category->created_at)) }}</td>
                                <td>{{ date('d M Y h:i:s a',strtotime($category->updated_at)) }}</td>
                                <td>

                                <table><tr><td>     <a href="{{ route('editEventCategory',['id'=>\Crypt::encrypt($category->id)]) }}" class="btn btn-info btn-sm">Edit</a>   </td>
                            
                            <td>      @livewire('Admin\EventCategory\DeactivateEventCategory',['event_category_id'=>\Crypt::encrypt($category->id)],key('event-category-'.$key))
                            </td></tr></table>
                                    

                                </td>


                            </tr>

                            @empty

                            <tr>
                                <td colspan="3">No categories found</td>
                            </tr>

                            @endforelse
                        </tbody>



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

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

    </div>


</div>
</div>

@endsection