@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Création de compte
        @endslot
        @slot('li_1')
            Inscription
        @endslot
    @endcomponent
    <div class="login-content">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-lg-12 mx-auto">
                    <div class="login-wrap register-form">
                        <div class="login-header">
                            <h3>Création de compte</h3>
                            {{-- <p>Lets start with <span>Listee</span></p> --}}
                        </div>
                        <form method="POST" action="{{ url('register') }}" class="needs-validation" novalidate>
                            @csrf
                            <div class="form-group">
                                <label class="col-form-label">Civilité : <span class="asterisk">*</span></label>
                                <div class="form-check">
                                    <input {{ old('civility') == 'Mme' ? 'checked' : '' }} value="Mme"
                                        class="form-check-input" type="radio" name="civility" id="mme" required>
                                    <label class="form-check-label" for="mme">
                                        Mme
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input {{ old('civility') == 'Mr' ? 'checked' : '' }} value="Mr"
                                        class="form-check-input" type="radio" name="civility" id="mr" required>
                                    <label class="form-check-label" for="mr">
                                        Mr
                                    </label>
                                    <div class="invalid-feedback">La civilité est obligatoire
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Prénom(s) : <span class="asterisk">*</span></label>
                                        <input type="text" value="{{ old('firstname') }}" class="form-control"
                                            name="firstname" id="firstname" autocomplete="off" required>
                                        <div class="invalid-feedback">Le prénom est obligatoire
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Nom de famille : <span
                                                class="asterisk">*</span></label>
                                        <input type="text" value="{{ old('name') }}" class="form-control"
                                            name="name" id="name" autocomplete="off" required>
                                        <div class="invalid-feedback">Le nom est obligatoire
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group group-img">
                                <label class="col-form-label">Email : <span class="asterisk">*</span></label>
                                <div class="group-img">
                                    <i class="feather-mail"></i>
                                    <input type="text" value="{{ old('email') }}" class="form-control" name="email"
                                        id="email" autocomplete="off" required>
                                    <div class="invalid-feedback">L'email est obligatoire
                                    </div>
                                    @error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group group-img">
                                <label class="col-form-label">Téléphone : <span class="asterisk">*</span></label>
                                <div class="group-img">
                                    <i class="feather-phone"></i>
                                    <input type="text" value="{{ old('phone') }}" class="form-control" name="phone"
                                        id="phone" autocomplete="off" required>
                                    <div class="invalid-feedback">Le téléphone est obligatoire
                                    </div>
                                    @error('phone')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Mot de passe : <span class="asterisk">*</span>
                                    <br><em>(spécialement pour cette plateforme, diffèrent de
                                        votre mot de passe en ligne)</em></label>
                                <div class="pass-group group-img">
                                    <i class="feather-lock"></i>
                                    <input type="password" class="form-control pass-input" name="password" id="password"
                                        autocomplete="off" required>
                                    <span class="toggle-password feather-eye-off"></span>
                                    <div class="invalid-feedback">Le mot de passe est obligatoire
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Spécialité : <span class="asterisk">*</span></label>
                                <div class="search-input line">
                                    <div class="form-group">
                                        <select class="form-control select specialty-select" name="specialty" id="specialty"
                                            required>
                                            <option value="">Non spécifié</option>
                                            <option
                                                {{ old('specialty') == 'Médecine Générale - Médecine de Famille' ? 'selected' : '' }}
                                                value="Médecine Générale - Médecine de Famille">
                                                Médecine Générale - Médecine de Famille</option>
                                            <option
                                                {{ old('specialty') == 'Anatomie et cytologie pathologiques' ? 'selected' : '' }}
                                                value="Anatomie et cytologie pathologiques">
                                                Anatomie et cytologie pathologiques</option>
                                            <option {{ old('specialty') == 'Anatomie' ? 'selected' : '' }}
                                                value="Anatomie">
                                                Anatomie</option>
                                            <option {{ old('specialty') == 'Anesthésie réanimation' ? 'selected' : '' }}
                                                value="Anesthésie réanimation">
                                                Anesthésie réanimation</option>
                                            <option
                                                {{ old('specialty') == 'Biologie médicale option biochimie' ? 'selected' : '' }}
                                                value="Biologie médicale option biochimie">
                                                Biologie médicale option biochimie</option>
                                            <option
                                                {{ old('specialty') == 'Biologie médicale option hématologie' ? 'selected' : '' }}
                                                value="Biologie médicale option hématologie">
                                                Biologie médicale option hématologie</option>
                                            <option
                                                {{ old('specialty') == 'Biologie médicale option immunologie' ? 'selected' : '' }}
                                                value="Biologie médicale option immunologie">
                                                Biologie médicale option immunologie</option>
                                            <option
                                                {{ old('specialty') == 'Biologie médicale option microbiologie' ? 'selected' : '' }}
                                                value="Biologie médicale option microbiologie">
                                                Biologie médicale option microbiologie</option>
                                            <option
                                                {{ old('specialty') == 'Biologie médicale option parasitologie' ? 'selected' : '' }}
                                                value="Biologie médicale option parasitologie">
                                                Biologie médicale option parasitologie</option>
                                            <option
                                                {{ old('specialty') == 'Biophysique et médecine nucléaire' ? 'selected' : '' }}
                                                value="Biophysique et médecine nucléaire">
                                                Biophysique et médecine nucléaire</option>
                                            <option {{ old('specialty') == 'Carcinologie médicale' ? 'selected' : '' }}
                                                value="Carcinologie médicale">
                                                Carcinologie médicale</option>
                                            <option {{ old('specialty') == 'Cardiologie' ? 'selected' : '' }}
                                                value="Cardiologie">
                                                Cardiologie</option>
                                            <option {{ old('specialty') == 'Chirurgie carcinologique' ? 'selected' : '' }}
                                                value="Chirurgie carcinologique">
                                                Chirurgie
                                                carcinologique</option>
                                            <option
                                                {{ old('specialty') == 'Chirurgie cardio-vasculaire' ? 'selected' : '' }}
                                                value="Chirurgie cardio-vasculaire">
                                                Chirurgie
                                                cardio-vasculaire</option>
                                            <option {{ old('specialty') == 'Chirurgie générale' ? 'selected' : '' }}
                                                value="Chirurgie générale">
                                                Chirurgie générale
                                            </option>
                                            <option {{ old('specialty') == 'Chirurgie neurologique' ? 'selected' : '' }}
                                                value="Chirurgie neurologique">
                                                Chirurgie
                                                neurologique</option>
                                            <option
                                                {{ old('specialty') == 'Chirurgie orthopédique et traumatologique' ? 'selected' : '' }}
                                                value="Chirurgie orthopédique et traumatologique">
                                                Chirurgie orthopédique et traumatologique</option>
                                            <option {{ old('specialty') == 'Chirurgie pédiatrique' ? 'selected' : '' }}
                                                value="Chirurgie pédiatrique">
                                                Chirurgie
                                                pédiatrique</option>
                                            <option
                                                {{ old('specialty') == 'Chirurgie plastique, réparatrice et esthétique' ? 'selected' : '' }}
                                                value="Chirurgie plastique, réparatrice et esthétique">
                                                Chirurgie plastique, réparatrice et esthétique</option>
                                            <option {{ old('specialty') == 'Chirurgie thoracique' ? 'selected' : '' }}
                                                value="Chirurgie thoracique">
                                                Chirurgie
                                                thoracique</option>
                                            <option {{ old('specialty') == 'Chirurgie urologique' ? 'selected' : '' }}
                                                value="Chirurgie urologique">
                                                Chirurgie
                                                urologique</option>
                                            <option
                                                {{ old('specialty') == 'Chirurgie vasculaire périphérique' ? 'selected' : '' }}
                                                value="Chirurgie vasculaire périphérique">
                                                Chirurgie vasculaire périphérique</option>
                                            <option {{ old('specialty') == 'Dermatologie' ? 'selected' : '' }}
                                                value="Dermatologie">
                                                Dermatologie</option>
                                            <option {{ old('specialty') == 'Endocrinologie' ? 'selected' : '' }}
                                                value="Endocrinologie">
                                                Endocrinologie</option>
                                            <option {{ old('specialty') == 'Gastro-entérologie' ? 'selected' : '' }}
                                                value="Gastro-entérologie">
                                                Gastro-entérologie
                                            </option>
                                            <option {{ old('specialty') == 'Génétique' ? 'selected' : '' }}
                                                value="Génétique">
                                                Génétique</option>
                                            <option {{ old('specialty') == 'Gériatrie' ? 'selected' : '' }}
                                                value="Gériatrie">
                                                Gériatrie</option>
                                            <option {{ old('specialty') == 'Gynécologie-Obstétrique' ? 'selected' : '' }}
                                                value="Gynécologie-Obstétrique">
                                                Gynécologie-Obstétrique
                                            </option>
                                            <option {{ old('specialty') == 'Hématologie clinique' ? 'selected' : '' }}
                                                value="Hématologie clinique">
                                                Hématologie
                                                clinique</option>
                                            <option {{ old('specialty') == 'Histo-embryologie' ? 'selected' : '' }}
                                                value="Histo-embryologie">
                                                Histo-embryologie
                                            </option>
                                            <option {{ old('specialty') == 'Imagerie médicale' ? 'selected' : '' }}
                                                value="Imagerie médicale">
                                                Imagerie médicale
                                            </option>
                                            <option {{ old('specialty') == 'Maladies infectieuses' ? 'selected' : '' }}
                                                value="Maladies infectieuses">
                                                Maladies
                                                infectieuses</option>
                                            <option {{ old('specialty') == 'Médecine d\'urgence' ? 'selected' : '' }}
                                                value="Médecine d'urgence">
                                                Médecine d'urgence
                                            </option>
                                            <option {{ old('specialty') == 'Médecine de travail' ? 'selected' : '' }}
                                                value="Médecine de travail">
                                                Médecine de
                                                travail</option>
                                            <option {{ old('specialty') == 'Médecine interne' ? 'selected' : '' }}
                                                value="Médecine interne">
                                                Médecine interne
                                            </option>
                                            <option {{ old('specialty') == 'Médecine légale' ? 'selected' : '' }}
                                                value="Médecine légale">
                                                Médecine légale
                                            </option>
                                            <option
                                                {{ old('specialty') == 'Médecine physique, rééducation et réadaptation fonctionnelle' ? 'selected' : '' }}
                                                value="Médecine physique, rééducation et réadaptation fonctionnelle">
                                                Médecine physique, rééducation et réadaptation fonctionnelle</option>
                                            <option
                                                {{ old('specialty') == 'Médecine préventive et communautaire' ? 'selected' : '' }}
                                                value="Médecine préventive et communautaire">
                                                Médecine préventive et communautaire</option>
                                            <option {{ old('specialty') == 'Médecine Vasculaire' ? 'selected' : '' }}
                                                value="Médecine Vasculaire">
                                                Médecine Vasculaire
                                            </option>
                                            <option {{ old('specialty') == 'Néphrologie' ? 'selected' : '' }}
                                                value="Néphrologie">
                                                Néphrologie</option>
                                            <option {{ old('specialty') == 'Neurologie' ? 'selected' : '' }}
                                                value="Neurologie">
                                                Neurologie</option>
                                            <option
                                                {{ old('specialty') == 'Nutrition et maladies nutritionnelles' ? 'selected' : '' }}
                                                value="Nutrition et maladies nutritionnelles">
                                                Nutrition et maladies nutritionnelles</option>
                                            <option {{ old('specialty') == 'Ophtalmologie' ? 'selected' : '' }}
                                                value="Ophtalmologie">
                                                Ophtalmologie</option>
                                            <option {{ old('specialty') == 'ORL' ? 'selected' : '' }} value="ORL">
                                                ORL</option>
                                            <option {{ old('specialty') == 'Pédiatrie' ? 'selected' : '' }}
                                                value="Pédiatrie">
                                                Pédiatrie</option>
                                            <option {{ old('specialty') == 'Pédo-psychiatrie' ? 'selected' : '' }}
                                                value="Pédo-psychiatrie">
                                                Pédo-psychiatrie
                                            </option>
                                            <option {{ old('specialty') == 'Pharmacologie' ? 'selected' : '' }}
                                                value="Pharmacologie">
                                                Pharmacologie</option>
                                            <option
                                                {{ old('specialty') == 'Physiologie et explorations fonctionnelles' ? 'selected' : '' }}
                                                value="Physiologie et explorations fonctionnelles">
                                                Physiologie et explorations fonctionnelles</option>
                                            <option {{ old('specialty') == 'Pneumologie' ? 'selected' : '' }}
                                                value="Pneumologie">
                                                Pneumologie</option>
                                            <option {{ old('specialty') == 'Psychiatrie' ? 'selected' : '' }}
                                                value="Psychiatrie">
                                                Psychiatrie</option>
                                            <option
                                                {{ old('specialty') == 'Radiothérapie carcinologique' ? 'selected' : '' }}
                                                value="Radiothérapie carcinologique">
                                                Radiothérapie carcinologique</option>
                                            <option {{ old('specialty') == 'Réanimation médicale' ? 'selected' : '' }}
                                                value="Réanimation médicale">
                                                Réanimation
                                                médicale</option>
                                            <option {{ old('specialty') == 'Rhumatologie' ? 'selected' : '' }}
                                                value="Rhumatologie">
                                                Rhumatologie</option>
                                            <option
                                                {{ old('specialty') == 'Stomatologie et chirurgie maxillo-faciale' ? 'selected' : '' }}
                                                value="Stomatologie et chirurgie maxillo-faciale">
                                                Stomatologie et chirurgie maxillo-faciale</option>
                                            <option {{ old('specialty') == 'Autre' ? 'selected' : '' }} value="Autre">
                                                Autre
                                            </option>
                                        </select>
                                        <div class="invalid-feedback">La spécialité est obligatoire
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group" id="other-specialty-block" style="display: none">
                                <label class="col-form-label">Autre spécialité : <span class="asterisk">*</span></label>
                                <input type="text" disabled value="{{ old('other_specialty') }}" class="form-control"
                                    name="other_specialty" id="other-specialty" autocomplete="off" required>
                                <div class="invalid-feedback">Le champ est obligatoire
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-form-label">Mode d'exercice : <span class="asterisk">*</span></label>
                                <div class="form-check">
                                    <input {{ old('mode') == 'Professionnel de libre pratique' ? 'checked' : '' }}
                                        value="Professionnel de libre pratique" class="form-check-input" type="radio"
                                        name="mode" id="professionnel-libre-pratique" required>
                                    <label class="form-check-label" for="professionnel-libre-pratique">
                                        Professionnel de libre pratique
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input {{ old('mode') == 'Hospitalo-Sanitaire (MSP)' ? 'checked' : '' }}
                                        value="Hospitalo-Sanitaire (MSP)" class="form-check-input" type="radio"
                                        name="mode" id="Hospitalo-Sanitaire (MSP)" required>
                                    <label class="form-check-label" for="Hospitalo-Sanitaire (MSP)">
                                        Hospitalo-Sanitaire (MSP)
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input {{ old('mode') == 'Hospitalo-Universitaire' ? 'checked' : '' }}
                                        value="Hospitalo-Universitaire" class="form-check-input" type="radio"
                                        name="mode" id="hospitalo-universitaire" required>
                                    <label class="form-check-label" for="hospitalo-universitaire">
                                        Hospitalo-Universitaire
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input {{ old('mode') == 'Résident' ? 'checked' : '' }} value="Résident"
                                        class="form-check-input" type="radio" name="mode" id="resident" required>
                                    <label class="form-check-label" for="resident">
                                        Résident
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input {{ old('mode') == 'Autre' ? 'checked' : '' }} value="Autre"
                                        class="form-check-input" type="radio" name="mode" id="autres" required>
                                    <label class="form-check-label" for="autres">
                                        Autre
                                    </label>
                                </div>
                                <div class="invalid-feedback">Le mode d'exercice est obligatoire
                                </div>
                            </div>
                            <div class="form-group" id="other-mode-block" style="display: none">
                                <label class="col-form-label">Autre mode d'exercice : <span
                                        class="asterisk">*</span></label>
                                <input type="text" disabled value="{{ old('other_mode') }}" class="form-control"
                                    name="other_mode" id="other-mode" autocomplete="off" required>
                                <div class="invalid-feedback">Le champ est obligatoire
                                </div>
                            </div>
                            {{-- <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Service/Département :</label>
                                        <input type="text" value="{{ old('service') }}" class="form-control"
                                            name="service" id="service" autocomplete="off">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Hôpital/Etablissement :</label>
                                        <input type="text" value="{{ old('establishment') }}" class="form-control"
                                            name="establishment" id="establishment" autocomplete="off">
                                    </div>
                                </div>
                            </div> --}}
                            <div class="form-group">
                                <label class="col-form-label">Adresse :</label>
                                <input type="text" value="{{ old('address') }}" class="form-control" name="address"
                                    id="address" autocomplete="off" required>
                                <div class="invalid-feedback">L'adresse est obligatoire
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Ville : <span class="asterisk">*</span></label>
                                        <input type="text" value="{{ old('city') }}" class="form-control"
                                            name="city" id="city" autocomplete="off" required>
                                        <div class="invalid-feedback">La ville est obligatoire
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Code postal :</label>
                                        <input type="text" value="{{ old('zipcode') }}" class="form-control"
                                            name="zipcode" id="zipcode" autocomplete="off">
                                        <div class="invalid-feedback">Le code postal est obligatoire
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label">Pays : <span class="asterisk">*</span></label>
                                        <div class="search-input line">
                                            <div class="form-group">
                                                <select class="form-control select country-select" name="country"
                                                    id="country" required>
                                                    <option {{ old('country') == 'TUNISIE' ? 'selected' : '' }}
                                                        value="TUNISIE">TUNISIE</option>
                                                    <option {{ old('country') == 'ALGÉRIE' ? 'selected' : '' }}
                                                        value="ALGÉRIE">ALGÉRIE</option>
                                                    <option {{ old('country') == 'LIBYE' ? 'selected' : '' }}
                                                        value="LIBYE">LIBYE</option>
                                                    <option {{ old('country') == 'MAROC' ? 'selected' : '' }}
                                                        value="MAROC">MAROC</option>
                                                    <option {{ old('country') == 'MAURITANIE' ? 'selected' : '' }}
                                                        value="MAURITANIE">MAURITANIE</option>
                                                    <option {{ old('country') == 'BENIN' ? 'selected' : '' }}
                                                        value="BENIN">BENIN</option>
                                                    <option {{ old('country') == 'BURKINA FASO' ? 'selected' : '' }}
                                                        value="BURKINA FASO">BURKINA FASO</option>
                                                    <option {{ old('country') == 'CAMEROUN' ? 'selected' : '' }}
                                                        value="CAMEROUN">CAMEROUN</option>
                                                    <option {{ old('country') == 'CENTRE AFRIQUE' ? 'selected' : '' }}
                                                        value="CENTRE AFRIQUE">CENTRE AFRIQUE</option>
                                                    <option {{ old('country') == 'CÔTE D\'IVOIRE' ? 'selected' : '' }}
                                                        value="CÔTE D'IVOIRE">CÔTE D'IVOIRE</option>
                                                    <option {{ old('country') == 'GABON' ? 'selected' : '' }}
                                                        value="GABON">GABON</option>
                                                    <option {{ old('country') == 'GUINEE' ? 'selected' : '' }}
                                                        value="GUINEE">GUINEE</option>
                                                    <option {{ old('country') == 'MADAGASCAR' ? 'selected' : '' }}
                                                        value="MADAGASCAR">MADAGASCAR</option>
                                                    <option {{ old('country') == 'MALI' ? 'selected' : '' }}
                                                        value="MALI">MALI</option>
                                                    <option {{ old('country') == 'NIGER' ? 'selected' : '' }}
                                                        value="NIGER">NIGER</option>
                                                    <OPTION
                                                        {{ OLD('COUNTRY') == 'RÉPUBLIQUE DÉMOCRATIQUE DU CONGO' ? 'selected' : '' }}
                                                        value="RÉPUBLIQUE DÉMOCRATIQUE DU CONGO">RÉPUBLIQUE DÉMOCRATIQUE DU
                                                        CONGO</option>
                                                    <option {{ old('country') == 'SÉNÉGAL' ? 'selected' : '' }}
                                                        value="SÉNÉGAL">SÉNÉGAL</option>
                                                    <option {{ old('country') == 'TCHAD' ? 'selected' : '' }}
                                                        value="TCHAD">TCHAD</option>
                                                    <option {{ old('country') == 'TOGO' ? 'selected' : '' }}
                                                        value="TOGO">TOGO</option>
                                                    <option {{ old('country') == 'LIBAN' ? 'selected' : '' }}
                                                        value="LIBAN">LIBAN</option>
                                                    <option {{ old('country') == 'BELGIQUE' ? 'selected' : '' }}
                                                        value="BELGIQUE">BELGIQUE</option>
                                                    <option {{ old('country') == 'CANADA' ? 'selected' : '' }}
                                                        value="CANADA">CANADA</option>
                                                    <option {{ old('country') == 'FRANCE' ? 'selected' : '' }}
                                                        value="FRANCE">FRANCE</option>
                                                    <option {{ old('country') == 'LUXEMBOURG' ? 'selected' : '' }}
                                                        value="LUXEMBOURG">LUXEMBOURG</option>
                                                    <option {{ old('country') == 'SUISSE' ? 'selected' : '' }}
                                                        value="SUISSE">SUISSE</option>
                                                </select>
                                                <div class="invalid-feedback">Le pays est obligatoire
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <label class="col-form-label" id="gouvernorat-label">Gouvernorat : <span
                                                class="asterisk">*</span></label>
                                        <label class="col-form-label" id="region-label" style="display:none">Région
                                            :</label>
                                        <div class="search-input line">
                                            <div class="form-group">
                                                <input disabled style="display:none" type="text"
                                                    value="{{ old('gouvernorat') }}" class="form-control"
                                                    name="gouvernorat" id="region" autocomplete="off">
                                                <select class="form-control select gouvernorat-select" name="gouvernorat"
                                                    id="gouvernorat" required>
                                                    <option value="">Non spécifié</option>
                                                    <option {{ old('gouvernorat') == 'ARIANA' ? 'selected' : '' }}
                                                        value="ARIANA">ARIANA</option>
                                                    <option {{ old('gouvernorat') == 'BÉJA' ? 'selected' : '' }}
                                                        value="BÉJA">BÉJA</option>
                                                    <option {{ old('gouvernorat') == 'BEN AROUS' ? 'selected' : '' }}
                                                        value="BEN AROUS">BEN AROUS</option>
                                                    <option {{ old('gouvernorat') == 'BIZERTE' ? 'selected' : '' }}
                                                        value="BIZERTE">BIZERTE</option>
                                                    <option {{ old('gouvernorat') == 'GABÈS' ? 'selected' : '' }}
                                                        value="GABÈS">GABÈS</option>
                                                    <option {{ old('gouvernorat') == 'GAFSA' ? 'selected' : '' }}
                                                        value="GAFSA">GAFSA</option>
                                                    <option {{ old('gouvernorat') == 'JENDOUBA' ? 'selected' : '' }}
                                                        value="JENDOUBA">JENDOUBA</option>
                                                    <option {{ old('gouvernorat') == 'KAIROUAN' ? 'selected' : '' }}
                                                        value="KAIROUAN">KAIROUAN</option>
                                                    <option {{ old('gouvernorat') == 'KASSERINE' ? 'selected' : '' }}
                                                        value="KASSERINE">KASSERINE</option>
                                                    <option {{ old('gouvernorat') == 'KÉBILI' ? 'selected' : '' }}
                                                        value="KÉBILI">KÉBILI</option>
                                                    <option {{ old('gouvernorat') == 'LA MANOUBA' ? 'selected' : '' }}
                                                        value="LA MANOUBA">LA MANOUBA</option>
                                                    <option {{ old('gouvernorat') == 'LE KEF' ? 'selected' : '' }}
                                                        value="LE KEF">LE KEF</option>
                                                    <option {{ old('gouvernorat') == 'MAHDIA' ? 'selected' : '' }}
                                                        value="MAHDIA">MAHDIA</option>
                                                    <option {{ old('gouvernorat') == 'MÉDENINE' ? 'selected' : '' }}
                                                        value="MÉDENINE">MÉDENINE</option>
                                                    <option {{ old('gouvernorat') == 'MONASTIR' ? 'selected' : '' }}
                                                        value="MONASTIR">MONASTIR</option>
                                                    <option {{ old('gouvernorat') == 'NABEUL' ? 'selected' : '' }}
                                                        value="NABEUL">NABEUL</option>
                                                    <option {{ old('gouvernorat') == 'SFAX' ? 'selected' : '' }}
                                                        value="SFAX">SFAX</option>
                                                    <option {{ old('gouvernorat') == 'SIDI BOUZID' ? 'selected' : '' }}
                                                        value="SIDI BOUZID">SIDI BOUZID</option>
                                                    <option {{ old('gouvernorat') == 'SILIANA' ? 'selected' : '' }}
                                                        value="SILIANA">SILIANA</option>
                                                    <option {{ old('gouvernorat') == 'SOUSSE' ? 'selected' : '' }}
                                                        value="SOUSSE">SOUSSE</option>
                                                    <option {{ old('gouvernorat') == 'TATAOUINE' ? 'selected' : '' }}
                                                        value="TATAOUINE">TATAOUINE</option>
                                                    <option {{ old('gouvernorat') == 'TOZEUR' ? 'selected' : '' }}
                                                        value="TOZEUR">TOZEUR</option>
                                                    <option {{ old('gouvernorat') == 'TUNIS' ? 'selected' : '' }}
                                                        value="TUNIS">TUNIS</option>
                                                    <option {{ old('gouvernorat') == 'ZAGHOUAN' ? 'selected' : '' }}
                                                        value="ZAGHOUAN">ZAGHOUAN</option>
                                                </select>
                                                <div class="invalid-feedback">Le gouvernorat est obligatoire
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row justify-content-md-center">
                                <div class="col-lg-3 col-md-4 col-md-auto">
                                    <button class="btn btn-success w-100 mt-2 login-btn"
                                        type="submit">Enregistrer</button>
                                </div>
                            </div>
                            <div class="register-link text-center">
                                <p>Vous avez déjà un compte ? <a class="forgot-link"
                                        href="{{ url('login') }}">Connexion</a>
                                </p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection