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

@section('content')
<div class="py-4">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        @if (session('success'))
        <div class="alert alert-success" role="alert">
          <h4 class="alert-heading">Zmiana klubu</h4>
          <p>
            {{ session('success') }}</p>
        </div>
        @endif

        {{-- <div class="alert alert-danger" role="alert">
          <h4 class="alert-heading">UWAGA !!! Zmiana kategorii a płatność</h4>
          <p>W przypadku zmiany kategorii płatnej na inna kategorię płatną ewentualna wcześniejsza wpłata zawodnika nie zostanie zaliczona na poczet tej nowej kategorii (dzieje się tak ze względu na to że inna kategoria może mieć inne kwoty oraz inne terminy płatności). Należy opłacić tą kategorię a do organizatora wystąpić o zwrot zapłaty za poprzednią kategorię.</p>
        </div> --}}


        <div class="card">
          <div class="card-header">{{ __('Zmień klub zawodnika') }} {{ $member->name.' '.$member->surname}}</div>

          <div class="card-body">

            {{-- <div class="form-group row">
              <label for="category" class="col-md-4 col-form-label text-md-right">{{ __('Zawodnik') }}</label>
              <div class="col-md-6">
                {{ $member->name.' '.$member->surname}}
              </div>
            </div> --}}
            <form method="post" action="/admin/competitions/{{$competition->id}}/members/{{$member->id}}/club">
              @csrf
              @method('PATCH')
              <div class="form-group row">
                <label for="club_id" class="col-md-4 col-form-label text-md-right">{{ __('Klub') }}</label>
                <div class="col-md-6">
                  <select name="club_id" id="club_id" class="form-control" required>
                    @foreach ($competition->clubs as $club)
                      @if($member->club($competition->id)->count())
                        <option value="{{ $club->id }}" @if($member->club($competition->id)->first()->id == $club->id) selected  @endif>{{ $club->name }}</option>
                      @else
                        <option value="{{ $club->id }}">{{ $club->name }}</option>
                      @endif

                    @endforeach
                  </select>
                  @error('club_id')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                  </span>
                  @enderror
                </div>
                <div class="align-middle">
                  <a href="#addClubModal" data-toggle="modal" data-target="#addClubModal"><i class="fas fa-lg fa-plus-circle text-success"></i></a>
                </div>
              </div>


              <div class="form-group row">
                <div class="col-md-4">

                </div>
                <div class="col-md-6">
                  <button type="submit" class="btn btn-primary">Zmień klub zawodnika</button>
                  <a class="btn btn-outline-primary" href="{{ url()->previous() }}" role="button">Anuluj</a>
                </div>
              </div>
            </form>

          </div>
        </div>

        <!-- Modal add new club -->
        <div class="modal fade" id="addClubModal" tabindex="-1" role="dialog" aria-labelledby="addClubModalTitle" 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="addClubModalTitle">Dodaj nowy klub</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().'/club' }}" id="addClubForm">
                  @csrf
                  <div class="row">
                    <div class="col">

                      <div class="form-group">
                        <label for="name">Nazwa klubu</label>
                        <input type="text" class="form-control" name="name" placeholder="Nazwa klubu">
                        <input type="hidden" name="member_id" value="{{$member->id}}">
                      </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="addClubForm">Dodaj
                  klub</button>

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

        @if($member->club($competition->id)->count())
          {{-- {{ dd($member->club($competition->id)->first()->name) }} --}}
        <div class="card mt-3">
          <div class="card-header">Usuń zawodnika {{ $member->name.' '.$member->surname}} z klubu <span>{{ $member->club($competition->id)->first()->name }}</span></div>

          <div class="card-body">

            <form method="post" action="/admin/competitions/{{$competition->id}}/members/{{$member->id}}/club">
              @csrf
              @method('DELETE')

              <div class="form-group row">
                <div class="col-md-4">
                </div>
                <div class="col-md-6">
                  <button type="submit" class="btn btn-danger">Usuń zawodnika z klubu</button>
                  <a class="btn btn-outline-danger" href="{{ url()->previous() }}" role="button">Anuluj</a>
                </div>
              </div>
            </form>

          </div>
        </div>
        @endif

      </div>
    </div>
  </div>
</div>
@endsection