@extends('layouts.login')

@section('nav')
@include('header.login')
@endsection

@section('title')



<div class="container mb-2">
    <div class="row">
        <div class="col-md-12">
            <h1>Connexion</h1>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="container">

    <div class="row">
        <div class="col-12">
            <h2>Etape 1: Votre email & club</h2>
            <p>Indiquez votre adresse email ainsi que le club dans lequel vous êtes inscrit.</p>
            @if($errors->has('api'))
            <div class="alert alert-danger">
                <strong>{{ $errors->first('api') }}</strong>

                @if($errors->has('api_details'))
                <br><small>{{ $errors->first('api_details') }}</small>
                @endif
            </div>
            @endif

            <form action="{{route('login.verif-email')}}" method="POST">
                @csrf
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
                        name="email" value="{{old('email')}}">
                    @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                    <label for="club_id">Club</label>
                    <select name="club_id" id="club_id" class="form-control @error('club_id') is-invalid @enderror">
                        <option value="" selected disabled>Choisir un club</option>
                        @foreach ($clubs as $club)
                        <option value="{{$club->id}}">{{$club->name}}</option>
                        @endforeach
                    </select>
                    @error('club_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror

                </div>
                <button type="submit" class="btn btn-yellow ms-auto mt-2">Connexion</button>
            </form>
        </div>
    </div>

</div>



@endsection





@section('js')

@endsection