@extends('layouts.app')

@section('header_h')
<h1 class="d-none font-weight-bold d-md-block text-light" style="font-family: 'Oxanium', cursive; font-size: 64px;">
    Wybierz konkurencję</h1>
<h3 class="d-block font-weight-bold d-md-none text-light" style="font-family: 'Oxanium', cursive; font-size: 38px;">
    Wybierz konkurencję</h3>
@endsection

@section('content')

<div class="container py-3 justify-content-center">

    {{-- <div class="row">
      <div class="col border-danger border-bottom" style="border-width: 3px !important;">
        <p class="m-0 text-danger" style="font-family: 'Oxanium', cursive; font-size: 14px;">Wybierz zawodnika</p>
      </div>
      <div class="mx-2 col border-bottom border-danger" style="border-width: 3px !important;">
        <p class="text-danger" style="font-family: 'Oxanium', cursive; font-size: 14px;">Wybierz kategorię</p>
      </div>
      <div class="col border-bottom border-black-50" style="border-width: 3px !important;">
        <p class="text-black-50" style="font-family: 'Oxanium', cursive; font-size: 14px;">Podsumowanie</p>
      </div>
    </div> --}}

    <div class="row" id="step2_row">
        <div class="col border-danger border-bottom" style="border-width: 3px !important;">
            <p class="m-0 text-danger d-block d-md-none" style="font-family: 'Oxanium', cursive; font-size: 10px;">
                Zawodnik
            </p>
            <p class="m-0 text-danger d-none d-md-block" style="font-family: 'Oxanium', cursive; font-size: 14px;">
                Wybierz
                zawodnika</p>
        </div>
        <div class="col border-bottom border-danger" style="border-width: 3px !important;">
            <p class="text-danger d-block d-md-none" style="font-family: 'Oxanium', cursive; font-size: 10px;">
                Konkurencja</p>
            <p class="text-danger d-none d-md-block" style="font-family: 'Oxanium', cursive; font-size: 14px;">Wybierz
                konkurencję</p>
        </div>

        {{-- @if(($competition->atf->count() > 0 ) OR ($competition->ayn->count() > 0)) --}}

        <div class="col border-bottom border-black-50" style="border-width: 3px !important;">
            <p class="text-black-50 d-block d-md-none" style="font-family: 'Oxanium', cursive; font-size: 10px;">Opcje
            </p>
            <p class="text-black-50 d-none d-md-block" style="font-family: 'Oxanium', cursive; font-size: 14px;">
                Dodatkowe opcje
            </p>
        </div>
        {{-- @endif --}}
        <div class="col border-bottom border-black-50" style="border-width: 3px !important;">
            <p class="text-black-50 d-block d-md-none" style="font-family: 'Oxanium', cursive; font-size: 10px;">
                Podsumowanie</p>
            <p class="text-black-50 d-none d-md-block" style="font-family: 'Oxanium', cursive; font-size: 14px;">
                Podsumowanie</p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="mt-4 card">
                <h4 class="card-header" style="font-family: 'Oxanium', cursive;">Wybierz konkurencję</h4>
                <div class="card-body">

                    <h5 class="text-black-50">Zawody</h5>
                    <h3 class="ml-3">{{ $competition->name }}</h3>
                    <h5 class="text-black-50">Zawodnik</h5>
                    <h3 class="ml-3">{{ $member->name }} {{ $member->surname }}</h3>
                    <h5 class="text-black-50">Konkurencja</h5>

                    <form method="POST" action="{{ $competition->path() }}/addMember2#step3_row">
                        @csrf
            
                        <select name="category_id" class="form-control">
                            @forelse ($competition->categories as $category)
                                @if ($category->registerAvailable())
                                    @if($category->registerAvailableForMembers($member))
                                        <option value="{{ $category->id }}">
                                            {{ $category->name }} 
                                        </option>
                                    @else
                                        <option disabled>
                                            {{ $category->name }} - ograniczenia wiekowe, brak możliwości zapisu
                                        </option>
                                    @endif
                                @endif

                            @empty
                            <div class="alert alert-danger" role="alert">
                                Brak dostępnych kategorii. Nie można zapisać się do wybranych zawodów. Jeśli uważasz że
                                to błąd poinformuj organizatora.
                            </div>
                            @endforelse
                        </select>
                        <div class="mt-4">
                            <button type="submit" class="float-right btn btn-info">Dodatkowe opcje <i
                                    class="fas fa-angle-double-right"></i></button>
                            {{-- @if(($competition->atf->count() > 0 ) OR ($competition->ayn->count() > 0) OR ($competition->lst->count() > 0))
                <button type="submit" class="float-right btn btn-info">Dodatkowe opcje <i class="fas fa-angle-double-right"></i></button>
                @else

                <button type="submit" class="float-right btn btn-info">Podsumowanie <i class="fas fa-angle-double-right"></i></button>
                @endif --}}
                            <a class="btn btn-outline-info " href="{{ 'addMember1#step1_row' }}" role="button"><i
                                    class="fas fa-angle-double-left"></i> Wstecz</a>
                        </div>
                    </form>

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

            @if (count($competition->categories) > 0)
            <div class="mt-4 card w-100">

                <div class="card-header" style="font-family: 'Oxanium', cursive;">

                    <div class="container p-0">
                        <div class="row no-gutters">
                            <div class="col">
                                <h4 class="m-0">Koszt uczestnictwa</h4>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    @foreach ($competition->categories as $category)
                    <div class="row no-gutters">
                        <div class="col">
                            <h6 class="font-weight-bolder">{{ $category->name }}</h6>
                        </div>
                        <div class="text-right col">
                            @if (($category->members->count() >= $category->limit) AND ($category->limit > 0))
                            <h6 class="text-right text-danger font-weight-bolder ">Brak miejsc</h6>
                            @else
                            @if ($category->promoCost->count() > 0)

                            @if ($category->promoCost->first()->cost == 0)
                            <h6 class="text-right text-danger font-weight-bolder">Bezpłatnie</h6>
                            @else
                            <div>
                                <h6 class="text-muted d-inline"><del>{{ $category->default_cost() }} zł</del></h6>
                                <h6 class="text-right font-weight-bolder text-danger d-inline" data-toggle="popover"
                                    title="Promocyjna cena" data-content="
                            Ta cena obowiązuje do dnia<br /> {{ $category->promoCost->first()->end_date }}
                            ">{{ ($category->promoCost->first()->cost) }} zł
                                </h6>
                            </div>

                            @endif

                            @elseif ($category->default_cost() == 0)
                            <h6 class="text-right text-danger font-weight-bolder ">Bezpłatnie</h6>
                            @else
                            <h6 class="text-right text-secondary font-weight-bolder ">{{ ($category->default_cost()) }}
                                zł</h6>
                            @endif
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif

            @if (count(auth()->user()->addedMembers($competition->id)) > 0)
            <div class="mt-4 card">
                <h4 class="card-header" style="font-family: 'Oxanium', cursive;">
                    Twoi zawodnicy zgłoszeni do zawodów
                </h4>
                <ul class="list-group list-group-flush">
                    @foreach (auth()->user()->addedMembers($competition->id) as $userMember)
                    @if (isset($userMember->category()->where('competition_id', $competition->id)->first()->name))
                    <li class="list-group-item">
                        {{ $userMember->name }} {{ $userMember->surname }} -
                        <span
                            class="font-weight-bolder">{{ ($userMember->category()->where('competition_id', $competition->id)->firstOrFail()->name) }}</span>
                        {{-- @if ($userMember->paymentStatus($userMember->category->where('competition_id',
                        $competition->id)->first()->id) == '0')
                        <a class="badge badge-primary" href="#" role="button">Opłać</a>
                        @endif --}}
                    </li>
                    @endif
                    @endforeach
                </ul>
            </div>
            @endif

        </div>
    </div>

</div>
@endsection