@extends('layouts.app')

@section('header_h')
    <h1 class="d-none font-weight-bold d-lg-block text-light" style="font-family: 'Oxanium', cursive; font-size: 64px;">
        {{ $competition->name }} <a href="{{ $competition->path() }}" class="text-white" target="_blank"><i
                class="far fa-eye"></i></a></h1>
    <h3 class="d-block font-weight-bold d-lg-none text-light" style="font-family: 'Oxanium', cursive; font-size: 38px;">
        {{ $competition->name }}
        <a href="{{ $competition->path() }}" class="text-white" target="_blank"><i class="far fa-eye"></i></a>
    </h3>
@endsection

@section('content')

    <div class="container">
        <div class="row">
            <div class="col">

                @if (session('status'))
                    <div class="container ">
                        <div class="row">
                            <div class="col">
                                <div class="alert alert-success" role="alert">
                                    {{ session('status') }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if (session('alert'))
                    <div class="container ">
                        <div class="row">
                            <div class="col">
                                <div class="alert alert-danger" role="alert">
                                    {{ session('alert') }}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="container">

                    <h2>Kategorie zawodów</h2>

                    @forelse ($categories as $category)

                        <div class="mb-3 card bg-light border-dark">
                            <div class="card-header">
                                <div class="container">
                                    <div class="row justify-content-between">
                                        <div class="my-auto align-middle col-8">
                                            <h4 class="m-0">{{ $category->name }}</h4>
                                        </div>
                                        <div class="text-right col ">

                                            <a class="mx-2 btn btn-primary btn-sm d-inline"
                                                href="#editCategory{{ $category->id }}" data-toggle="modal"
                                                data-target="#editCategory{{ $category->id }}"><i
                                                    class="far fa-edit text-light"></i> Edytuj</a>
                                            <div class="modal fade" id="editCategory{{ $category->id }}" tabindex="-1"
                                                role="dialog" aria-labelledby="editCategory{{ $category->id }}Title"
                                                aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title"
                                                                id="editCategory{{ $category->id }}Title">
                                                                Edycja kategorii</h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class=""
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id }}"
                                                                method="POST" id="editCategory{{ $category->id }}Form">
                                                                @method('PATCH')
                                                                @csrf

                                                                <div class="form-group">
                                                                    <label for="categoryName">Nazwa kategorii</label>
                                                                    <input type="text" class="form-control"
                                                                        name="categoryName"
                                                                        placeholder="Podaj nazwę kategorii"
                                                                        value="{{ $category->name }}">
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="categoryLimit">Limit zawodników (0 - bez
                                                                        limitu)</label>
                                                                    <input type="number" class="form-control"
                                                                        id="categoryLimit" name="categoryLimit"
                                                                        placeholder="Limit zawodników"
                                                                        value="{{ $category->limit }}">
                                                                </div>
                                                                <label for="categoryDefaultCost">Domyślna opłata -
                                                                    obowiązuje do
                                                                    końca daty zapisów</label>
                                                                <div class="input-group">
                                                                    <input type="number" class="form-control"
                                                                        name="categoryDefaultCost"
                                                                        placeholder="Domyślna opłata"
                                                                        aria-label="Domyślna opłata"
                                                                        aria-describedby="categoryDefaultCost"
                                                                        value="{{ $category->default_cost }}">
                                                                    <div class="input-group-append">
                                                                        <span class="input-group-text"
                                                                            id="basic-addon2">zł</span>
                                                                    </div>
                                                                </div>


                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="editCategory{{ $category->id }}Form">Edytuj
                                                                kategorię</button>
                                                        </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>


                                            @if (!$category->members->count() > 0)
                                                <a class="pl-2" href="#delCategory{{ $category->id }}"
                                                    data-toggle="modal" data-target="#delCategory{{ $category->id }}"><i
                                                        class="far fa-trash-alt text-danger"></i></a>
                                                <div class="modal fade" id="delCategory{{ $category->id }}"
                                                    tabindex="-1" role="dialog"
                                                    aria-labelledby="delCategory{{ $category->id }}Title"
                                                    aria-hidden="true">
                                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title"
                                                                    id="delCategory{{ $category->id }}Title">
                                                                    Potwierdź usunięcie kategorii
                                                                </h5>
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <form class=""
                                                                    action="{{ $competition->adminPath() . '/categories/' . $category->id }}"
                                                                    method="POST"
                                                                    id="delCategory{{ $category->id }}Form">
                                                                    @method('DELETE')
                                                                    @csrf
                                                                    <div class="text-center alert alert-danger"
                                                                        role="alert">
                                                                        Potwierdź usunięcie kategorii <span
                                                                            class="font-text-bold">{{ $category->name }}</span>.
                                                                    </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-outline-danger"
                                                                    data-dismiss="modal">Anuluj</button>
                                                                <button type="submit" class="btn btn-danger"
                                                                    form="delCategory{{ $category->id }}Form">Usuń
                                                                    kategorię</button>
                                                            </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            @else
                                                <i class="far fa-trash-alt text-secondary" data-toggle="tooltip"
                                                    data-placement="top"
                                                    title="Nie można usunąć kategorii jeśli istnieją zapisani do niej zawodnicy."></i>
                                            @endif

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="container">

                                    <div class="row">
                                        <div class="col h5">
                                            Limit uczestników: <span
                                                class="font-weight-bold">{{ $category->limit ? $category->limit : 'Bez limitu' }}</span>
                                        </div>
                                        <div class="col h5">
                                            Domyślna opłata: <span
                                                class="font-weight-bold">{{ $category->default_cost }}</span>
                                            zł
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col h5">
                                            <div class="">
                                                Zarejestrowanych: <span
                                                    class="font-weight-bold">{{ $category->members->count() }}</span>
                                            </div>
                                            <div class="pt-2">
                                                Ograniczenia wiekowe: 
                                                @if($category->min_age == 0 AND $category->max_age == 127)
                                                     <span
                                                        class="font-weight-bold">Brak</span> <a href="#" class="text-success" role="button"
                                                        data-toggle="modal"
                                                        data-target="#addAge{{ $category->id }}"><i
                                                        class="fas fa-plus-circle"></i></a>
                                                @elseif($category->min_age >= 0 OR $category->max_age <= 127)
                                                    <span
                                                        class="font-weight-bold">
                                                        {{ ($category->min_age == 0) ? '' : 'od '.$category->min_age.' lat' }}
                                                        {{ ($category->max_age == 127) ? '' : 'do '.$category->max_age.' lat' }}
                                                        <a href="#" class="text-success" role="button" data-toggle="modal"
                                                        data-target="#delAge{{ $category->id }}">
                                                        <i class="text-danger fas fa-minus-circle"></i>
                                                    </a>
                                                        
                                                @else
                                                        </span> <a href="#" class="text-success" role="button"
                                                        data-toggle="modal"
                                                        data-target="#addAge{{ $category->id }}"><i
                                                        class="fas fa-plus-circle"></i></a>
                                                @endif
                                               
                                            <!-- Modal del age -->
                            <div class="modal fade" id="delAge{{ $category->id }}" tabindex="-1"
                                role="dialog" aria-labelledby="delAge{{ $category->id }}ModalTitle"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title"
                                                id="delAge{{ $category->id }}ModalTitle">Usuń ograniczenia wiekowe
                                                </h5>
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">

                                            <form method="post"
                                                action="{{ $competition->adminPath() . '/categories/' . $category->id .'/age' }}"
                                                id="delAge{{$category->id}}Form">
                                                @method('delete')
                                                @csrf
                                                <div class="row">
                                                    <div class="col">

                                                        Potwierdź usunięcie ograniczeń wiekowych

                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-outline-danger"
                                                data-dismiss="modal">Anuluj</button>
                                            <button type="submit" class="btn btn-danger"
                                                form="delAge{{$category->id}}Form">Usuń</button>

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

                                            <!-- Modal add age-->
                                            <div class="modal fade"
                                                id="addAge{{ $category->id }}" tabindex="-1"
                                                role="dialog"
                                                aria-labelledby="addAge{{ $category->id }}Title"
                                                aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title"
                                                                id="addAge{{ $category->id }}Title">
                                                                Dodaj
                                                                ograniczenia wiekowe</h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                            <form method="post"
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id . '/age' }}"
                                                                id="addAgeLimit{{ $category->id }}">
                                                                @csrf
                                                                <div class="row">
                                                                    <div class="col">

                                                                        <div class="form-group">
                                                                            <label for="ageFrom">Wiek od</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageFrom" name="ageFrom"
                                                                                placeholder="Wiek od">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageTo">Wiek do</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageTo" name="ageTo"
                                                                                placeholder="Wiek do">
                                                                        </div>

                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="addAgeLimit{{ $category->id }}">Dodaj
                                                                ograniczenia wiekowe</button>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        <div class="col">

                                            @forelse ($category->categoryCostByDate as $categoryPromoCost)
                                                @if ($loop->first)
                                                    Opłaty promocyjne:
                                                @endif
                                                <div class="d-block"><span
                                                        class="font-weight-bold">{{ $categoryPromoCost->cost }}</span> zł
                                                    do dnia
                                                    <span
                                                        class="font-weight-bold">{{ $categoryPromoCost->end_date }}</span>


                                                    <a class="mx-2"
                                                        href="#editPromoCost{{ $categoryPromoCost->id }}"
                                                        data-toggle="modal"
                                                        data-target="#editPromoCost{{ $categoryPromoCost->id }}"><i
                                                            class="far fa-edit text-primary"></i></a>
                                                    <div class="modal fade"
                                                        id="editPromoCost{{ $categoryPromoCost->id }}" tabindex="-1"
                                                        role="dialog"
                                                        aria-labelledby="editPromoCost{{ $categoryPromoCost->id }}Title"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title"
                                                                        id="editPromoCost{{ $categoryPromoCost->id }}Title">
                                                                        Aktualizacja
                                                                        promocyjnej ceny</h5>
                                                                    <button type="button" class="close"
                                                                        data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <form class=""
                                                                        action="{{ $competition->adminPath() . '/promoCost/' . $categoryPromoCost->id }}"
                                                                        method="POST"
                                                                        id="editPromoCost{{ $categoryPromoCost->id }}Form">
                                                                        @method('PATCH')
                                                                        @csrf

                                                                        <div class="form-group">
                                                                            <label for="cost">Promocyjna cena</label>
                                                                            <input type="text" class="form-control"
                                                                                name="cost"
                                                                                value="{{ $categoryPromoCost->cost }}">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="end_date">Data końca
                                                                                promocji</label>
                                                                            <input type="date"
                                                                                max="{{ $competition->start_date }}"
                                                                                class="form-control" id="end_date"
                                                                                name="end_date"
                                                                                value="{{ $categoryPromoCost->end_date }}">
                                                                        </div>


                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-outline-primary"
                                                                        data-dismiss="modal">Anuluj</button>
                                                                    <button type="submit" class="btn btn-primary"
                                                                        form="editPromoCost{{ $categoryPromoCost->id }}Form">Edytuj
                                                                        promocyjną cenę</button>
                                                                </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a href="#delPromoCost{{ $categoryPromoCost->id }}"
                                                        data-toggle="modal"
                                                        data-target="#delPromoCost{{ $categoryPromoCost->id }}"><i
                                                            class="far fa-trash-alt text-danger"></i></a>
                                                    <div class="modal fade"
                                                        id="delPromoCost{{ $categoryPromoCost->id }}" tabindex="-1"
                                                        role="dialog"
                                                        aria-labelledby="delPromoCost{{ $categoryPromoCost->id }}Title"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title"
                                                                        id="delPromoCost{{ $categoryPromoCost->id }}Title">
                                                                        Potwierdź
                                                                        usunięcie
                                                                        promocyjnej ceny</h5>
                                                                    <button type="button" class="close"
                                                                        data-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <form class=""
                                                                        action="{{ $competition->adminPath() . '/promoCost/' . $categoryPromoCost->id }}"
                                                                        method="POST"
                                                                        id="delPromoCost{{ $categoryPromoCost->id }}Form">
                                                                        @method('DELETE')
                                                                        @csrf
                                                                        <div class="alert alert-danger" role="alert">
                                                                            Potwierdź usunięcie promocyjnej ceny
                                                                            {{ $categoryPromoCost->cost }} zł aktywnej do
                                                                            dnia
                                                                            {{ $categoryPromoCost->end_date }}.
                                                                        </div>


                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-outline-danger"
                                                                        data-dismiss="modal">Anuluj</button>
                                                                    <button type="submit" class="btn btn-danger"
                                                                        form="delPromoCost{{ $categoryPromoCost->id }}Form">Usuń</button>
                                                                </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @empty
                                                <h6>Kategoria nie posiada opłat promocyjnych</h6>
                                            @endforelse

                                            <a href="#addPromoCost{{ $category->id }}" data-toggle="modal"
                                                data-target="#addPromoCost{{ $category->id }}">Dodaj opłatę
                                                promocyjną</a>
                                            <div class="modal fade" id="addPromoCost{{ $category->id }}"
                                                tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
                                                aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="addPromoCostTitle">Dodaj
                                                                promocyjną cenę
                                                            </h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form method="post"
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id . '/promoCost' }}"
                                                                id="addPromoCost{{ $category->id }}Form">
                                                                @csrf
                                                                <div class="row">
                                                                    <div class="col">

                                                                        <div class="form-group">
                                                                            <label for="cost">Promocyjna cena</label>
                                                                            <input type="text" class="form-control"
                                                                                name="cost" placeholder="Promocyjna cena">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="end_date">Data końca
                                                                                promocji</label>
                                                                            <input type="date"
                                                                                max="{{ $competition->start_date }}"
                                                                                class="form-control" id="end_date"
                                                                                name="end_date"
                                                                                placeholder="Limit zawodników">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="addPromoCost{{ $category->id }}Form">Dodaj
                                                                promocyjną cenę</button>

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

                                        </div>
                                    </div>


                                    <div class="row">
                                        <div class="col">

                                            <div class="modal fade" id="addClassification{{ $category->id }}"
                                                tabindex="-1" role="dialog"
                                                aria-labelledby="exampleModalClassificationTitle" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="addClassificationTitle">Dodaj
                                                                promocyjną
                                                                cenę</h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form method="post"
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id . '/classification' }}"
                                                                id="addClassification{{ $category->id }}Form">
                                                                @csrf
                                                                <div class="row">
                                                                    <div class="col">

                                                                        <div class="form-group">
                                                                            <label for="ageFrom">Wiek od</label>
                                                                            <input type="number" max="99" min="0"
                                                                                class="form-control" id="ageFrom"
                                                                                name="ageFrom" placeholder="Wiek od">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageTo">Wiek do</label>
                                                                            <input type="number" max="99" min="0"
                                                                                class="form-control" id="ageTo"
                                                                                name="ageTo" placeholder="Wiek do">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <select name="gender" id="gender"
                                                                                class="form-control">
                                                                                <option>Wybierz płeć</option>
                                                                                <option value="K">Kobieta</option>
                                                                                <option value="M">Mężczyzna</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="addClassification{{ $category->id }}Form">Dodaj
                                                                klasyfikacje</button>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col">

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="card-footer">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col h5">
                                            Klasyfikacje mężczyzn <a href="#" class="text-success" role="button"
                                                data-toggle="modal"
                                                data-target="#addClassification{{ $category->id }}ModalMan"><i
                                                    class="fas fa-plus-circle"></i></a>

                                            <!-- Modal add new classification-->
                                            <div class="modal fade"
                                                id="addClassification{{ $category->id }}ModalWoman" tabindex="-1"
                                                role="dialog"
                                                aria-labelledby="addClassification{{ $category->id }}ModalWomanTitle"
                                                aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title"
                                                                id="addClassification{{ $category->id }}ModalWomanTitle">
                                                                Dodaj
                                                                nową
                                                                klasyfikację kobiet</h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                            <form method="post"
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id . '/classification' }}"
                                                                id="addClassification{{ $category->id }}WomanForm">
                                                                @csrf
                                                                <div class="row">
                                                                    <div class="col">

                                                                        <div class="form-group">
                                                                            <label for="name">Nazwa klasyfikacji</label>
                                                                            <input type="text" class="form-control"
                                                                                name="name"
                                                                                placeholder="Podaj nazwę kategorii">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageFrom">Wiek od</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageFrom" name="ageFrom"
                                                                                placeholder="Wiek od">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageTo">Wiek do</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageTo" name="ageTo"
                                                                                placeholder="Wiek do">
                                                                        </div>

                                                                        <input type="hidden" class="form-control"
                                                                            id="gender" name="gender" value="K">

                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="addClassification{{ $category->id }}WomanForm">Dodaj
                                                                klasyfikację</button>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Modal add new classification-->
                                            <div class="modal fade"
                                                id="addClassification{{ $category->id }}ModalMan" tabindex="-1"
                                                role="dialog"
                                                aria-labelledby="addClassification{{ $category->id }}ModalManTitle"
                                                aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title"
                                                                id="addClassification{{ $category->id }}ModalManTitle">
                                                                Dodaj nową
                                                                klasyfikację mężczyzn</h5>
                                                            <button type="button" class="close"
                                                                data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form method="post"
                                                                action="{{ $competition->adminPath() . '/categories/' . $category->id . '/classification' }}"
                                                                id="addClassification{{ $category->id }}ManForm">
                                                                @csrf
                                                                <div class="row">
                                                                    <div class="col">

                                                                        <div class="form-group">
                                                                            <label for="name">Nazwa klasyfikacji</label>
                                                                            <input type="text" class="form-control"
                                                                                name="name"
                                                                                placeholder="Podaj nazwę kategorii">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageFrom">Wiek od</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageFrom" name="ageFrom"
                                                                                placeholder="Wiek od">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="ageTo">Wiek do</label>
                                                                            <input type="number" class="form-control"
                                                                                id="ageTo" name="ageTo"
                                                                                placeholder="Wiek do">
                                                                        </div>

                                                                        <input type="hidden" class="form-control"
                                                                            id="gender" name="gender" value="M">

                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-outline-primary"
                                                                data-dismiss="modal">Anuluj</button>
                                                            <button type="submit" class="btn btn-primary"
                                                                form="addClassification{{ $category->id }}ManForm">Dodaj
                                                                klasyfikację</button>

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



                                        </div>
                                        <div class="col h5">
                                            Klasyfikacje kobiet <a href="#" class="text-success" role="button"
                                                data-toggle="modal"
                                                data-target="#addClassification{{ $category->id }}ModalWoman"><i
                                                    class="fas fa-plus-circle"></i></a>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">

                                            @forelse ($category->classification->where('gender', 'M') as $class)
                                                <div class="">
                                                    {{ $class->name }} <span
                                                        class="text-secondary">[{{ $class->ageFrom }} -
                                                        {{ $class->ageTo }}]
                                                    </span>
                                                    <a href="#" class="text-success" role="button" data-toggle="modal"
                                                        data-target="#delClassification{{ $class->id }}Modal">
                                                        <i class="text-danger fas fa-minus-circle"></i>
                                                    </a>
                                                </div>
                                            @empty
                                                <div class="">
                                                    Brak klasyfikacji
                                                </div>
                                            @endforelse
                                        </div>

                                        <div class="col">

                                            @forelse ($category->classification->where('gender', 'K') as $class)
                                                <div class="">
                                                    {{ $class->name }} <span
                                                        class="text-secondary">[{{ $class->ageFrom }} -
                                                        {{ $class->ageTo }}]
                                                    </span>
                                                    <a href="#" class="text-success" role="button" data-toggle="modal"
                                                        data-target="#delClassification{{ $class->id }}Modal">
                                                        <i class="text-danger fas fa-minus-circle"></i>
                                                    </a>
                                                </div>
                                            @empty
                                                <div class="">
                                                    Brak klasyfikacji
                                                </div>
                                            @endforelse
                                        </div>
                                    </div>



                                </div>
                            </div>
                            <div class="bg-white card-footer">
                                @if ($category->gpx_filename === null)
                                <div class="d-flex">

                                    <a class="mx-2 text-black btn btn-warning btn-sm d-inline"
                                        href="#addGPXFile{{ $category->id }}" data-toggle="modal"
                                        data-target="#addGPXFile{{ $category->id }}"><i
                                            class="fas fa-location-arrow"></i>
                                        Dodaj plik GPX</a>
                                
                                </div>

                                    <div class="modal fade" id="addGPXFile{{ $category->id }}" tabindex="-1"
                                        role="dialog" aria-labelledby="addGPXFile{{ $category->id }}Title"
                                        aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="addGPXFile{{ $category->id }}Title">
                                                        Dodaj plik GPX do kategorii {{ $category->name }} </h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form
                                                        action="{{ $competition->adminPath() . '/categories/' . $category->id . '/gpx_file' }}"
                                                        method="POST" id="addGPXFile{{ $category->id }}Form"
                                                        enctype="multipart/form-data">
                                                        @method('POST')
                                                        @csrf
                                                        <div class="form-group">
                                                            <label for="gpx_file">Plik GPX</label>
                                                            <div class="custom-file">
                                                                <input type="file" class="custom-file-input" id="gpx_file"
                                                                    name="gpx_file" accept=".gpx">
                                                                <label class="custom-file-label" for="gpx_file">Wybierz
                                                                    plik
                                                                    GPX</label>
                                                            </div>
                                                        </div>


                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-outline-warning text-dark"
                                                        data-dismiss="modal">Anuluj</button>
                                                    <button type="submit" class="btn btn-warning"
                                                        form="addGPXFile{{ $category->id }}Form">Dodaj plik GPX</button>
                                                </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="">Plik GPX: {{ $category->gpx_filename }} <a
                                            href="#delGPXFile{{ $category->id }}" data-toggle="modal"
                                            data-target="#delGPXFile{{ $category->id }}"><i
                                                class="far fa-trash-alt text-danger"></i></a> </div>


                                    <div class="modal fade" id="delGPXFile{{ $category->id }}" tabindex="-1"
                                        role="dialog" aria-labelledby="delGPXFile{{ $category->id }}Title"
                                        aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="delGPXFile{{ $category->id }}Title">
                                                        Potwierdź
                                                        usunięcie
                                                        pliku GPX</h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form class=""
                                                        action="{{ $competition->adminPath() . '/gpx/' . $category->id }}"
                                                        method="POST" id="delGPXFile{{ $category->id }}Form">
                                                        @method('DELETE')
                                                        @csrf
                                                        <div class="alert alert-danger" role="alert">
                                                            Potwierdź usunięcie pliku GPX kategorii
                                                            {{ $category->name }}.
                                                        </div>


                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-outline-danger"
                                                        data-dismiss="modal">Anuluj</button>
                                                    <button type="submit" class="btn btn-danger"
                                                        form="delGPXFile{{ $category->id }}Form">Usuń</button>
                                                </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                @endif
                            </div>

                        </div>

                        @forelse ($category->classification as $class)

                            <!-- Modal del classification-->
                            <div class="modal fade" id="delClassification{{ $class->id }}Modal" tabindex="-1"
                                role="dialog" aria-labelledby="delClassification{{ $class->id }}ModalTitle"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title"
                                                id="delClassification{{ $class->id }}ModalTitle">Usuń klasyfikację
                                                {{ $class->name }}</h5>
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">

                                            <form method="post"
                                                action="{{ $competition->adminPath() . '/classification/' . $class->id }}"
                                                id="delClassification{{ $class->id }}Form">
                                                @method('delete')
                                                @csrf
                                                <div class="row">
                                                    <div class="col">

                                                        Potwierdź usunięcie klasyfikacji: {{ $class->name }}

                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-outline-danger"
                                                data-dismiss="modal">Anuluj</button>
                                            <button type="submit" class="btn btn-danger"
                                                form="delClassification{{ $class->id }}Form">Usuń</button>

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

                        @empty

                        @endforelse


                    @empty
                        Brak kategorii
                    @endforelse
                </div>
                <div class="container mb-4">
                    <div class="row">

                        <div class="col">
                            <!-- Button trigger modal -> add new category-->
                            <button type="button" class="btn btn-success btn-lg btn-block" data-toggle="modal"
                                data-target="#addCategoryModal">
                                Dodaj nową kategorię
                            </button>

                            <!-- Modal add new category-->
                            <div class="modal fade" id="addCategoryModal" tabindex="-1" role="dialog"
                                aria-labelledby="addCategoryModalTitle" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="addCategoryModalTitle">Dodaj nową kategorię</h5>
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <form method="post" action="{{ $competition->adminPath() . '/categories' }}"
                                                id="addCategoryForm">
                                                @csrf
                                                <div class="row">
                                                    <div class="col">

                                                        <div class="form-group">
                                                            <label for="name">Nazwa kategorii</label>
                                                            <input type="text" class="form-control" name="name"
                                                                placeholder="Podaj nazwę kategorii">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="limit">Limit zawodników (0 - bez limitu)</label>
                                                            <input type="number" class="form-control" id="limit"
                                                                name="limit" placeholder="Limit zawodników">
                                                        </div>
                                                        <label for="default_cost">Domyślna opłata - obowiązuje do końca daty
                                                            zapisów</label>
                                                        <div class="input-group">
                                                            <input type="number" class="form-control" name="default_cost"
                                                                placeholder="Domyślna opłata" aria-label="Domyślna opłata"
                                                                aria-describedby="default_cost">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text" id="basic-addon2">zł</span>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-outline-primary"
                                                data-dismiss="modal">Anuluj</button>
                                            <button type="submit" class="btn btn-primary" form="addCategoryForm">Dodaj
                                                kategorię</button>

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

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


                <x-admin-menu :competition="$competition" />


                <div class="mt-3 card">
                    <h4 class="card-header" style="font-family: 'Oxanium', cursive;">
                        Uczestnicy
                    </h4>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><a
                                href="{{ $competition->adminPath() }}/members">Zarejestrowani</a>
                        </li>
                        <li class="list-group-item"><a
                                href="/admin/competitions/{{ $competition->id }}/members/download">Pobierz listę
                                zawodników (XLSX)</a>
                        </li>
                    </ul>
                </div>


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




@endsection