@extends('layouts.worker')

@section('title', \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['title'] ?? 'Mon profil')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/worker/profile.css') }}?v={{ time() }}">
@endpush

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


    @if(session('success'))
        <div class="alert alert-success" role="alert">{{ session('success') }}</div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    

    {{-- Tabs identiques à menage/declaration (radio-based) --}}
    <div class="radio-inputs w-100" id="profileTabs" role="tablist" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['tabs_aria'] ?? 'Navigation du profil' }}">
        <label class="radio" for="profile-personal-tab">
            <input type="radio" id="profile-personal-tab" name="profile_tab" value="personal" checked />
            <span class="name"><i class="fas fa-user" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['tab_personal'] ?? 'Personnel' }}</span>
        </label>
        <label class="radio" for="profile-professional-tab">
            <input type="radio" id="profile-professional-tab" name="profile_tab" value="professional" />
            <span class="name"><i class="fas fa-briefcase" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['tab_professional'] ?? 'Professionnel' }}</span>
        </label>
    </div>

    <div class="profile-stack">
        <div id="personal-section" class="profile-section" data-section="personal">
            <form action="{{ route('worker.profile.update-personal') }}" method="POST" class="profile-form">
                @csrf
                @method('PUT')

                <div class="profile-card">
                    <div class="profile-card-header">
                        <h5><i class="fas fa-user-circle"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['personal_info'] ?? 'Informations personnelles' }}</h5>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            <div class="profile-col @error('prenom') field-error @enderror">
                                <label for="prenom" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['first_name'] ?? 'Prénom' }}</label>
                                <input type="text" id="prenom" name="prenom" class="profile-input" value="{{ old('prenom', $user->prenom) }}" required>
                                @error('prenom')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col @error('nom') field-error @enderror">
                                <label for="nom" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['last_name'] ?? 'Nom' }}</label>
                                <input type="text" id="nom" name="nom" class="profile-input" value="{{ old('nom', $user->nom) }}" required>
                                @error('nom')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="profile-col span-2 @error('email') field-error @enderror">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" id="email" name="email" class="profile-input" value="{{ old('email', $user->email) }}" required>
                                @error('email')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="profile-col @error('language') field-error @enderror">
                                <label for="language" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['language'] ?? 'Langue' }}</label>
                                <select id="language" name="language" class="profile-select">
                                    @php $lang = old('language', $user->language ?? 'fr'); @endphp
                                    <option value="fr" {{ $lang === 'fr' ? 'selected' : '' }}>Français</option>
                                    <option value="ru" {{ $lang === 'ru' ? 'selected' : '' }}>Русский</option>
                                    <option value="ro" {{ $lang === 'ro' ? 'selected' : '' }}>Română</option>
                                </select>
                                @error('language')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-card">
                    <div class="profile-card-header">
                        <h6><i class="fas fa-lock"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['security_section'] ?? 'Sécurité du compte' }}</h6>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            <div class="profile-col span-2 @error('password') field-error @enderror">
                                <label for="password" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['new_password'] ?? 'Nouveau mot de passe' }}</label>
                                <input type="password" id="password" name="password" class="profile-input" placeholder="********">
                                <div class="profile-hint">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['password_hint'] ?? 'Laissez vide pour ne pas changer.' }}</div>
                                @error('password')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col span-2 @error('password_confirmation') field-error @enderror">
                                <label for="password_confirmation" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['confirm_password'] ?? 'Confirmer le mot de passe' }}</label>
                                <input type="password" id="password_confirmation" name="password_confirmation" class="profile-input" placeholder="********">
                                @error('password_confirmation')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-actions">
                    <button type="submit" class="profile-btn profile-btn-primary">
                        <i class="fas fa-save"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['save'] ?? 'Enregistrer' }}
                    </button>
                </div>
            </form>
        </div>

        <div id="professional-section" class="profile-section is-hidden" data-section="professional">
            <form action="{{ route('worker.profile.update-professional') }}" method="POST" class="profile-form">
                @csrf
                @method('PUT')

                <div class="profile-card profile-card-professional">
                    <div class="profile-card-header">
                        <h6><i class="fas fa-id-card"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['legal_identity'] ?? 'Identité légale' }}</h6>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            @php
                                $siretInputValue = \App\Models\Worker::formatSiret(old('siret', $worker->siret ?? ''));
                            @endphp
                            <div class="profile-col @error('siret') field-error @enderror">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['siret'] ?? 'SIRET' }}</label>
                                <input type="text" id="siret-input" name="siret" class="profile-input" value="{{ $siretInputValue }}" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['siret_placeholder'] ?? '14 chiffres' }}" maxlength="17">
                                <div class="helper-text example">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['siret_hint'] ?? 'Sans espaces, 14 chiffres.' }}</div>
                                @error('siret')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col @error('ape_naf') field-error @enderror">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['ape_naf'] ?? 'APE/NAF' }}</label>
                                <input type="text" name="ape_naf" class="profile-input" value="{{ old('ape_naf', $worker->ape_naf ?? '') }}" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['ape_naf_placeholder'] ?? 'ex: 4321Z' }}">
                                <div class="helper-text example">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['ape_naf_hint'] ?? "Code d'activité principale (ex: 4321Z)." }}</div>
                                @error('ape_naf')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col @error('vat_number') field-error @enderror">
                                <div class="profile-switch">
                                    <label for="vat_applicable" class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['vat_number'] ?? 'Numéro de TVA' }}</label>
                                    <div class="profile-switch-row">
                                        <input type="checkbox" id="vat_applicable" name="vat_applicable" value="1" {{ old('vat_applicable', ($worker->vat_applicable ?? 0)) ? 'checked' : '' }}>
                                        <span class="profile-switch-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['vat_applicable'] ?? 'Assujetti' }}</span>
                                    </div>
                                </div>
                                <input type="text" id="vat_number" name="vat_number" class="profile-input" value="{{ old('vat_number', $worker->vat_number ?? '') }}" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['vat_placeholder'] ?? 'ex: FRXX999999999' }}">
                                <div class="helper-text example">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['vat_hint'] ?? 'Renseigner uniquement si assujetti à la TVA.' }}</div>
                                @error('vat_number')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-card profile-card-professional">
                    <div class="profile-card-header">
                        <h6><i class="fas fa-building"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['professional_address'] ?? 'Coordonnées professionnelles' }}</h6>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            <div class="profile-col span-2">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['address_search'] ?? 'Recherche d\'adresse' }}</label>
                                <div class="position-relative">
                                    <input type="text" id="pro-address-search" class="profile-input" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['address_search_placeholder'] ?? 'Ex: 20 avenue de Ségur, Paris' }}">
                                    <div id="pro-address-suggestions" class="address-suggestions-container"></div>
                                </div>
                                <div class="helper-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['address_search_hint'] ?? 'Tapez pour rechercher, puis sélectionnez une suggestion.' }}</div>
                            </div>
                            @php
                                $fullAddress = trim(
                                    ($worker->address_line1 ?? '')
                                    . (((($worker->zip_code ?? '') || ($worker->city ?? '')) ? ', ' : ''))
                                    . (($worker->zip_code ?? '') . ' ' . ($worker->city ?? ''))
                                    . (($worker->country ?? '') ? ' ' . $worker->country : '')
                                );
                            @endphp
                            <div id="pro-fullAddressRow" class="profile-col span-2" style="{{ empty($fullAddress) ? 'display:none;' : '' }}">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['address_full'] ?? 'Adresse complète' }}</label>
                                <div id="pro-fullAddressPreview" class="address-display profile-input" style="min-height:42px; align-items:center; display:flex;">
                                    {{ $fullAddress }}
                                </div>
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['address_line1'] ?? 'Adresse ligne 1' }}</label>
                                <input type="text" name="address_line1" class="profile-input" value="{{ old('address_line1', $worker->address_line1 ?? '') }}">
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['zip_code'] ?? 'Code postal' }}</label>
                                <input type="text" name="zip_code" class="profile-input" value="{{ old('zip_code', $worker->zip_code ?? '') }}">
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['city'] ?? 'Ville' }}</label>
                                <input type="text" name="city" class="profile-input" value="{{ old('city', $worker->city ?? '') }}">
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['country'] ?? 'Pays' }}</label>
                                <input type="text" name="country" class="profile-input" value="{{ old('country', $worker->country ?? '') }}">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-card profile-card-professional">
                    <div class="profile-card-header">
                        <h6><i class="fas fa-piggy-bank"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['banking_section'] ?? 'Coordonnées bancaires' }}</h6>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            <div class="profile-col @error('iban') field-error @enderror">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['iban'] ?? 'IBAN' }}</label>
                                <input type="text" id="iban-input" name="iban" class="profile-input" value="{{ old('iban', $worker->iban ?? '') }}" autocomplete="off" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['iban_placeholder'] ?? 'ex: FR76 3000 6000 0112 3456 7890 189' }}" maxlength="34">
                                @error('iban')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col @error('bic') field-error @enderror">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['bic'] ?? 'BIC' }}</label>
                                <input type="text" name="bic" class="profile-input" value="{{ old('bic', $worker->bic ?? '') }}" autocomplete="off" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['bic_placeholder'] ?? 'ex: AGRIFRPPXXX' }}">
                                @error('bic')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['bank_name'] ?? 'Banque' }}</label>
                                <input type="text" name="bank_name" class="profile-input" value="{{ old('bank_name', $worker->bank_name ?? '') }}">
                                @error('bank_name')
                                <div class="error-text">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-card profile-card-professional">
                    <div class="profile-card-header">
                        <h6><i class="fas fa-coins"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['rates_section'] ?? 'Taux de facturation' }} <span class="helper-text">(non modifiable)</span></h6>
                    </div>
                    <div class="profile-card-body">
                        <div class="profile-grid">
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['base_daily_rate'] ?? 'Taux journalier de base' }}</label>
                                <input type="text" class="profile-input" value="{{ number_format((float)($baseRate ?? 0), 2, ',', ' ') }} €" readonly>
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['extra_hour_rate'] ?? 'Taux heure supplémentaire' }}</label>
                                <input type="text" class="profile-input" value="{{ number_format((float)($extraRate ?? 0), 2, ',', ' ') }} €" readonly>
                            </div>
                            <div class="profile-col">
                                <label class="form-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['sunday_rate'] ?? 'Taux dimanche' }}</label>
                                <input type="text" class="profile-input" value="{{ number_format((float)(($baseRate ?? 0) * 2), 2, ',', ' ') }} €" readonly>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="profile-actions">
                    <button type="submit" class="profile-btn profile-btn-primary">
                        <i class="fas fa-save"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['profile']['save'] ?? 'Enregistrer' }}
                    </button>
                </div>
            </form>
        </div> {{-- end professional-section --}}
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('js/pages/worker/profile.js') }}?v={{ config('app.asset_version') }}" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const siretInput = document.getElementById('siret-input');
    
    if (siretInput) {
        siretInput.addEventListener('input', function(e) {
            let value = e.target.value.replace(/\D/g, ''); // Supprimer tout sauf les chiffres
            
            // Limiter à 14 chiffres
            if (value.length > 14) {
                value = value.substring(0, 14);
            }
            
            // Formater avec des espaces : XXX XXX XXX XXXXX
            let formatted = '';
            for (let i = 0; i < value.length; i++) {
                if (i === 3 || i === 6 || i === 9) {
                    formatted += ' ';
                }
                formatted += value[i];
            }
            
            e.target.value = formatted;
        });
        
        // Empêcher la saisie de caractères non numériques
        siretInput.addEventListener('keypress', function(e) {
            const char = String.fromCharCode(e.which);
            if (!/[0-9]/.test(char) && e.which !== 8 && e.which !== 0) {
                e.preventDefault();
            }
        });
    }
    
    // Formatage automatique de l'IBAN
    const ibanInput = document.getElementById('iban-input');
    
    if (ibanInput) {
        ibanInput.addEventListener('input', function(e) {
            let value = e.target.value.replace(/\s/g, '').toUpperCase(); // Supprimer espaces et mettre en majuscules
            
            // Limiter à 27 caractères (IBAN français standard)
            if (value.length > 27) {
                value = value.substring(0, 27);
            }
            
            // Formater avec des espaces tous les 4 caractères
            let formatted = '';
            for (let i = 0; i < value.length; i++) {
                if (i > 0 && i % 4 === 0) {
                    formatted += ' ';
                }
                formatted += value[i];
            }
            
            e.target.value = formatted;
        });
        
        // Permettre seulement lettres et chiffres
        ibanInput.addEventListener('keypress', function(e) {
            const char = String.fromCharCode(e.which);
            if (!/[A-Za-z0-9]/.test(char) && e.which !== 8 && e.which !== 0) {
                e.preventDefault();
            }
        });
    }
});
</script>
@endpush