@if(Request::routeIs('season.index') || Request::routeIs('season.past') || Request::routeIs('season.upcoming'))

@if(Auth::user()->hasRole(['super_admin', 'admin']))
<div class="page-header d-print-none text-white">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
            </div>

            <!-- Page title actions -->
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <!-- <a href="{{ route('event.create', ['id' => $season_id]) }}" class="btn btn-primary d-block d-sm-inline-block"  data-bs-toggle="modal" data-bs-target="#modal-large"> -->
                    <a href="#" class="btn btn-primary d-block d-sm-inline-block"  data-bs-toggle="modal" data-bs-target="#modal-large">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M12 5l0 14" />
                            <path d="M5 12l14 0" />
                        </svg>
                        Create Event
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-blur fade" id="modal-large" tabindex="-1" role="dialog" aria-hidden="true">
    <form method="POST" action="" class="mt-3" enctype="multipart/form-data" id="close_event_form">
        @csrf
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Before Proceeding.....</h5>
                    <button type="button" id="close_modal_btn" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <span style="">Before Creating A new Event, please fill in details regarding the previous event</span>
                    <div class="row mb-3">
                        <div class="col">
                            <div class="form-group">
                                <label>3KFC Score</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">
                                        <img width="20px" src="{{ asset('storage/' . $last_event->team_a_logo) }}">
                                    </span>
                                    <input type="number" name="team_a_score" id="team_a_score" class="form-control requiredField" placeholder="3KFC Score" required>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group">
                                <label>{{ $last_event->team_b }}</label>
                                <div class="input-group mb-2">
                                    <span class="input-group-text">
                                        <img width="20px" src="{{ asset('storage/' . $last_event->team_b_logo) }}">
                                    </span>
                                    <input name="team_b_score" type="number" id="team_b_score" class="form-control requiredField" placeholder="Nairobi Score" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Event Highlights <i>(optional)</i></label>
                        <textarea class="form-control" id="event_highlights" data-bs-toggle="autosize" name="event_highlights" placeholder="Type something…"></textarea>
                    </div>
                    <label>Event Highlight Pics<i>(optional)</i></label>
                    <div class="dropzone" id="dropzone-default" autocomplete="off" novalidate>
                        <div class="fallback">
                            <input name="match_highlight_pics" id="match_highlight_pic" type="file"  />
                        </div>
                    </div>
                </div>
                <div class="modal-footer" id="modal-footer">
                    <span id="confirm_close" class="me-auto" style="color: red;font-size: 16px;":"></span>
                    <button type="button" class="btn btn-primary" disabled id="close_event_create_new_event_btn">Close Event</button>
                </div>
            </div>
        </div>
    </form>
</div>
@endif

@endif