@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

            <h4>Dodaj dane organizatora</h4>

            <div class="container">
                <div class="row">
                    <div class="col">
                        <form class="form form-control-lg" action="{{ $competition->adminPath() }}/organizer"
                            method="POST">
                            @csrf
                            <div class="form-group py-3">
                                <label for="organizer_name" class="text-secondary">Nazwa organizatora</label>
                                <input type="text" class="form-control form-control-lg" id="organizerName"
                                    name="organizer_name" placeholder="Podaj nazwę głównego organizatora">
                            </div>
                            <div class="form-group pb-3">
                                <label for="organizer_contact_person" class="text-secondary">Osoba kontaktowa od strony
                                    organizatora</label>
                                <input type="tel" class="form-control form-control-lg" id="organizer_contact_person"
                                    name="organizer_contact_person"
                                    placeholder="Podaj imię i nazwisko przedstawiciela organizatora">
                            </div>
                            <div class="form-group pb-3">
                                <label for="organizer_telephone" class="text-secondary">Telefon do organizatora</label>
                                <input type="tel" class="form-control form-control-lg" id="organizer_telephone"
                                    name="organizer_telephone" placeholder="Podaj telefon do organizatora">
                            </div>
                            <div class="form-group pb-3">
                                <label for="organizer_email" class="text-secondary">Email do organizatora</label>
                                <input type="email" class="form-control form-control-lg" id="organizer_email"
                                    name="organizer_email" placeholder="Email do organizatora">
                            </div>
                            <div class="form-group pb-3">
                                <label for="organizer_website" class="text-secondary">Strona internetowa
                                    organizatora</label>
                                <input type="url" class="form-control form-control-lg" id="organizer_website"
                                    name="organizer_website" placeholder="Strona internetowa organizatora">
                            </div>
                            <button type="submit" class="btn btn-primary mb-2">Dodaj dane organizatora</button>
                        </form>
                    </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>
                </ul>
            </div>

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

@endsection