@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;">Dodaj nowe zawody</h1>
<h3 class="d-block font-weight-bold  d-lg-none text-light" style="font-family: 'Oxanium', cursive; font-size: 38px;">Dodaj nowe zawody</h3>
@endsection

@section('content')

<form method="post" action="/competitions" class="pb-4" enctype="multipart/form-data">
  @csrf
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-9">
        <h4>Dane podstawowe</h4>
        <div class="container">
          <div class="form-group">
            <label for="name" class="text-secondary">Nazwa zawodów</label>
            <input type="text" class="form-control form-control-lg {{ $errors->has('name') ? 'is-invalid' : ''}} " id="competitionName" name="name" placeholder="Podaj nazwę zawodów" value="{{ old('name') }}">
            @error ('name')
              <p class="text-danger">Nazwa zawodów jest polem wymaganym</p>
            @enderror

          </div>
          <div class="form-group pb-3">
            <label for="city" class="text-secondary">Lokalizacja zawodów</label>
            <input type="text" class="form-control form-control-lg {{ $errors->has('city') ? 'is-invalid' : ''}}" id="city" name="city" placeholder="Podaj lokalizację zawodów" value="{{ old('city') }}">
            @error ('city')
              <p class="text-danger">Miasto zawodów jest polem wymaganym</p>
            @enderror
          </div>
          <div class="form-group pb-3">
            <label for="start_date_cc" class="text-secondary">Data i godzina rozpoczęcia zawodów</label>
            <div class="form-row">
              <div class="col text-secondary">
                Data: <input type="date" class="form-control form-control-lg {{ $errors->has('start_date') ? 'is-invalid' : ''}}" id="start_date_cc" name="start_date" value="{{ old('start_date') }}">
                @error ('start_date')
                  <p class="text-danger">Data zawodów jest polem wymaganym</p>
                @enderror
              </div>
              <div class="col text-secondary">
                Godzina: <input type="time" class="form-control form-control-lg {{ $errors->has('start_time') ? 'is-invalid' : ''}}" name="start_time" value="{{ old('start_time') }}">
                @error ('start_time')
                  <p class="text-danger">Godzina rozpoczęcia zawodów jest polem wymaganym</p>
                @enderror
              </div>
            </div>


          </div>
          {{-- <div class="form-group pb-3">
            <label for="date_end_registered_cc" class="text-secondary">Data zamknięcia zapisów on-line</label>
            <div class="form-row">
              <div class="col text-secondary">
                Data: <input type="date" class="form-control form-control-lg" id="start_date_cc" name="date_end_registered">
              </div>
              <div class="col text-secondary">
                Godzina: <input type="time" class="form-control form-control-lg" name="time_end_registered">
              </div>
            </div>
          </div> --}}
          <div class="form-group pb-3">
            <label for="limit" class="text-secondary">Limit zawodników - dotyczy całych zawodów</label>
            <input type="number" value="0" class="form-control form-control-lg" id="limit" name="limit" placeholder="Bez limitu">
          </div>
          <div class="form-group pb-3">
              <label for="external_url" class="text-secondary">Zewnętrzny adres zapisów</label>
              <input type="input" class="form-control form-control-lg" id="external_url" name="external_url"
                  placeholder="Zewnętrzny url zapisów">
          </div>
        </div>
      </div>
      <div class="col d-none d-lg-block">
        <div class="container mt-5">

          <div class="alert alert-info" role="alert">
            Dane podstawowe są wymagane. Bez nazwy, lokalizacji i daty nie można utworzyć nowych zawodów.
          </div>
          <div class="alert alert-warning" role="alert">
            Data zamknięcia rejestracji online automatycznie ustawiona będzie na dwa dni przed zawodami. Rejestracja będzie możliwa do 23.59. Jeśli chcesz zmienić datę i godzinę zamknięcia rejestracji online to będzie taka możliwość po utworzeniu
            zawodów w menu edycja zawodów.
          </div>
        </div>
      </div>
    </div>
    <hr class="py-3">
    <div class="row">
      <div class="col-12 col-lg-9">
        <h4>Dane organizatora</h4>

        <div class="container">
          <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>
        </div>

      </div>
      <div class="col d-none d-lg-block">
        <div class="container mt-5">

          <div class="alert alert-info" role="alert">
            Dane organizatora są opcjonalne.
          </div>

        </div>
      </div>

    </div>
    <hr class="py-3">
    <div class="row">
      <div class="col-12 col-lg-9">
        <h4>Dane dodatkowe</h4>

        <div class="container">
          <div class="form-group  pb-3">
            <label for="description" class="text-secondary">Opis zawodów</label>
            <textarea class="form-control form-control-lg" id="description" name="description" rows="5"></textarea>
          </div>
          <div class="form-group  pb-3">
            <label for="important_information" class="text-secondary">Ważna informacja</label>
            <textarea class="form-control form-control-lg" id="important_information" name="important_information" rows="5"></textarea>
          </div>
          <div class="form-group pb-3">
            <label for="regulations">Regulamin</label>
            <div class="custom-file">
              <input type="file" class="custom-file-input" id="regulations" name="regulations">
              <label class="custom-file-label" for="regulations">Wybierz plik regulaminu</label>
            </div>
          </div>


        </div>
      </div>
      <div class="col d-none d-lg-block">
        <div class="container mt-5">

          <div class="alert alert-info" role="alert">
            Dane dodatkowe są opcjonalne.
          </div>

        </div>
      </div>
    </div>
    <button type="submit" class="btn btn-primary">Utwórz zawody</button>
  </div>

</form>

@endsection