@extends('admin.layouts.app')

@section('content')

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

    <div class="row">
        <div class="col-xl-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
                <h4 class="mb-sm-0">{{ isset($user) && $user->id ? __('admin/users.page_titles.edit') : __('admin/users.page_titles.create') }}</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('admin/users.breadcrumb.users') }}</a></li>
                        <li class="breadcrumb-item active">{{ isset($user) && $user->id ? __('admin/users.breadcrumb.edit') : __('admin/users.breadcrumb.create') }}</li>
                    </ol>
                </div>
            </div>

            <!-- Menu bar -->
            <div class="col-lg-12 sticky-menu-bar">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex align-items-center flex-wrap gap-2">
                            <div class="flex-grow-1">
                                <a href="{{ route('admin.users.index') }}" class="btn btn-light me-2">{{ __('admin/users.actions.close') }}</a>
                                <button type="submit" class="btn btn-info add-btn" id="saveuser" data-bs-loading-text="{{ __('admin/users.actions.saving') }}...">
                                    <i class="ri-save-line me-1 align-bottom"></i> {{ __('admin/users.actions.save') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Contenu principal -->
                <div class="col-lg-8">
                    <!-- Informations personnelles -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/users.sections.personal_info') }}</h5>
                        </div>
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="firstname">{{ __('admin/users.form.firstname') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('firstname') is-invalid @enderror"
                                            id="firstname" name="firstname"
                                            placeholder="{{ __('admin/users.placeholders.firstname') }}"
                                            value="{{ old('firstname', isset($user) ? $user->firstname : '') }}" required>
                                        @error('firstname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="lastname">{{ __('admin/users.form.lastname') }} <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control @error('lastname') is-invalid @enderror"
                                            id="lastname" name="lastname"
                                            placeholder="{{ __('admin/users.placeholders.lastname') }}"
                                            value="{{ old('lastname', isset($user) ? $user->lastname : '') }}" required>
                                        @error('lastname')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="email">{{ __('admin/users.form.email') }} <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control @error('email') is-invalid @enderror"
                                            id="email" name="email"
                                            placeholder="{{ __('admin/users.placeholders.email') }}"
                                            value="{{ old('email', isset($user) ? $user->email : '') }}" required>
                                        @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <!-- <small class="text-muted">{{ __('admin/users.help.email_optional') }}</small> -->
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="phone">{{ __('admin/users.form.phone') }} <span class="text-danger">*</span></label>
                                        <input type="tel" class="form-control @error('phone') is-invalid @enderror"
                                            id="phone" name="phone"
                                            placeholder="{{ __('admin/users.placeholders.phone') }}"
                                            value="{{ old('phone', isset($user) ? $user->phone : '') }}" required>
                                        @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="birthdate">{{ __('admin/users.form.birthdate') }}</label>
                                        <input type="date" class="form-control @error('birthdate') is-invalid @enderror"
                                            id="birthdate" name="birthdate"
                                            value="{{ old('birthdate', isset($user) && $user->birthdate ? $user->birthdate->format('Y-m-d') : '') }}">
                                        @error('birthdate')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="address">{{ __('admin/users.form.address') }}</label>
                                        <input type="text" class="form-control @error('address') is-invalid @enderror"
                                            id="address" name="address"
                                            placeholder="{{ __('admin/users.placeholders.address') }}"
                                            value="{{ old('address', isset($user) ? $user->address : '') }}">
                                        @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="zipcode">{{ __('admin/users.form.zipcode') }}</label>
                                        <input type="text" class="form-control @error('zipcode') is-invalid @enderror"
                                            id="zip" name="zipcode"
                                            placeholder="{{ __('admin/users.placeholders.zipcode') }}"
                                            value="{{ old('zipcode', isset($user) ? $user->zipcode : '') }}">
                                        @error('zipcode')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="city">{{ __('admin/users.form.city') }}</label>
                                        <input type="text" class="form-control @error('city') is-invalid @enderror"
                                            id="city" name="city"
                                            placeholder="{{ __('admin/users.placeholders.city') }}"
                                            value="{{ old('city', isset($user) ? $user->city : '') }}">
                                        @error('city')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="mb-3">
                                        <label class="form-label" for="country">{{ __('admin/users.form.country') }}</label>
                                        <input type="text" class="form-control @error('country') is-invalid @enderror"
                                            id="country" name="country"
                                            placeholder="{{ __('admin/users.placeholders.country') }}"
                                            value="{{ old('country', isset($user) ? $user->country : '') }}">
                                        @error('country')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label class="form-label" for="profession">{{ __('admin/users.form.profession') }}</label>
                                        <input type="text" class="form-control @error('profession') is-invalid @enderror"
                                            id="profession" name="profession"
                                            placeholder="{{ __('admin/users.placeholders.profession') }}"
                                            value="{{ old('profession', isset($user) ? $user->profession : '') }}">
                                        @error('profession')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Informations fiscales -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/users.sections.fiscal_info') }}</h5>
                        </div>
                        <div class="card-body p-4">
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class="mb-3">
                                        <label class="form-label" for="tva_number">{{ __('admin/users.form.vat_number') }}</label>
                                        <input type="text" class="form-control @error('tva_number') is-invalid @enderror"
                                            id="tva_number" name="tva_number"
                                            placeholder="{{ __('admin/users.placeholders.vat_number') }}"
                                            value="{{ old('tva_number', isset($user) ? $user->tva_number : '') }}">
                                        @error('tva_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <small class="text-muted">{{ __('admin/users.help.vat_help') }}</small>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="mb-3">
                                        <label class="form-label">&nbsp;</label>
                                        <div class="form-check form-switch form-switch-md">
                                            <input class="form-check-input" type="checkbox" name="is_vat_registered" id="vatswitch" value="1"
                                                {{ old('is_vat_registered', (isset($user) ? $user->is_vat_registered : false)) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="vatswitch">
                                                {{ __('admin/users.form.vat_registered') }}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Sidebar -->
                <div class="col-lg-4">
                    <!-- Configuration -->
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title mb-0">{{ __('admin/users.sections.configuration') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <div class="form-check form-switch form-switch-md">
                                    <input class="form-check-input" type="checkbox" name="newsletter_subscribed" id="newsletterswitch" value="1"
                                        {{ old('newsletter_subscribed', (isset($user) ? $user->newsletter_subscribed : true)) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="newsletterswitch">
                                        {{ __('admin/users.form.newsletter_subscribed') }}
                                    </label>
                                </div>
                                <small class="text-muted">{{ __('admin/users.help.newsletter_help') }}</small>
                            </div>
                        </div>
                    </div>

                    @if(isset($user) && $user->id)
                        <!-- Statistiques -->
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">{{ __('admin/users.sections.statistics') }}</h5>
                            </div>
                            <div class="card-body">
                                @php
                                    $confirmedRegistrations = $user->registrations->where('status', 'confirmed');
                                    $totalSpent = $confirmedRegistrations->sum('amount');
                                @endphp
                                
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.stats.confirmed_registrations') }} :</small>
                                    <div class="fw-medium">{{ $confirmedRegistrations->count() }}</div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.stats.total_spent') }} :</small>
                                    <div class="fw-medium text-success">{{ number_format($totalSpent, 2) }}€</div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.stats.pending_registrations') }} :</small>
                                    <div class="fw-medium text-warning">{{ $user->registrations->where('status', 'pending')->count() }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- Informations système -->
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">{{ __('admin/users.sections.information') }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.status.user_id') }} :</small>
                                    <div><span class="badge bg-primary-subtle text-primary">{{ $user->id }}</span></div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.dates.created_on') }} :</small>
                                    <div>{{ $user->created_at->format('d/m/Y à H:i') }}</div>
                                </div>
                                <div class="mb-2">
                                    <small class="text-muted">{{ __('admin/users.dates.modified_on') }} :</small>
                                    <div>{{ $user->updated_at->format('d/m/Y à H:i') }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- Actions rapides -->
                        @can('users.edit')
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">{{ __('admin/users.sections.quick_actions') }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="d-grid gap-2">

                                    <a href="{{ route('admin.users.show', $user->id) }}" class="btn btn-outline-info">
                                        <i class="ri-eye-line me-1"></i>{{ __('admin/users.actions.view_profile') }}
                                    </a>

                                    @if($user->email)
                                    <a href="{{ route('admin.users.sendemail', $user->id) }}" class="btn btn-outline-primary">
                                        <i class="ri-mail-line me-1"></i>{{ __('admin/users.actions.send_email') }}
                                    </a>
                                    @endif
                                    
                                    <!-- @if($user->phone)
                                    <a href="tel:{{ $user->phone }}" class="btn btn-outline-secondary">
                                        <i class="ri-phone-line me-1"></i>{{ __('admin/users.actions.call') }}
                                    </a>
                                    @endif -->
                                </div>
                            </div>
                        </div>
                        @else
                        <!-- Aide pour nouveau utilisateur -->
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">{{ __('admin/users.sections.help') }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="alert alert-info">
                                    <i class="ri-information-line me-2"></i>
                                    <strong>{{ __('admin/users.new_user_help.title') }}</strong><br>
                                    {{ __('admin/users.new_user_help.description') }}
                                </div>
                                
                                <div class="mb-3">
                                    <h6 class="text-muted">{{ __('admin/users.new_user_help.after_creation') }}</h6>
                                    <ul class="text-muted small mb-0">
                                        <li>{{ __('admin/users.new_user_help.can_create_registrations') }}</li>
                                        <li>{{ __('admin/users.new_user_help.view_history') }}</li>
                                        <li>{{ __('admin/users.new_user_help.send_communications') }}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        @endcan
                    @endif
                </div>
            </div>
        </div>
    </div>
</form>

<!-- Formulaire caché pour la restauration -->
@if(session('deleted_user_id') && $errors->has('email'))
<form method="POST" id="restore-user-form" action="{{ route('admin.users.restore') }}" style="display: none;">
    @csrf
    <input type="hidden" name="user_id" value="{{ session('deleted_user_id') }}">
    <input type="hidden" name="firstname" value="{{ old('firstname') }}">
    <input type="hidden" name="lastname" value="{{ old('lastname') }}">
    <input type="hidden" name="email" value="{{ old('email') }}">
    <input type="hidden" name="phone" value="{{ old('phone') }}">
    <input type="hidden" name="profession" value="{{ old('profession') }}">
    <input type="hidden" name="tva_number" value="{{ old('tva_number') }}">
    <input type="hidden" name="is_vat_registered" value="{{ old('is_vat_registered', 0) }}">
    <input type="hidden" name="newsletter_subscribed" value="{{ old('newsletter_subscribed', 1) }}">
</form>

<!-- Modal de confirmation de restauration -->
<x-admin.confirm-modal
    modalId="restoreUserModal"
    title="{{ __('admin/users.modals.user_exists_title') }}"
    message="{{ __('admin/users.modals.user_exists_message', ['email' => old('email')]) }}"
    confirmText="{{ __('admin/users.actions.reactivate') }}"
    cancelText="{{ __('admin/users.actions.cancel') }}"
    type="warning"
/>
@endif

<!-- Modal de validation des erreurs -->
<x-admin.warning-modal
    modalId="validationWarningModal"
    :title="__('admin/users.validation.correct_errors')"
/>

@endsection

@push('script')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Afficher la modal de restauration si un utilisateur supprimé existe
    @if(session('deleted_user_id') && $errors->has('email'))
    const restoreModal = new bootstrap.Modal(document.getElementById('restoreUserModal'));
    restoreModal.show();

    // Gérer la confirmation de restauration
    document.getElementById('confirm-btn-restoreUserModal').addEventListener('click', function() {
        const btn = this;
        const textSpan = btn.querySelector('.btn-text');
        const loadingSpan = btn.querySelector('.btn-loading');

        // Afficher le spinner
        if (textSpan) textSpan.classList.add('d-none');
        if (loadingSpan) loadingSpan.classList.remove('d-none');
        btn.disabled = true;

        // Soumettre le formulaire après un court délai pour que le spinner soit visible
        setTimeout(function() {
            document.getElementById('restore-user-form').submit();
        }, 100);
    });
    @endif

    // Validation du formulaire
    const form = document.getElementById('user-form');
    const submitBtn = document.getElementById('saveuser');
    const originalContent = submitBtn.innerHTML;

    function resetButton() {
        submitBtn.innerHTML = originalContent;
        submitBtn.disabled = false;
    }

    function showSpinner() {
        submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status"></span>{{ __("admin/users.actions.saving") }}...';
        submitBtn.disabled = true;
    }

    // Validation des champs obligatoires
    function validateRequiredFields() {
        let isValid = true;
        
        const requiredFields = ['firstname', 'lastname', 'phone'];
        requiredFields.forEach(fieldName => {
            const field = document.getElementById(fieldName);
            if (!field.value.trim()) {
                field.classList.add('is-invalid');
                isValid = false;
            } else {
                field.classList.remove('is-invalid');
            }
        });
        
        return isValid;
    }

    // Validation de l'email si renseigné
    function validateEmail() {
        const emailField = document.getElementById('email');
        const emailValue = emailField.value.trim();
        
        if (emailValue && !isValidEmail(emailValue)) {
            emailField.classList.add('is-invalid');
            return false;
        } else {
            emailField.classList.remove('is-invalid');
            return true;
        }
    }

    function isValidEmail(email) {
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        return emailRegex.test(email);
    }

    // Validation du numéro TVA si renseigné
    function validateVatNumber() {
        const vatField = document.getElementById('tva_number');
        const vatValue = vatField.value.trim();
        
        if (vatValue && !isValidVatNumber(vatValue)) {
            vatField.classList.add('is-invalid');
            
            // Ajouter un message d'erreur personnalisé
            let errorDiv = vatField.parentNode.querySelector('.invalid-feedback');
            if (!errorDiv) {
                errorDiv = document.createElement('div');
                errorDiv.className = 'invalid-feedback';
                vatField.parentNode.appendChild(errorDiv);
            }
            errorDiv.textContent = '{{ __("admin/users.validation.invalid_format") }}';
            errorDiv.style.display = 'block';
            
            return false;
        } else {
            vatField.classList.remove('is-invalid');
            
            // Supprimer le message d'erreur
            const errorDiv = vatField.parentNode.querySelector('.invalid-feedback');
            if (errorDiv) {
                errorDiv.remove();
            }
            
            return true;
        }
    }

    function isValidVatNumber(vat) {
        // Format basique pour la Belgique: BE + 10 chiffres
        const vatRegex = /^BE[0-9]{10}$/;
        return vatRegex.test(vat.toUpperCase());
    }

    // Formater automatiquement le numéro TVA
    document.getElementById('tva_number').addEventListener('input', function() {
        let value = this.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
        
        if (value.length > 0 && !value.startsWith('BE')) {
            value = 'BE' + value;
        }
        
        if (value.length > 12) {
            value = value.substring(0, 12);
        }
        
        this.value = value;
    });

    // Validation en temps réel
    document.getElementById('email').addEventListener('blur', validateEmail);
    document.getElementById('tva_number').addEventListener('blur', validateVatNumber);

    form.addEventListener('submit', function(e) {
        e.preventDefault();
        
        let isValid = true;

        // Validation des champs obligatoires
        if (!validateRequiredFields()) {
            isValid = false;
        }

        // Validation de l'email
        if (!validateEmail()) {
            isValid = false;
        }

        // Validation du numéro TVA
        if (!validateVatNumber()) {
            isValid = false;
        }

        if (!isValid) {
            showWarningModal({
                modalId: 'validationWarningModal',
                title: '{{ __("admin/users.validation.correct_errors") }}'
            });
            return false;
        }

        // Si la validation passe, soumettre le formulaire
        showSpinner();
        form.submit();

        // Si erreur de réseau ou autre, restaurer le bouton après un délai
        setTimeout(() => {
            if (submitBtn.disabled) {
                resetButton();
            }
        }, 10000);
    });
});    
</script>
@endpush