@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

            <h2>AYN - Pytania do zawodników. </h2>

            <p>Na każde z poniższych pytań zawodnik może wybrać z listy jedną odpowiedź - TAK/NIE. Pytanie pojawią się
                podczas procesu rejestracji zawodnika do wybranych zawodów. Pytania są obowiązkowe.</p>

            @if ($competition->ayn->count() > 0)
            <div class="container mb-4">

                <div class="row">

                    <div class="col">

                        @foreach ($competition->ayn as $ayn)


                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">?</span>
                            </div>
                            <input type="text" class="form-control"
                                placeholder="{{ $ayn->question }}{{ preg_match('/\?/', $ayn->question) ? '' : '?' }}"
                                value="{{ $ayn->question }}{{ preg_match('/\?/', $ayn->question) ? '' : '?' }}"
                                aria-label="Username" aria-describedby="basic-addon1">
                            <div class="input-group-append">


                                <a class="btn btn-outline-danger" href="#delayn{{ $ayn->id }}" data-toggle="modal"
                                    data-target="#delayn{{ $ayn->id }}"><i class="far fa-trash-alt text-danger"></i></a>
                                <div class="modal fade" id="delayn{{ $ayn->id }}" tabindex="-1" role="dialog"
                                    aria-labelledby="delayn{{ $ayn->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="delayn{{ $ayn->id }}Title">
                                                    Potwierdź
                                                    usunięcie pytania AYN</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() . '/ayn/' . $ayn->id }}"
                                                    method="POST" id="delayn{{ $ayn->id }}Form">
                                                    @method('DELETE')
                                                    @csrf
                                                    <div class="alert alert-danger text-center" role="alert">
                                                        Potwierdź usunięcie pytania AYN <span
                                                            class="font-text-bold">{{ $ayn->name }}{{ preg_match('/\?/', $ayn->question) ? '' : '?' }}</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="delayn{{ $ayn->id }}Form">Usuń
                                                    pytanie AYN</button>
                                            </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @livewire('checkbox-a-y-n', ['competition' => $competition, 'ayn' => $ayn])
                        </div>

                        @endforeach

                    </div>
                </div>
            </div>
            @endif

            <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="#addAYNModal">
                            Dodaj nowe pytanie AYN
                        </button>

                        <!-- Modal add new category-->
                        <div class="modal fade" id="addAYNModal" tabindex="-1" role="dialog"
                            aria-labelledby="addAYNModalTitle" 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="addAYNModalTitle">Dodaj nowe pytanie AYN</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() . '/ayn' }}"
                                            id="addAYNForm">
                                            @csrf
                                            <div class="row">
                                                <div class="col">

                                                    <div class="form-group">
                                                        <label for="question">Pytanie Yes/No</label>
                                                        <input type="text" class="form-control" name="question"
                                                            placeholder="Podaj pytanie">
                                                    </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="addAYNForm">Dodaj
                                            pytanie</button>

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

                    </div>
                </div>
            </div>
        </div>
        <div class="col-4 ">
            <x-admin-menu :competition="$competition" />


            <div class="card mt-3">
                <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