@extends('admin.layout.master')
@section('title', 'Dashboard')
@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                        <li class="breadcrumb-item text-muted">
                            <a href="{{ url('/') }}" class="text-muted text-hover-primary">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-400 w-5px h-2px"></span>
                        </li>
                        <li class="breadcrumb-item text-muted">Results</li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="kt_app_content_container" class="app-container container-xxl">
            <div class="card mb-5 mb-xl-8">
                <div class="card-header flex-wrap border-0 pt-6 pb-0">
                    <div class="card-title">
                        <h3 class="card-label">Results
                        </h3>
                    </div>
                    <div class="card-toolbar">
                    </div>
                    @if (session()->has('success'))
                        <div class="alert alert-success">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                </div>
                <div class="card-header border-0 pt-5 align-items-center">
                    <div class="row">
                        <form class="form" action="{{ $action }}" method="POST">
                            @csrf
                            <div class="form-group row">
                                <input type="hidden" name="eventidhhhh" />


                                <div class="col-sm-5">
                                    <select class="form-control" id="eventid" name="eventid" required>
                                        <option value="" selected="">Event</option>
                                                                            </select>
                                </div>


                                <div class="col-sm-3">
                                    <select class="form-control" id="level" name="level">
                                        <option value="">Select National Grade</option>  
                                        @php
                                            $selectedCategory = old('level', $level ?? ($category ?? ''));
                                        @endphp
                                        @foreach ($categories as $cat)
                                            <option value="{{ $cat }}" @selected($selectedCategory == $cat)>{{ $cat }}</option>
                                        @endforeach          
                                        <!-- <option value="National 4" {{ $category == 'National 4' ? 'selected' : '' }}> National 4</option>
                                        <option value="National 5" {{ $category == 'National 5' ? 'selected' : '' }}> National 5</option>
                                        <option value="National 6" {{ $category == 'National 6' ? 'selected' : '' }}> National 6</option>
                                        <option value="National 7" {{ $category == 'National 7' ? 'selected' : '' }}> National 7</option> -->
                                    </select>
                                </div>


                                <div class="col-sm-2">
                                    <select class="form-control" id="gender" name="gender">
                                        <option value="">Select Gender</option>
                                        <option value="M" {{ $gender == 'M' ? 'selected' : '' }}>M</option>
                                        <option value="F" {{ $gender == 'F' ? 'selected' : '' }}>F</option>
                                    </select>
                                </div>

                                <div class="col-lg-2 ml-lg-auto">
                                    <button type="submit" class="btn btn-success mr-2">Search</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card-body py-3">
                    <div class="table-responsive">
                        <table class="table table-row-dashed align-middle gs-0 gy-4" id="ds_datatable_table">
                            <thead>
                                <tr>
                                    <th>Gymnast</th>
                                    <th>Club</th>
                                    <th>National Grade</th>
                                    <th>Level</th>
                                    <th>Apparatus</th>
                                    <th>D Score</th>
                                    <th>E Score</th>
                                    <th>Penalty</th>
                                    <th>Total</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($result as $row)
                                    <tr>
                                        <td>{{ $row->name }}</td>
                                        <td>{{ $row->club }}</td>
                                        <td>{{ $row->category }}</td>
                                        <td>{{ $row->rlevel }}</td>
                                        <td>{{ $row->gname }}</td>
                                        <td>{{ $row->dscore }}</td>
                                        <td>{{ substr(number_format($row->escore, 4, '.', ''), 0, -1) }}</td>
                                        <td>{{ $row->penalty }}</td>
                                        <td>{{ number_format($row->total, 3) }}</td>
                                        <td>
                                            <!-- <a class="btn btn-sm btn-clean btn-icon" title="edit"
                                            href="{{ route('scoreedit', $row->id) }}"><i
                                                class="la la-pencil text-success"></i></a> -->

                                            @if ($club->id == $selectedevent->clubid)
                                                <form action="{{ route('deletescore') }}" method="POST">
                                                    @csrf
                                                    @method('POST')
                                                    <input type="hidden" name="asid" value="{{ $row->id }}" />
                                                    <input type="hidden" name="eventid" value="{{ $eventid }}" />
                                                    <input type="hidden" name="level" value="{{ $row->category }}" />
                                                    <input type="hidden" name="gender" value="{{ $gender }}" />
                                                    @php
                                                       
                                                        
                                                        $eventEndDate = Carbon\Carbon::parse($selectedevent->EndDate);
                                                        $today = Carbon\Carbon::today(); 
                                                    @endphp
                                                    <button type="submit" title="delete"
                                                        class="btn btn-icon bg-light-danger btn-active-color-primary btn-sm"
                                                        @if ($eventEndDate->lt($today)) disabled @endif >
                                                        <span class="svg-icon svg-icon-3">
                                                            <svg width="24" height="24" viewBox="0 0 24 24"
                                                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path
                                                                    d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                                    fill="#d9214e" />
                                                                <path opacity="0.5"
                                                                    d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                                    fill="#d9214e" />
                                                                <path opacity="0.5"
                                                                    d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                                    fill="#d9214e" />
                                                            </svg>
                                                        </span>
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        $(document).ready(function() {
            $("#ds_datatable_table").DataTable({
                dom: "<'row'<'col-sm-3 float-start'f><'col-sm-3'><'col-sm-3'><'col-sm-3 float-end'B>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-1'l><'col-sm-12 col-md-5'i><'col-sm-12 col-md-6'p>>",
                buttons: [{
                    extend: 'excelHtml5',
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
                    }
                }],
                info: 1,
                order: [],
                pageLength: 10,
                lengthChange: 1,

            });
        });

        function delete_data(id) {
            Swal.fire({
                icon: "warning",
                title: "Are you sure want to delete?",
                showCancelButton: true,
                confirmButtonText: "Yes",
                cancelButtonText: `No`,
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = BASE_URL + "/club/gymnast/delete/" + id;
                }
            })
        }
    </script>
@endpush