@extends('layout.index')

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


<!-- Dashboard Ecommerce start -->
@section('content')
    <section>

        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12 d-flex">
                        <h2 class="content-header-title float-start mb-0">Events List</h2>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-end col-md-6 col-12 d-md-block d-none">
                <div class="mb-1 breadcrumb-right">
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb" style="justify-content: flex-end">
                            <li class="breadcrumb-item"><a href="#">Home</a>
                            </li>
                            <li class="breadcrumb-item"><a href="#">Events</a>
                            </li>
                            <li class="breadcrumb-item active">Events List
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        @if ($message = Session::get('success'))
            <div class="demo-spacing-0 mb-1">
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        {{-- <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> --}}
                        {{ $message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif





        <div class="content-body">
            <!-- Bordered table start -->
            <div class="row" id="table-bordered">
                <div class="col-12">
                    <div class="card">
                        <form class="dt_adv_search" method="POST">
                            <input type="hidden" name="form_type" value="search_form">
                            @csrf
                            <div class="card-header w-100">
                                <div class="row w-100">

                                    <div class="col-sm-10">
                                        <div class="row">


                                            <div class="col-sm-2">
                                                <div class="form-group m-0">
                                                    <label class="form-label" for="validationCustom04">Name</label>
                                                    <input class="form-control" name="Name" value="{{ $Name }}"
                                                        type="text" aria-label="Search" autocomplete="off" placeholder="Event Name" />
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                    <label for="basicSelect">Start Date</label>
                                                    <input id="starttime" name="startdate" value="{{ $startDate }}"
                                                        class="form-control date_flatpickr flatpickr flatpickr-input active "
                                                        type="text" placeholder="Start Time" readonly>
                                                </div>
                                            </div>
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                    <label for="basicSelect">End Date</label>
                                                    <input id="endtime" name="enddate" value="{{ $endDate }}"
                                                        class="form-control date_flatpickr flatpickr flatpickr-input active "
                                                        type="text" placeholder="End Time" readonly>
                                                </div>
                                            </div>

                                            <div class="col-sm-3 mt-2">
                                                <button type="submit" class="btn btn-primary">Search</button>

                                                @if (!empty($Name) || !empty($startDate) || !empty($endDate))
                                                    <a title="Clear" href="{{ url('event/clear_search') }}"
                                                        class="btn btn-outline-primary" data-column="3"><i
                                                            data-feather="rotate-ccw" class="me-25"></i><span> Clear
                                                            Search</span></a>
                                                @endif

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <a href="{{ url('/events/0') }}" class="btn btn-outline-primary float-right">
                                            <i data-feather="plus" class="me-25"></i><span>Add Event</span></a>
                                    </div>
                                </div>
                            </div>
                        </form>

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th class="text-center">Sr.No</th>
                                        <th class="text-center">Logo</th>
                                        <th class="text-center">Name</th>
                                        <th class="text-center">Start Date</th>
                                        <th class="text-center">End Date</th>
                                        <th class="text-center">Verification</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Add Athelete</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @php  $i = $Offset; @endphp
                                                                        <tr>
                                        <td colspan="10" style="text-align: center; color:red;">No Record Found.</td>
                                    </tr>
                                                                    </tbody>
                            </table>
                            <div class="card-body">
                                <div class="d-flex justify-content-end">
                                    {{ $Paginator->links() }}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!-- Bordered table end -->
        </div>



        <div class="modal fade" id="leaderboard_criteria_modal" tabindex="-1" role="dialog"
            aria-labelledby="business_customer_details_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                
                <div class="modal-content">
                    <div class="card social-profile mb-0">

                        <div class="card-header" style="background-color: #7367f0">
                            <h3 class="m-0 text-white">Leaderbord Filter Criteria</h3>
                          </div>

                        <div class="card-body custom-card-body-height pt-1" id="leaderboard_criteria">

                        </div>
                        <button class="btn btn-primary d-flex m-auto" type="button"
                            data-bs-dismiss="modal" onclick="closeModal();">Close</button>
                        <br>
                    </div>
                </div>
            </div>
        </div>


    </section>
    <script>
        $('document').ready(function() {
            localStorage.setItem('manual_current_index',0);

            var dateTimePickr = $('.date_time_flatpickr'),
                basicPickr = $('.date_flatpickr');

            // Date & TIme
            if (dateTimePickr.length) {
                dateTimePickr.flatpickr({
                    dateFormat: 'd-m-Y H:i',
                    enableTime: true,

                });
            }
            if (basicPickr.length) {
                basicPickr.flatpickr({
                    dateFormat: 'd-m-Y'
                });
            }
        });
    </script>
@endsection
<script>
    function removeEvent(id) {

        var url = '