@extends('pages.templates.login-page')

@php
    /** @var $promoter App\Models\View\Promoter\Promoter */
@endphp

@section('head')
    @parent
    @vite('resources/scss/pages/registration/login.scss')
    @vite('resources/scss/pages/registration/register.scss')
@endsection

@section('login-content')
    <div id="register">
        <div class="content">
            <form action="/register" method="post" class="form-control">
                <div class="form-container">
                    @csrf
                    @include('partials.form-error', ['name' => 'error-message'])
                    <h1>Je me connecte</h1>
                    <div>
                        <p>Déjà inscrit.e ? <a href="/login">Connexion</a></p>
                    </div>
                    <input
                        class="input-control"
                        name="phone"
                        type="tel"
                        placeholder="Entrez votre numéro de téléphone *"
                        required
                        value="{{old('phone')}}"
                    >
                    @include('partials.form-error', ['name' => 'phone'])
                    <input
                        class="input-control"
                        name="lastName"
                        type="text"
                        placeholder="Entrez votre nom *"
                        required
                        value="{{old('lastName')}}"
                    >
                    @include('partials.form-error', ['name' => 'lastName'])
                    <input
                        class="input-control"
                        name="firstName"
                        type="text"
                        placeholder="Entrez votre prénom *"
                        required
                        value="{{old('firstName')}}"
                    >
                    @include('partials.form-error', ['name' => 'firstName'])
                    <input
                        class="input-control"
                        name="postalCode"
                        type="text"
                        placeholder="Entrez votre code postal *"
                        required
                        inputmode="numeric"
                        value="{{old('postalCode')}}"
                    >
                    @include('partials.form-error', ['name' => 'postalCode'])
                    <input
                        class="input-control"
                        name="email"
                        type="email"
                        placeholder="Entrez votre mail *"
                        required
                        value="{{old('email')}}"
                    >
                    @include('partials.form-error', ['name' => 'email'])

                    <p>En validant vous recevrez votre code d'accès par mail et sms</p>

                    <div class="privacy-container">
                        @if (is_string($promoter->getDataPrivacyUrl()) && empty($promoter->getDataPrivacyUrl() === false))
                            <div>
                                <input type="checkbox" id="hasAcceptedPrivacy" name="hasAcceptedPrivacy" required>
                                <label for="hasAcceptedPrivacy">
                                    J'accepte la
                                    <a target="_blank" href="{{$promoter->getDataPrivacyUrl()}}">politique de
                                        confidentialite</a>
                                    {{$promoter->getName()}} *
                                </label>
                                @include('partials.form-error', ['name' => 'hasAcceptedPrivacy'])
                            </div>
                        @endif
                        <div>
                            <input type="checkbox" id="hasAcceptedNewsletter" name="hasAcceptedNewsletter">
                            <label for="hasAcceptedNewsletter">
                                J'accepte de recevoir l'actualité immobilière et les offres {{$promoter->getName()}}
                            </label>
                            @include('partials.form-error', ['name' => 'hasAcceptedNewsletter'])
                        </div>
                        <p>
                            Vous êtes susceptibles d'être contacté pour des offres immobilières par courrier et/ou
                            téléphone de la part de {{$promoter->getName()}} dans le cadre de l'utilisation de ce site.
                            <br>Pour vous opposer à cette démarche,
                            <a
                                href="#"
                                id="contact-support-parameter"
                                onclick="document.querySelector('.contact-support-container').classList.toggle('active');"
                            >
                                paramétrer vos choix
                            </a>
                        </p>
                        <div class="contact-support-container">
                            <div>
                                <input type="checkbox" id="hasRefusedPhoneContact" name="hasRefusedPhoneContact">
                                <label for="hasRefusedPhoneContact">
                                    Je m'oppose à être contacté par téléphone
                                </label>
                                @include('partials.form-error', ['name' => 'hasRefusedPhoneContact'])
                            </div>
                            <div>
                                <input type="checkbox" id="hasRefusedMailContact" name="hasRefusedMailContact">
                                <label for="hasRefusedMailContact">
                                    Je m'oppose à être contacté par courrier/courriel
                                </label>
                                @include('partials.form-error', ['name' => 'hasRefusedMailContact'])
                            </div>
                        </div>
                    </div>

                    <div class="btn-container">
                        <a class="btn btn-back" href="{{url('/')}}">Retour</a>
                        <button id="submit-button" type="button" class="btn">Valider</button>
                    </div>
                </div>
            </form>

            <p id="privacy-text">
                Les données que nous collectons ne seront jamais transmises à aucune autre société,
                et vous avez bien sûr la possibilité à tout moment de retirer votre consentement en
                allant sur Gérer mes données personnelles.
            </p>

            <div id="privacy-links">
                <a target="_blank" href={{asset("/theme/RGPD_Led.pdf")}}>Conditions d'emploi</a>
                @if (is_string($promoter->getDataPrivacyUrl()) && empty($promoter->getDataPrivacyUrl() === false))
                    <span> | </span>
                    <a target="_blank" href="{{$promoter->getDataPrivacyUrl()}}">
                        Charte de confidentialite - {{$promoter->getName()}}
                    </a>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('scriptBottom')
    @include('partials.google-captcha')
@endsection