@extends('layouts.app')

@section('content')
@include('modules.banner')
@include('modules.banderolle')
<div id="content">
    @include('modules/steps', ['step' => 3])
    @if(isset($saved))
    <div class="container">
        <h2 class="formTitle">{{ __('Votre preuve de gain a bien été sauvegardée et va être transmise à nos services.') }}<br>
            {{ __('Merci d\'avoir participé.') }}</h2>
    </div>
    @elseif(isset($alreadySaved))
    <div class="container">
        <h2 class="formTitle">{{ __('Votre preuve de gain à déjà été sauvegardé et va être transmis à nos services.') }}<br>
            {{ __('Merci d\'avoir participé.') }}</h2>
    </div>
    @elseif($errors->has('validated'))
    <div class="container">
        <h2 class="formTitle">{{ $errors->get('validated') }}</h2>
    </div>
    @else
    <div class="container">
        <form method="POST" action="{{ route('winnerSubmit') }}" enctype="multipart/form-data">
            @csrf

            @if(count($unclaimedWins) === 1)
            <input id="unclaimedWin" class="d-none" type="number" name="unclaimedWin" value="{{ $unclaimedWins->first()->id }}" readonly>
            @else
            <div class="form-group row justify-content-center mt-0 mb-3">
                <div class="col-12 col-md-6 mb-3">
                    <label for="unclaimedWin" class="participationlabel mb-2">{{ __('Votre gain') }}</label>
                    {{-- Hack pour styler un select https://stackoverflow.com/questions/3532649/problem-with-select-and-after-with-css-in-webkit --}}
                    <div class="magasinSelect">
                        <select name="unclaimedWin" id="unclaimedWin" class="form-control @error('unclaimedWin') is-invalid @enderror" required>
                            @foreach($unclaimedWins as $unclaimedWin)
                            <option value="{{ $unclaimedWin->id }}">Magasin : {{ $unclaimedWin->magasin->name }}, Code : {{ $unclaimedWin->participation()->eanCode->ean }}, Acheté le : {{ $unclaimedWin->participation()->buydate->format('d/m/Y') }}</option>
                            @endforeach
                        </select>
                    </div>
                    @if($errors->has('magasin'))
                    <div class="error invalid-feedback d-block" role="alert">
                        {{ implode($errors->get('magasin')) }}
                    </div>
                    @endif
                </div>
            </div>
            @endif

            <div class="row justify-content-center text-center">
                <div class="col-12 col-md-6">
                    <h2 class="formTitle">{{ __('Par courrier') }} &nbsp;<img src="{{  asset('assets/images/enveloppe.png') }}" alt="Enveloppe" /></h2>
                    <div class="row justify-content-center textBlue">
                        <div class="col-12 col-md-8">
                            <p class="mt-5">
                                {{ __('Merci de nous envoyer sur papier libre ou à l\'aide du formulaire pré-rempli vos coordonnées ainsi que vos preuves de gain à l\'adresse suivante') }} :<br>
                                LDC Service consommateur<br>
                                Jeu Opération Tous en selle avec Le Gaulois<br>
                                ZI Saint Laurent CS 50925<br>
                                72302 Sablé sur Sarthe
                            </p><br>
                            <p>
                                <b>{{__('Vos coordonneés') }}</b><br>
                                {{__('Nom, prénom, adresse complète, n° de téléphone') }}
                            </p><br>
                            <p>
                                <b>{{__('Votre preuve d\'achat') }}</b><br>
                                {{__('Ticket de caisse') }}
                            </p>
                        </div>
                        <div class="col-12 d-flex d-md-none mt-4 mb-5 justify-content-center">
                            <a href="{{ route('winnerPdf', 'ID') }}" target="_blank" class="winnerPdf bigButton">{{ __('Télécharger mon formulaire pré-rempli') }}</a>
                        </div>
                    </div>
                </div>
                <hr class="col-8 d-block d-md-none">
                <div class="col-12 col-md-6">
                    <h2 class="formTitle">{{ __('En ligne') }}&nbsp;<span class="at">@</span></h2>

                    <div class="form-group row mt-4 mb-1">
                        <span class="col-md-5 col-form-label text-end"><b class="textBlue">{{ __('Vos coordonnées') }}</b></span>
                    </div>
                    <div class="form-group row mt-0 mb-3">
                        <label for="lastname" class="textBlue col-md-4 col-form-label text-end">{{ __('Nom*') }}</label>
                        <div class="col-md-6">
                            <input id="lastname" type="text" class="form-control @error('lastname') is-invalid @enderror" name="lastname" value="{{ old('lastname') ?? $user->lastname }}" required autocomplete="lastname" autofocus>
                            @error('lastname')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="firstname" class="textBlue col-md-4 col-form-label text-end">{{ __('Prénom*') }}</label>
                        <div class="col-md-6">
                            <input id="firstname" type="text" class="form-control @error('firstname') is-invalid @enderror" name="firstname" value="{{ old('firstname') ?? $user->firstname }}" required autocomplete="firstname" autofocus>
                            @error('firstname')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="address" class="textBlue col-md-4 col-form-label text-end">{{ __('Adresse*') }}</label>
                        <div class="col-md-6">
                            <input id="address" type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{ old('address') ?? $user->address }}" required autocomplete="address" autofocus>
                            @error('address')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="address2" class="textBlue col-md-4 col-form-label text-end">{{ __('Complément d\'adresse') }}</label>
                        <div class="col-md-6">
                            <input id="address2" type="text" class="form-control @error('address2') is-invalid @enderror" name="address2" value="{{ old('address2') ?? $user->address2 }}" autocomplete="address2" autofocus>
                            @error('address2')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="postcode" class="textBlue col-md-4 col-form-label text-end">{{ __('Code postal*') }}</label>
                        <div class="col-md-6">
                            <input id="postcode" type="number" class="form-control @error('postcode') is-invalid @enderror" name="postcode" value="{{ old('postcode') ?? $user->postcode }}" required autocomplete="postcode" autofocus>
                            @error('postcode')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="city" class="textBlue col-md-4 col-form-label text-end">{{ __('Ville*') }}</label>
                        <div class="col-md-6">
                            <input id="city" type="text" class="form-control @error('city') is-invalid @enderror" name="city" value="{{ old('city') ?? $user->city }}" required autocomplete="city" autofocus>
                            @error('city')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="country" class="textBlue col-md-4 col-form-label text-end">{{ __('Pays*') }}</label>
                        <div class="col-md-6">
                            <input id="country" type="text" class="form-control @error('country') is-invalid @enderror" name="country" value="{{ old('country') }}" required autocomplete="county" autofocus>
                            @error('country')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-2 mb-3">
                        <label for="phone" class="textBlue col-md-4 col-form-label text-end">{{ __('Numéro de téléphone*') }}</label>
                        <div class="col-md-6">
                            <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') ?? $user->phone }}" required autocomplete="phone" autofocus>
                            @error('phone')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row mt-4 mb-1">
                        <span class="col-md-5 col-form-label text-end"><b class="textBlue">{{ __('Votre preuve d\'achat') }}</b></span>
                    </div>
                    <div class="form-group row mt-0 mb-3">
                        <label for="file" class="textBlue col-md-4 col-form-label text-end">{{ __('Ticket de caisse*') }} (max: 2M)</label>
                        <div class="col-md-6">
                            <input id="file" type="file" class="form-control @error('file') is-invalid @enderror" name="file" value="{{ old('file') }}" required accept=".png,.jpg,.pdf">
                            @error('file')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mt-2 mb-3">
                        <span class="col-md-5 col-form-label text-end"><b class="textBlue fw-normal">{{ __('* Champs obligatoires') }}</b></span>
                    </div>
                    <div class="col-12 d-flex d-md-none mt-5 mb-5 justify-content-center">
                        <button type="submit" class="bigButton">
                            {{ __('Envoyer ma preuve d\'achat') }}
                        </button>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-6 d-none d-md-flex justify-content-center">
                    <a href="{{ route('winnerPdf', 'ID') }}" target="_blank" class="winnerPdf bigButton">{{ __('Télécharger mon formulaire pré-rempli') }}</a>
                </div>
                <div class="col-6 d-none d-md-flex justify-content-center">
                    <button type="submit" class="bigButton">
                        {{ __('Envoyer ma preuve d\'achat') }}
                    </button>
                </div>
            </div>
        </form>
    </div>
    @endif
</div>
@endsection