@extends('layouts.app')

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

    <div class="row">
        <div class="col-md-10">
            <div class="mb-30">
                <a href="{{ route('users.profile', Auth::user()) }}" class="discription">
                    <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
                </a>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h1 class="h3-bold">Modifier mes informations</h1>
        </div>
        <div class="card-body">

            @if (Auth::user()->role == 2)
            <form method="POST" action="{{ route('users.update', ['id' => $user->id]) }}">
                @csrf
                <input type="hidden" name="code" value="">
                <div class="row">
                    <div class="mb-2">
                        <div class="row mt-3">
                            <div class="col-md-2">
                                <label for="indicatif" class="form-label label mb-12">Indicatif</label>
                                <input type="text" class="input-text @error('indicatif') is-invalid @enderror" aria-label="" name="indicatif" value="{{ old('indicatif', substr($user->phone, 0, -10) ?? '') }}" placeholder="+ 225" style="pointer-events: none">

                                @error('indicatif')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="phone" class="form-label label mb-12">Téléphone</label>
                                <input id="phone" type="text" class="input-text @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone', substr($user->phone, -10) ?? '') }}" placeholder="07 00 00 00 00" autocomplete="phone" maxlength="10">

                                @error('phone')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-md-8 mt-0">
                                <p class="legend pt-8">
                                    En modifiant le numéro de téléphone, vous devrez renseigner le code de confirmation reçu par SMS
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-lg-6 col-md-6 col-12">
                        <div class="">
                            <label for="prenom" class="form-label label">Prénom</label>
                            <input id="prenom" type="text" class="input-text @error('prenom') is-invalid @enderror" name="prenom" value="{{ old('prenom', $user->prenom ?? '') }}" placeholder="Prénom" autocomplete="prenom">

                            @error('prenom')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12">
                        <label for="nom" class="form-label label">Nom</label>
                        <input id="nom" type="text" class="input-text @error('nom') is-invalid @enderror" name="nom" value="{{ old('nom', $user->nom ?? '') }}" placeholder="Nom" autocomplete="nom">

                        @error('nom')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="row mt-2">
                    <div class="col-lg-6 col-md-6 col-12">
                        <label for="email" class="form-label label">E-mail</label>
                        <input id="email" type="text" class="input-text @error('email') is-invalid @enderror" name="email" value="{{ old('email', $user->email ?? '') }}" placeholder="adresse@mail.fr" autocomplete="email">

                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                <div class="row mb-0 mt-5">
                    <div class="col-md-8">
                        <button type="submit" class="cta-primary">
                            {{ __('Enregistrer') }}
                        </button>
                    </div>
                </div>

            </form>
            @else
            <form method="POST" action="{{ route('users.update', ['id' => $user->id]) }}">
                @csrf

                <input type="hidden" name="code" value="">
                <div class="row g-3 mb-20 m-3">
                    <div class="col-md-2">
                        <label for="indicatif" class="form-label label mb-12">Indicatif</label>
                        <input type="text" class="input-text @error('indicatif') is-invalid @enderror" aria-label="" name="indicatif" value="{{ old('indicatif', substr($user->phone, 0, -10) ?? '') }}" placeholder="+ 225" style="pointer-events: none">

                        @error('indicatif')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-md-4">
                        <label for="phone" class="form-label label mb-12">Téléphone</label>
                        <input id="phone" type="text" class="input-text @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone', substr($user->phone, -10) ?? '') }}" placeholder="07 00 00 00 00" autocomplete="phone" maxlength="10">

                        @error('phone')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-md-8 mt-0">
                        <p class="legend pt-8">
                            En modifiant le numéro de téléphone, vous devrez renseigner le code de confirmation reçu par SMS
                        </p>
                    </div>
                </div>
                <div class="row m-3">
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="nom" class="form-label label">Nom</label>
                        <input id="nom" type="text" class="input-text @error('nom') is-invalid @enderror" name="nom" value="{{ old('nom', $user->nom ?? '') }}" placeholder="Nom" autocomplete="nom" oninput="formatText(this)">
                        @error('nom')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="prenom" class="form-label label">Prénom</label>
                        <input id="prenom" type="text" class="input-text @error('prenom') is-invalid @enderror" name="prenom" value="{{ old('prenom', $user->prenom ?? '') }}" placeholder="Prénom" autocomplete="prenom" oninput="formatText(this)">
                        @error('prenom')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="row m-3">
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="birthday" class="form-label label">Date de naissance</label>
                        <input id="birthday" type="date" class="input-text @error('birthday') is-invalid @enderror" name="birthday" value="{{ old('birthday', $formattedDate) }}" placeholder="birthday">

                        @error('birthday')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="email" class="form-label label">E-mail</label>
                        <input id="email" type="email" class="input-text @error('email') is-invalid @enderror" name="email" value="{{ old('email', $user->email ?? '') }}" placeholder="adresse@mail.fr" autocomplete="email">

                        @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <div class="row m-3">
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="inputadresse4" class="form-label label">Adresse</label>
                        <input id="adresse" type="text" class="input-text @error('adresse') is-invalid @enderror" name="adresse" value="{{ old('adresse', $user->adresse ?? '') }}" placeholder="Adresse" autocomplete="adresse">

                        @error('adresse')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 col-md-5 col-12">
                        <label for="inputville4" class="form-label label">Ville</label>
                        <input id="ville" type="text" class="input-text @error('ville') is-invalid @enderror" name="ville" value="{{ old('ville', $user->ville ?? '') }}" placeholder="ville" autocomplete="ville">

                        @error('ville')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>





                <div class="row mb-0 m-3">
                    <div class="col-md-8">
                        <button type="submit" class="cta-primary">
                            {{ __('Enregistrer') }}
                        </button>
                    </div>
                </div>

            </form>
            @endif
        </div>
    </div>


</div>

@endsection

<script>
    function formatText(input) {
        // Récupérer la valeur du champ de saisie
        let inputValue = input.value;

        // Mettre la première lettre en majuscule et le reste en minuscules
        inputValue = inputValue.charAt(0).toUpperCase() + inputValue.slice(1).toLowerCase();

        // Mettre à jour la valeur du champ de saisie avec le texte formaté
        input.value = inputValue;
    }
</script>