@extends('layouts.base')

@section('title', 'Mon Profil - ' . (Auth::check() ? Auth::user()->prenom : 'Invité'))

@section('breadcrumb')
    <div class="subheader-block d-lg-flex align-items-center">
        <ol class="breadcrumb page-breadcrumb m-0 mr-4">
            <li class="breadcrumb-item"><a href="{{ route('accueil') }}">Tableau de bord</a></li>
            <li class="breadcrumb-item">@yield('title')</li>
            <li class="breadcrumb-item">Détails</li>
        </ol>
    </div>
@endsection


@section('content')
    <main id="js-page-content" role="main" class="page-content">
        <!-- Détails profil -->
        <div class="page-heading d-flex justify-content-between align-items-center">
            <h1 class="h3 mb-0 font-weight-bold"><i class="fa fa-user mr-2"></i> Profil : {{ $user->nom }}</h1>
        </div>

    <!-- Section: Détails du profil -->
    <div class="card mt-4">
        <div class="card-header bg-secondary text-white">
            Détails du profil
        </div>
        <div class="card-body">
            <form action="{{ route('profile.update') }}" method="POST">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="nom" class="font-weight-bold">Nom</label>
                            <input type="text" id="nom" name="nom" class="form-control" value="{{ old('nom', $user->nom) }}">
                        </div>
                        <div class="form-group">
                            <label for="prenom" class="font-weight-bold">Prénom</label>
                            <input type="text" id="prenom" name="prenom" class="form-control" value="{{ old('prenom', $user->prenom) }}">
                        </div>
                        <div class="form-group">
                            <label for="email" class="font-weight-bold">Email</label>
                            @php
                                $email = $user->email_com ?: $user->email;
                            @endphp
                            <input type="email" id="email" name="email" class="form-control" value="{{ old('email', $email) }}">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="username" class="font-weight-bold">Nom d'utilisateur</label>
                            <input type="text" id="username" class="form-control" value="{{ $user->username }}" readonly>
                        </div>
                        <div class="form-group">
                            <label for="metier" class="font-weight-bold">Métier</label>
                            <input type="text" id="metier" class="form-control" value="{{ $user->metier }}" readonly>
                        </div>
                        <div class="form-group">
                            <label for="telephone" class="font-weight-bold">Télephone</label>
                            <input type="text" id="telephone" name="telephone" class="form-control" value="{{ old('telephone', $user->telephone) }}">
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="structure" class="font-weight-bold">Structure</label>
                            <a href="{{ route('structure.details', ['structure_id' => $user->t_structure->id, 'niveau' => $user->t_structure->niveau_id ]) }}" id="structure" class="form-control text-danger" readonly>
                                {{ $user->t_structure->libelle }}
                            </a>
                        </div>
                        <div class="form-group">
                            <label for="groupes" class="font-weight-bold">Groupes</label>
                            @foreach ($user->groupes as $groupe)
                                <input type="text" id="groupes" class="form-control" value="{{ $groupe->nom }}" readonly>
                            @endforeach
                        </div>
                        <div class="form-group mt-6">
                            <label for="actif" class="font-weight-bold">Statut</label>
                            <div class="custom-control custom-switch">
                                <input class="custom-control-input" type="checkbox" id="userStatus" {{ $user->enabled == 1 ? 'checked' : '' }} disabled>
                                <label class="custom-control-label" for="userStatus">
                                    {{ $user->enabled == 1 ? 'Actif' : 'Inactif' }}
                                </label>
                            </div>
                        </div>
                    </div>

                    <!-- Nouvelle section : Réception d'e-mail -->
                    <div class="col-md-12 mt-4">
                        <div class="form-group">
                            <label for="email-notifications" class="font-weight-bold">Réception d'e-mail</label>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="all_email" name="roles[]" value="ROLE_RECEIVE_ALL_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_ALL_EMAIL') ? 'checked' : '' }}>
                                <label class="custom-control-label font-weight-bold" for="all_email">Tous les emails</label>
                            </div>
                            <div class="mt-2">
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input receive-email" id="email-demande" name="roles[]" value="ROLE_RECEIVE_DEMANDE_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_DEMANDE_EMAIL') ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="email-demande">Demande</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input receive-email" id="email-devis" name="roles[]" value="ROLE_RECEIVE_DEVIS_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_DEVIS_EMAIL') ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="email-devis">Devis</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input receive-email" id="email-intervention" name="roles[]" value="ROLE_RECEIVE_INTERVENTION_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_INTERVENTION_EMAIL') ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="email-intervention">Intervention</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input receive-email" id="email-rapport" name="roles[]" value="ROLE_RECEIVE_RAPPORT_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_RAPPORT_EMAIL') ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="email-rapport">Rapport</label>
                                </div>
                                <div class="custom-control custom-checkbox custom-control-inline">
                                    <input type="checkbox" class="custom-control-input receive-email" id="email-facture" name="roles[]" value="ROLE_RECEIVE_FACTURE_EMAIL" {{ $user->hasRole('ROLE_RECEIVE_FACTURE_EMAIL') ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="email-facture">Facture</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-2">
                    <button type="submit" class="btn btn-warning btn-sm mt-1 float-right waves-effect waves-themed"><i class="fa-solid fa-pen-to-square mr-2"></i>Modifier</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Section: Changer le mot de passe -->
    <div class="card mt-4">
        <div class="card-header bg-secondary text-white">
            Changer le mot de passe
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('profile.updatePassword') }}">
                @csrf
                @method('PUT')
                <!-- Ancien mot de passe -->
                <div class="form-group">
                    <label for="current_password">Mot de passe actuel</label>
                    <input type="password" name="current_password" id="current_password" class="form-control" required>
                    @error('current_password')
                        <div class="alert alert-danger mt-2">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Nouveau mot de passe -->
                <div class="form-group">
                    <label for="new_password">Nouveau mot de passe</label>
                    <input type="password" name="new_password" id="new_password" class="form-control" required>
                    @error('new_password')
                        <div class="alert alert-danger mt-2">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Confirmation du nouveau mot de passe -->
                <div class="form-group">
                    <label for="new_password_confirmation">Confirmer le nouveau mot de passe</label>
                    <input type="password" name="new_password_confirmation" id="new_password_confirmation" class="form-control" required>
                    @error('new_password_confirmation')
                        <div class="alert alert-danger mt-2">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Bouton de soumission -->
                <button type="submit" class="btn btn-warning btn-sm mt-2 float-right waves-effect waves-themed">Changer le mot de passe</button>
            </form>
        </div>
    </div>

    </main>
@endsection

@push('script')
<script>
    $(document).ready(function () {
        // Vérification initiale au chargement
        function checkAllEmail() {
            let totalChecked = $('.receive-email:checked').length;
            let totalEmails = $('.receive-email').length;

            if (totalChecked === totalEmails) {
                $('#all_email').prop('checked', true);
            } else {
                $('#all_email').prop('checked', false);
            }
        }

        // Si "Tous les emails" est coché au chargement, on coche et désactive les sous-options
        if ($('#all_email').is(':checked')) {
            $('.receive-email').prop('checked', true).prop('disabled', true);
        }

        // Vérifier au chargement
        checkAllEmail();

        // Si une sous-option change, vérifier l'état de "Tous les emails"
        $('.receive-email').change(function () {
            checkAllEmail();
        });

        // Coche ou décoche toutes les sous-options si "Tous les emails" est cliqué
        $('#all_email').change(function () {
            if ($(this).is(':checked')) {
                $('.receive-email').prop('checked', true).prop('disabled', true);
            } else {
                $('.receive-email').prop('checked', false).prop('disabled', false);
            }
        });
    });
</script>
@endpush