@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.users') }}">Mes utilisateurs</a></li>
                @if($user)
                    <li class="breadcrumb-item"><a href="{{ route('partner.user.show', ['user' => $user->token]) }}">{{ $user->fullName() }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Modifier</li>
                @else
                    <li class="breadcrumb-item active" aria-current="page">Nouvel utilisateur</li>
                @endif
            </ol>
        </nav>
    @endsection

@if ($errors->any())
<div class="container">
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreurs de validation</h5>
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
</div>
@endif

@if(session('success'))
<div class="container">
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <h5 class="alert-heading"><i class="fas fa-check-circle me-2"></i>Succès</h5>
        <p class="mb-0">{{ session('success') }}</p>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
</div>
@endif

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center flex-wrap">
                    <div class="d-flex align-items-center gap-3">
                        @if($user)
                            <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                <span class="fs-4 fw-bold">{{ $user->initials() }}</span>
                            </div>
                            <div>
                                <h3 class="mb-0">{{ $user->fullName() }}</h3>
                                <p class="text-muted mb-0">{{ $user->email }}</p>
                            </div>
                        @else
                            <div class="avatar-lg bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                <i class="fas fa-user-plus fa-2x"></i>
                            </div>
                            <div>
                                <h3 class="mb-0">Nouvel utilisateur</h3>
                                <p class="text-muted mb-0">Création d'un nouveau compte</p>
                            </div>
                        @endif
                    </div>
                    <div class="d-flex gap-2">
                        @if($user)
                            <a href="{{ route('partner.user.show', ['user' => $user->token]) }}" class="btn btn-primary">
                                <span class="icon-move-left text-white me-2"></span> Retour
                            </a>
                        @else
                            <a href="{{ route('partner.users') }}" class="btn btn-primary">
                                <span class="icon-move-left text-white me-2"></span> Retour
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <form method="POST" action="{{ $user ? route('partner.user.update', ['user' => $user->token]) : route('partner.user.store') }}" id="partnerUserEditForm">
            @csrf
            @if($user)
            @method('PUT')
            @endif

            <div class="row g-4">
                <!-- Informations personnelles -->
                <div class="col-md-6">
                    <div class="card mb-4">
                        <div class="card-header">
                            <h6 class="mb-0"><i class="fas fa-user me-2"></i>Informations personnelles</h6>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-user me-1 text-primary"></i>Prénom
                                </label>
                                <input type="text" name="firstname" class="form-control @error('firstname') is-invalid @enderror"
                                    value="{{ old('firstname', $user->firstname ?? '') }}" required>
                                @error('firstname')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-user me-1 text-primary"></i>Nom
                                </label>
                                <input type="text" name="lastname" class="form-control @error('lastname') is-invalid @enderror"
                                    value="{{ old('lastname', $user->lastname ?? '') }}" required>
                                @error('lastname')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-envelope me-1 text-primary"></i>Email
                                </label>
                                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                                    value="{{ old('email', $user->email ?? '') }}" required>
                                @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Téléphones -->
                            <x-phone-inputs :phones="$user->phones ?? []" name="phones" />

                            {{-- Pour la création, le mot de passe est généré automatiquement côté contrôleur.
                                 Aucun champ mot de passe n'est affiché ici. --}}

                            @if(!$user || Auth::id() !== $user->id)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Statut</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                                        @if(old('is_active', $user->is_active ?? true)) checked @endif>
                                    <label class="form-check-label" for="is_active">
                                        <strong>Compte actif</strong>
                                    </label>
                                </div>
                            </div>
                            @endif

                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-envelope me-1 text-primary"></i>Alertes options
                                </label>
                                <div class="form-check form-switch">
                                    <input type="hidden" name="receive_option_alert_emails" value="0">
                                    <input class="form-check-input" type="checkbox" id="receive_option_alert_emails" name="receive_option_alert_emails" value="1"
                                        @if(old('receive_option_alert_emails', $user->receive_option_alert_emails ?? false)) checked @endif>
                                    <label class="form-check-label" for="receive_option_alert_emails">
                                        <strong>Recevoir les alertes email de suivi d'options</strong>
                                    </label>
                                </div>
                            </div>

                            @if($showDoubleAuthField ?? true)
                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-shield-alt me-1 text-info"></i>Double authentification
                                </label>
                                <div class="form-check form-switch">
                                    <input type="hidden" name="double_auth" value="0">
                                    <input class="form-check-input" type="checkbox" id="doubleAuth" name="double_auth" value="1"
                                        @if(old('double_auth', $user->double_auth ?? 1)) checked @endif>
                                    <label class="form-check-label" for="doubleAuth">
                                        <strong>Activer la double authentification</strong>
                                    </label>
                                </div>
                                <small class="text-muted">Sécurisez le compte avec une authentification à deux facteurs</small>
                            </div>
                            @endif

                            @if($user)
                            <div class="mb-3">
                                <button type="button" class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#sendTemporaryPasswordModal">
                                    <i class="fas fa-envelope me-2"></i>Envoyer un email avec mot de passe temporaire
                                </button>
                                <small class="text-muted d-block mt-2">Génère un nouveau mot de passe temporaire et l'envoie par email à l'utilisateur</small>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Permissions et accès -->
                <div class="col-md-6">
                    <div class="card mb-4">
                        <div class="card-header">
                            <h6 class="mb-0"><i class="fas fa-shield-alt me-2"></i>Permissions et accès</h6>
                        </div>
                        <div class="card-body">
                            <div class="mb-4">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-user-tag me-1 text-primary"></i>Rôle principal
                                </label>
                                @php
                                $isSelf = $user && Auth::id() === $user->id;
                                // Déterminer un rôle principal actuel pour l'utilisateur connecté
                                $rawRoles = $user->roles ?? [];
                                $roleNames = is_string($rawRoles) ? json_decode($rawRoles, true) : $rawRoles;
                                $roleNames = is_array($roleNames) ? $roleNames : [];
                                $currentMainRole = $roleNames[0] ?? \App\Enums\Role::ROLE_PROMOTEUR->name;
                                @endphp
                                <select
                                    name="main_role"
                                    id="main_role"
                                    class="form-select @error('main_role') is-invalid @enderror"
                                    @if($isSelf) disabled @endif>
                                    <option value="ROLE_PROMOTEUR"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_PROMOTEUR') selected @endif>
                                        {{ \App\Enums\Role::ROLE_PROMOTEUR->label() }}
                                    </option>
                                    <option value="ROLE_DPO"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_DPO') selected @endif>
                                        {{ \App\Enums\Role::ROLE_DPO->label() }}
                                    </option>
                                    <option value="ROLE_ADV"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_ADV') selected @endif>
                                        {{ \App\Enums\Role::ROLE_ADV->label() }}
                                    </option>
                                    <option value="ROLE_INTEGRATEUR"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_INTEGRATEUR') selected @endif>
                                        {{ \App\Enums\Role::ROLE_INTEGRATEUR->label() }}
                                    </option>
                                    <option value="ROLE_MARKETING"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_MARKETING') selected @endif>
                                        {{ \App\Enums\Role::ROLE_MARKETING->label() }}
                                    </option>
                                    <option value="ROLE_RESPONSABLE_COMMERCIAL"
                                        @if((string) old('main_role', $currentMainRole) === 'ROLE_RESPONSABLE_COMMERCIAL') selected @endif>
                                        {{ \App\Enums\Role::ROLE_RESPONSABLE_COMMERCIAL->label() }}
                                    </option>
                                </select>
                                @if($isSelf)
                                {{-- Conserver le rôle principal actuel pour l'utilisateur connecté --}}
                                <input type="hidden" name="main_role" value="{{ old('main_role', $currentMainRole) }}">
                                @endif
                                @error('main_role')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @if($isSelf)
                                <small class="text-muted">
                                    <i class="fas fa-info-circle me-1"></i>Vous ne pouvez pas modifier votre propre rôle.
                                </small>
                                @else
                                <small class="text-muted">Sélectionnez un rôle principal pour cet utilisateur.</small>
                                @endif

                                <div class="d-none">
                                    <input type="checkbox" name="roles[]" id="role_ROLE_COMMERCIALISATEUR" value="ROLE_COMMERCIALISATEUR"
                                        @if($user && $user->isRole('ROLE_COMMERCIALISATEUR')) checked @endif>
                                    <input type="checkbox" name="roles[]" id="role_ROLE_DPO" value="ROLE_DPO"
                                        @if($user && $user->isRole('ROLE_DPO')) checked @endif>
                                    <input type="checkbox" name="roles[]" id="role_ROLE_PROMOTEUR" value="ROLE_PROMOTEUR"
                                        @if(!$user || $user->isRole('ROLE_PROMOTEUR') || $user->isRole('ROLE_USER')) checked @endif>
                                </div>
                            </div>
                            @if(false)
                            {{-- afficher les permissions (non utilisés pour le moment) --}}
                            <div class="mb-4">
                                <label class="form-label fw-bold">Permissions</label>
                                <small class="text-muted d-block mb-3">
                                    <i class="fas fa-info-circle me-1"></i>
                                    <strong>* Produits</strong> = Programmes, Lots et Annexes
                                </small>

                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th style="width: 180px;">
                                                    <i class="fas fa-layer-group me-1"></i>Module
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-eye me-1 text-primary"></i>Consulter
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-edit me-1 text-warning"></i>Modifier
                                                </th>
                                                <th class="text-center">
                                                    <i class="fas fa-trash me-1 text-danger"></i>Supprimer
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                            $modules = \App\Enums\Role::moduleMetadata();
                                            $actions = ['SHOW', 'EDIT', 'DELETE'];
                                            @endphp

                                            @foreach($modules as $moduleKey => $moduleData)
                                            <tr>
                                                <td>
                                                    <i class="fas {{ $moduleData['icon'] }} me-2 text-{{ $moduleData['color'] }}"></i>
                                                    <strong>{{ $moduleData['label'] }}</strong>
                                                </td>
                                                @foreach($actions as $action)
                                                @php
                                                $roleName = 'ROLE_' . $moduleKey . '_' . $action;
                                                $roleEnum = \App\Enums\Role::tryByName($roleName);
                                                @endphp
                                                <td class="text-center bg-light">
                                                    @if($roleEnum)
                                                    <div class="d-flex justify-content-center align-items-center gap-2">
                                                        <div class="form-check d-flex justify-content-center">
                                                            <input class="form-check-input" type="checkbox"
                                                                id="role_{{ $roleName }}" name="roles[]" value="{{ $roleName }}"
                                                                @if($user && $user->isRole($roleName)) checked @endif>
                                                        </div>
                                                        <button type="button" class="btn btn-link btn-sm p-0 text-primary role-info-trigger"
                                                            data-role-label="{{ $roleEnum->label() }}"
                                                            data-role-description="{{ $roleEnum->description() }}"
                                                            title="Description du rôle">
                                                            <i class="fas fa-info-circle"></i>
                                                        </button>
                                                    </div>
                                                    @else
                                                    <span class="text-muted">-</span>
                                                    @endif
                                                </td>
                                                @endforeach
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>

                                @error('roles')
                                <div class="text-danger small mt-2">{{ $message }}</div>
                                @enderror
                            </div>
                            @endif
                            @if($application->subscription_manager && $subscriptions && $subscriptions->count() > 0)
                            <div class="mt-4 pt-4 border-top">
                                @php
                                // Récupérer l'abonnement actuel depuis la relation pivot
                                $currentSubscription = null;
                                $currentSubscriptionId = null;
                                $currentSubscriptionCreatedAt = null;
                                $currentSubscriptionExpiresAt = null;

                                if ($user && $user->subscriptions) {
                                $currentSubscription = $user->subscriptions->firstWhere('pivot.application_id', $application->id);
                                if ($currentSubscription && $currentSubscription->pivot) {
                                $currentSubscriptionId = $currentSubscription->id;
                                $currentSubscriptionCreatedAt = $currentSubscription->pivot->subscription_created_at
                                ? \Carbon\Carbon::parse($currentSubscription->pivot->subscription_created_at)->format('Y-m-d')
                                : '';
                                $currentSubscriptionExpiresAt = $currentSubscription->pivot->subscription_expires_at
                                ? \Carbon\Carbon::parse($currentSubscription->pivot->subscription_expires_at)->format('Y-m-d')
                                : '';
                                }
                                }
                                @endphp
                                <label class="form-label fw-bold">
                                    <i class="fas fa-credit-card me-1"></i>Abonnement
                                </label>
                                <select name="subscription_id" class="form-select @error('subscription_id') is-invalid @enderror">
                                    <option value="">-- Aucun abonnement --</option>
                                    @foreach($subscriptions as $subscription)
                                    <option value="{{ $subscription->id }}"
                                        @if(old('subscription_id', $currentSubscriptionId)==$subscription->id) selected @endif>
                                        {{ $subscription->name }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('subscription_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Sélectionnez un abonnement pour cet utilisateur</small>

                                <div class="mt-3">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-calendar-plus me-1 text-success"></i>Date de début
                                            </label>
                                            <input type="date" name="subscription_created_at" class="form-control @error('subscription_created_at') is-invalid @enderror"
                                                value="{{ old('subscription_created_at', $currentSubscriptionCreatedAt) }}">
                                            @error('subscription_created_at')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label fw-bold">
                                                <i class="fas fa-calendar-times me-1 text-danger"></i>Date de fin
                                            </label>
                                            <input type="date" name="subscription_expires_at" class="form-control @error('subscription_expires_at') is-invalid @enderror"
                                                value="{{ old('subscription_expires_at', $currentSubscriptionExpiresAt) }}">
                                            @error('subscription_expires_at')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <!-- Boutons d'action -->
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
                    <div>
                        @if($user && !$user->isRole(\App\Enums\Role::ROLE_PROMOTEUR->name) && !$user->isRole(\App\Enums\Role::ROLE_DPO->name))
                            <button type="button" class="btn btn-danger" onclick="confirmDelete({{ $user->id }})">
                                <i class="fas fa-trash me-2"></i>Supprimer l'utilisateur
                            </button>
                        @endif
                    </div>
                    <div class="d-flex gap-2">
                        <a href="{{ route('partner.users') }}" class="btn btn-outline-primary">
                            <i class="fas fa-times me-2"></i>Annuler
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>{{ $user ? 'Mettre à jour' : 'Créer' }}
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

@if($user && !$user->isRole(\App\Enums\Role::ROLE_PROMOTEUR->name) && !$user->isRole(\App\Enums\Role::ROLE_DPO->name))
<!-- Delete Confirmation Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteModalLabel">
                    <i class="fas fa-exclamation-triangle me-2"></i>Confirmer la suppression
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Êtes-vous sûr de vouloir supprimer cet utilisateur ?</p>
                <p class="text-danger fw-bold">Cette action est irréversible.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <form id="deleteForm" method="POST" action="{{ route('partner.user.destroy', ['user' => $user->token]) }}" style="display: inline;">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash me-2"></i>Supprimer
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    function confirmDelete(userId) {
        const modal = new bootstrap.Modal(document.getElementById('deleteModal'));
        modal.show();
    }
</script>
@endif

@include('front.modal')

@if($user)
@include('modals.send-temporary-password')
@endif

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const mainRoleSelect = document.getElementById('main_role');
        const roleCheckboxes = {
            'ROLE_COMMERCIALISATEUR': document.getElementById('role_ROLE_COMMERCIALISATEUR'),
            'ROLE_DPO': document.getElementById('role_ROLE_DPO'),
            'ROLE_PROMOTEUR': document.getElementById('role_ROLE_PROMOTEUR')
        };

        function updateRoleCheckboxes() {
            if (!mainRoleSelect || mainRoleSelect.disabled) {
                return;
            }

            const selectedRole = mainRoleSelect.value;

            Object.keys(roleCheckboxes).forEach(roleName => {
                if (roleCheckboxes[roleName]) {
                    roleCheckboxes[roleName].checked = (roleName === selectedRole);
                }
            });
        }

        if (mainRoleSelect && !mainRoleSelect.disabled) {
            mainRoleSelect.addEventListener('change', updateRoleCheckboxes);
            updateRoleCheckboxes();
        }

        @if(!$user)
        const generatePasswordBtn = document.getElementById('generatePasswordBtn');
        const passwordInput = document.getElementById('password');
        const passwordConfirmationInput = document.getElementById('password_confirmation');

        function generateTemporaryPassword() {
            const length = 16;
            const charset = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*';
            let password = '';

            for (let i = 0; i < length; i++) {
                password += charset.charAt(Math.floor(Math.random() * charset.length));
            }

            return password;
        }

        if (generatePasswordBtn) {
            generatePasswordBtn.addEventListener('click', function() {
                const tempPassword = generateTemporaryPassword();
                passwordInput.value = tempPassword;
                passwordConfirmationInput.value = tempPassword;
            });
        }
        @endif

        @if($user)
        const sendTemporaryPasswordForm = document.getElementById('sendTemporaryPasswordForm');
        const sendPasswordBtn = document.getElementById('sendPasswordBtn');

        if (sendTemporaryPasswordForm) {
            sendTemporaryPasswordForm.addEventListener('submit', function(e) {
                if (sendPasswordBtn) {
                    sendPasswordBtn.disabled = true;
                    sendPasswordBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Envoi en cours...';
                }
            });
        }
        @endif
    });
</script>

@endsection