@extends('theme::layout')

@section('title', __('Vérifier mes informations'))
@section('description', __('Vérifier mes informations pour participer au jeu'))

@section('content')
    <div class="container pb-5 pt-5">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <h1 class="fw-bold text-tertiary text-uppercase text-center">
                    {{ __('Mon compte du club :company', ['company' => $settingsGlobal->company]) }}</h1>

                <form class="container-fluid" method="POST" action="{{ route('fo.profil.verify-submit') }}">
                    @csrf
                    @method('PUT')

                    <div class="row justify-content-center mb-3">
                        <div class="col-md-8">
                            <span
                                class="h2 d-block text-center">{{ __("Pour pouvoir jouer, merci de renseigner/compléter les champs ci-dessous\u{00A0}:") }}</span>
                        </div>
                    </div>

                    <fieldset class="row justify-content-center mb-5">
                        <legend class="col-md-auto fw-bold">{{ __('Vos coordonnées') }}</legend>

                        {{-- Force next columns to break to new line --}}
                        <div class="w-100"></div>

                        {{-- FIRST_NAME --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.first_name', ['required' => true])
                        </div>

                        {{-- LAST_NAME --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.last_name', ['required' => true])
                        </div>

                        {{-- ADDRESS --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.address', ['required' => true])
                        </div>

                        {{-- ADDRESS2 --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.address2')
                        </div>

                        {{-- POSTAL_CODE --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.postal_code', ['required' => true])
                        </div>

                        {{-- CITY --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.city', ['required' => true])
                        </div>

                        {{-- COUNTRY --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.country', ['required' => true])
                        </div>

                        {{-- PHONE --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.phone')
                        </div>

                        {{-- BIRTH_DATE --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.birth_date', ['readonly' => true])
                        </div>

                        {{-- EMAIL --}}
                        <div class="col-12 col-md-6 py-2">
                            @include('theme::auth.partials.inputs.email', ['readonly' => true])
                        </div>

                    </fieldset>

                    {{-- CHECKBOXES --}}
                    <div class="row justify-content-center">
                        <div class="col col-md-8 px-0 py-2">
                            <div class="form-check text-start">
                                <input id="register-optin" name="opt_in" type="checkbox" @class([
                                    'form-check-input',
                                    'me-1',
                                    'is-invalid' => $errors->has('opt_in'),
                                ])
                                    @checked($crmCustomer->opt_in)>
                                <label class="form-check-label fw-bold w-fit" for="register-optin">
                                    {{ __('Je souhaite m\'inscrire à la newsletter') }} {{ $settingsGlobal->company }}
                                </label>
                            </div>
                            @foreach ($errors->get('opt_in') as $message)
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @endforeach
                        </div>
                    </div>
                    <div class="row justify-content-center mb-5">
                        <div class="col col-md-8 px-0 py-2">
                            <div class="form-check">
                                <input id="register-ok-cgv" name="ok_cgv" type="checkbox" @class([
                                    'form-check-input',
                                    'me-1',
                                    'is-invalid' => $errors->has('ok_cgv'),
                                ]) required />
                                <label class="form-check-label fw-bold w-fit" for="register-ok-cgv">
                                    {!! clean(
                                        __('J\'ai lu et accepte le :a règlement du jeu :enda', [
                                            'a' => '<a href="' . route('fo.reglement') . '" target="_blank">',
                                            'enda' => '</a>',
                                        ]),
                                    ) !!}
                                </label>
                            </div>
                            @foreach ($errors->get('ok_cgv') as $message)
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @endforeach
                        </div>
                    </div>

                    <div class="row mb-2">
                        <div class="col-md-6 offset-md-4">
                            <button class="btn btn-lg btn-tertiary" type="submit">
                                {{ __('Continuer') }}
                            </button>
                        </div>
                    </div>

                    <div class="row mb-0">
                        <div class="col-md-6 offset-md-4">
                            <span class="fw-bold">{{ __('* champs obligatoires') }}</span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection