@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('admin.users') }}">Utilisateurs</a></li>
                @if($user)
                    <li class="breadcrumb-item"><a href="{{ route('admin.users.show', $user) }}">{{ $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

    <div class="container-fluid py-4">
        @if ($errors->any())
            <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>
        @endif

        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body py-3">
                        <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-danger 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('admin.users.show', $user) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-2"></i>Voir le profil
                                    </a>
                                @endif
                                <a href="{{ route('admin.users') }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Form -->
        <form method="POST" action="{{ $user ? route('users.update', $user) : route('users.store') }}">
            @csrf
            @if($user)
                @method('PUT')
            @endif

            <div class="row g-4">
                <!-- Informations personnelles -->
                <div class="col-lg-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-primary">
                            <h5 class="mb-0 text-white">
                                <i class="fas fa-user me-2"></i>Informations personnelles
                            </h5>
                        </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" />

                            @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 type="hidden" name="is_active" value="0">
                                        <input class="form-check-input" type="checkbox" id="isActive" name="is_active" value="1"
                                               @if(old('is_active', $user->is_active ?? true)) checked @endif>
                                        <label class="form-check-label" for="isActive">
                                            <strong>Compte actif</strong>
                                        </label>
                                    </div>
                                </div>
                            @endif

                            @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
                        </div>
                    </div>
                </div>

                <!-- Rôles et applications -->
                <div class="col-lg-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-danger">
                            <h5 class="mb-0 text-white">
                                <i class="fas fa-shield-alt me-2"></i>Rôles et affiliations
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-4">
                                <label class="form-label fw-bold">Rôles</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 colspan="4" class="text-center bg-danger text-white">
                                                    <i class="fas fa-crown me-2"></i>Rôles système
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                @foreach(\App\Enums\Role::systemRoles() as $role)
                                                    <td class="text-center">
                                                        <div class="form-check d-flex justify-content-center align-items-center">
                                                            <input class="form-check-input me-2" type="checkbox"
                                                                id="role_{{ $role->name }}" name="roles[]" value="{{ $role->name }}"
                                                                @if($user && $user->isRole($role->name)) checked @endif>
                                                            <label class="form-check-label" for="role_{{ $role->name }}">
                                                                <span class="badge bg-{{ $role->color() }}">{{ $role->label() }}</span>
                                                            </label>
                                                        </div>
                                                    </td>
                                                @endforeach
                                            </tr>
                                        </tbody>
                                    </table>

                                    <table class="table table-bordered align-middle mb-0 mt-3">
                                        <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>

                            <div class="mb-3 d-none">
                                <label class="form-label fw-bold">
                                    <i class="fas fa-briefcase me-1 text-info"></i>Profession
                                </label>
                                <select name="profession_id" class="form-select">
                                    <option value="">— Aucune —</option>
                                    @foreach(($professions ?? collect()) as $profession)
                                        @php
                                            $currentProfessionId = old('profession_id', isset($user) && $user->professions ? $user->professions->first()?->id : '');
                                        @endphp
                                        <option value="{{ $profession->id }}"
                                            @if((string) $currentProfessionId === (string) $profession->id) selected @endif>
                                            {{ $profession->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">Choisissez une profession unique (optionnel)</small>
                            </div>

                            @if(isset($applications))
                                <div class="mb-3" id="applications-container">
                                    <label class="form-label fw-bold">
                                        <i class="fas fa-th-large me-1 text-primary"></i>Applications
                                    </label>
                                    @php
                                        $selectedApplicationIds = collect(
                                            old('application_ids', isset($user) ? $user->applications->pluck('id')->toArray() : [])
                                        )->map(fn($id) => (int) $id)->values()->all();
                                    @endphp

                                    <div class="row g-3">
                                        @foreach($applications as $application)
                                            @php
                                                $applicationId = (int) $application->id;
                                                $isChecked = in_array($applicationId, $selectedApplicationIds, true);
                                            @endphp
                                            <div class="col-md-6">
                                                <div class="fiscalite-card">
                                                    <input
                                                        type="checkbox"
                                                        name="application_ids[]"
                                                        value="{{ $applicationId }}"
                                                        id="application_card_{{ $applicationId }}"
                                                        class="fiscalite-checkbox"
                                                        {{ $isChecked ? 'checked' : '' }}
                                                    >
                                                    <label for="application_card_{{ $applicationId }}" class="fiscalite-label">
                                                        <div class="d-flex align-items-center">
                                                            <div class="fiscalite-icon bg-primary text-white me-3">
                                                                {{ strtoupper(substr($application->name, 0, 1)) }}
                                                            </div>
                                                            <div class="flex-grow-1">
                                                                <div class="fw-bold">{{ $application->name }}</div>
                                                                <small class="text-muted">{{ $application->domain ?? '' }}</small>
                                                            </div>
                                                            <div class="fiscalite-check">
                                                                <i class="fas fa-check-circle text-success"></i>
                                                            </div>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Adresse -->
                <div class="col-12">
                    <div class="card shadow-sm">
                        <div class="card-header bg-secondary">
                            <h5 class="mb-0 text-dark">
                                <i class="fas fa-map-marker-alt me-2"></i>Adresse
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Adresse (ligne 1)</label>
                                    <input type="text" name="address[line_1]" class="form-control"
                                           value="{{ old('address.line_1', isset($user) ? $user->address->line_1 ?? '' : '') }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Complément d'adresse (ligne 2)</label>
                                    <input type="text" name="address[line_2]" class="form-control"
                                           value="{{ old('address.line_2', isset($user) ? $user->address->line_2 ?? '' : '') }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Code postal</label>
                                    <input type="text" name="address[zip_code]" class="form-control"
                                           value="{{ old('address.zip_code', isset($user) ? $user->address->zip_code ?? '' : '') }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Ville</label>
                                    <input type="text" name="address[city]" class="form-control"
                                           value="{{ old('address.city', isset($user) ? $user->address->city ?? '' : '') }}">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Pays</label>
                                    <select name="address[country]" class="form-select">
                                        @foreach($countries as $country)
                                            <option value="{{ $country->name }}"
                                                {{ old('address.country', isset($user) ? $user->address->country_code ?? '' : '') == $country->name ? 'selected' : '' }}>
                                                {{ $country->label() }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Boutons d'action -->
                <div class="col-12">
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
                                <div>
                                    @if($user)
                                    <button type="button" class="btn btn-danger" onclick="confirmDelete()">
                                            <i class="fas fa-trash me-2"></i>Supprimer l'utilisateur
                                        </button>
                                    @endif
                                </div>
                                <div class="d-flex gap-2">
                                    <a href="{{ route('admin.users') }}" class="btn btn-outline-secondary">
                                        <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>
                    </div>
                </div>
            </div>
        </form>
    </div>

    @if($user)
    <!-- 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 l'utilisateur <strong>{{ $user->fullName() }}</strong> ?</p>
                    <p class="text-danger fw-bold">Cette action est irréversible et supprimera toutes les données associées.</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('users.destroy', $user) }}" 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() {
            const modal = new bootstrap.Modal(document.getElementById('deleteModal'));
            modal.show();
        }
    </script>
    @endif

    @include('front.modal')

    @push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const supportCheckbox = document.getElementById('role_ROLE_SUPPORT');
            const applicationsContainer = document.getElementById('applications-container');
            if (!supportCheckbox || !applicationsContainer) {
                return;
            }

            const applicationCheckboxes = applicationsContainer.querySelectorAll('input[name="application_ids[]"]');

            function toggleApplications() {
                if (supportCheckbox.checked) {
                    applicationsContainer.classList.add('d-none');
                    applicationCheckboxes.forEach(function (checkbox) {
                        checkbox.checked = true;
                    });
                } else {
                    applicationsContainer.classList.remove('d-none');
                }
            }

            toggleApplications();
            supportCheckbox.addEventListener('change', toggleApplications);
        });
    </script>
    @endpush

@endsection