@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 (!$competition->organizersCount())
            <h2>Brak organizatora</h2>
            <a href="{{ $competition->adminPath() }}/organizer/create">Dodaj dane organizatora zawodów</a>
            @else


            <h2>Edycja organizator</h2>

            <div class="container mb-4">
                <div class="row">
                    <div class="col">
                        <div class="container">

                            <form class="form form-control-lg" action="{{ $competition->adminPath() }}/organizer"
                                method="POST">
                                @method('PATCH')
                                @csrf

                                <div class="form-group">
                                    <label for="name">Nazwa organizatora</label>
                                    <input type="text" class="form-control form-control-lg" name="name"
                                        value="{{ $organizer->name }}">
                                </div>
                                <div class="form-group">
                                    <label for="contact_person">Osoba kontaktowa</label>
                                    <input type="text" class="form-control form-control-lg" name="contact_person"
                                        value="{{ $organizer->contact_person }}">
                                </div>
                                <div class="form-group">
                                    <label for="email">Adres email</label>
                                    <input type="email" class="form-control form-control-lg" name="email"
                                        value="{{ $organizer->email }}">
                                </div>
                                <div class="form-group">
                                    <label for="telephone">Telefon</label>
                                    <input type="text" class="form-control form-control-lg" name="telephone"
                                        value="{{ $organizer->telephone }}">
                                </div>
                                <div class="form-group">
                                    <label for="website">Strona internetowa</label>
                                    <input type="text" class="form-control form-control-lg" name="website"
                                        value="{{ $organizer->website }}">
                                </div>
                                @if ($competition->tpay)
                                <div class="form-group">
                                    <label for="tpay_id">TPay ID</label>
                                    <input type="text" class="form-control form-control-lg" name="tpay_id"
                                        value="{{ $competition->tpay->tpay_id }}">
                                </div>
                                <div class="form-group">
                                    <label for="tpay_secret">TPay secret</label>
                                    <input type="text" class="form-control form-control-lg" name="tpay_secret"
                                        value="{{ $competition->tpay->secret }}">
                                </div>
                                @else
                                <div class="form-group">
                                    <label for="tpay_id">TPay ID</label>
                                    <input type="text" class="form-control form-control-lg" name="tpay_id" value="">
                                </div>
                                <div class="form-group">
                                    <label for="tpay_secret">TPay secret</label>
                                    <input type="text" class="form-control form-control-lg" name="tpay_secret" value="">
                                </div>
                                @endif

                                <button type="submit" class="btn btn-primary mb-2">Aktualizuj</button>


                                <a class="btn btn-outline-danger mb-2 ml-2" href="#delOrganizer{{$organizer->id}}"
                                    role="button" href="#delOrganizer{{$organizer->id}}" data-toggle="modal"
                                    data-target="#delOrganizer{{$organizer->id}}">Usuń</a>
                            </form>
                            <div class="modal fade" id="delOrganizer{{$organizer->id}}" tabindex="-1" role="dialog"
                                aria-labelledby="delOrganizer{{$organizer->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="delOrganizer{{$organizer->id}}Title">
                                                Potwierdź
                                                usunięcie organizatora zawodów
                                            </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().'/delOrganizer/'.$organizer->id }}"
                                                method="POST" id="delOrganizer{{$organizer->id}}Form">
                                                @method('DELETE')
                                                @csrf
                                                <div class="alert alert-danger text-center" role="alert">
                                                    Potwierdź usunięcie organizatora <span
                                                        class="font-text-bold">{{$organizer->name}}
                                                        {{ $organizer->surname }}</span> z zawodów <span
                                                        class="font-text-bold">{{$competition->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="delOrganizer{{$organizer->id}}Form">Usuń
                                                organizatora</button>
                                        </div>

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

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


        </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