@extends('admin.layouts.app')

@section('content')
<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">{{ __('admin/users.page_titles.detail') }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">{{ __('admin/users.breadcrumb.users') }}</a></li>
                    <li class="breadcrumb-item active">{{ $user->firstname }} {{ $user->lastname }}</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="javascript:history.back()" class="btn btn-light me-2">
                                <i class="ri-arrow-left-line me-1"></i>{{ __('admin/users.actions.back_to_list') }}
                            </a>
                            @can('users.edit')
                            <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-primary">
                                <i class="ri-pencil-line me-1"></i>{{ __('admin/users.actions.edit') }}
                            </a>
                            @endcan
                        </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">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.firstname') }}</label>
                                    <p class="fw-medium">{{ $user->firstname }}</p>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.lastname') }}</label>
                                    <p class="fw-medium">{{ $user->lastname }}</p>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.email') }}</label>
                                    @if($user->email)
                                    <p class="fw-medium">
                                        <i class="ri-mail-line text-success me-2"></i>
                                        <a href="mailto:{{ $user->email }}">{{ $user->email }}</a>
                                    </p>
                                    @else
                                    <p class="text-muted">
                                        <i class="ri-mail-line text-muted me-2"></i>
                                        {{ __('admin/users.status.no_email') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.phone') }}</label>
                                    @if($user->phone)
                                    <p class="fw-medium">
                                        <i class="ri-phone-line text-primary me-2"></i>
                                        <a href="tel:{{ $user->phone }}">{{ $user->phone }}</a>
                                    </p>
                                    @else
                                    <p class="text-muted">
                                        <i class="ri-phone-line text-muted me-2"></i>
                                        {{ __('admin/users.status.no_phone') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.birthdate') }}</label>
                                    @if($user->birthdate)
                                    <p class="fw-medium">
                                        <i class="ri-calendar-line text-info me-2"></i>
                                        {{ $user->birthdate->format(__('admin/users.dates.birthdate_format')) }}
                                    </p>
                                    @else
                                    <p class="text-muted">
                                        <i class="ri-calendar-line text-muted me-2"></i>
                                        {{ __('admin/users.status.no_birthdate') }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                            @if($user->profession)
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.profession') }}</label>
                                    <p class="fw-medium">{{ $user->profession }}</p>
                                </div>
                            </div>
                            @endif
                            @if($user->tva_number)
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted">{{ __('admin/users.form.vat_number') }}</label>
                                    <p class="fw-medium">{{ $user->tva_number }}</p>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Adresses -->
                @if($user->addresses->count() > 0)
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.addresses') }} ({{ $user->addresses->count() }})</h5>
                        @can('address.create')
                        <button class="btn btn-sm btn-primary open-address-modal"
                            data-bs-toggle="modal"
                            data-bs-target="#userAddressUpdateModal"
                            data-user_id="{{ $user->id }}"
                            data-username="{{ $user->firstname }} {{ $user->lastname }}"
                            data-url="{{ route('admin.users.addresses.store', $user) }}"
                            data-method="POST"
                            data-modal-title="{{ __('admin/users.address_info.new_address_for') }} {{ $user->firstname }} {{ $user->lastname }}"
                            data-button-text="{{ __('admin/users.address_info.create_address') }}"
                            data-info-text="{{ __('admin/users.address_info.creation') }}"
                            data-address=""
                            data-zipcode=""
                            data-city=""
                            data-country="{{ __('admin/users.form.default_country') }}"
                            data-is-primary="false"
                            title="{{ __('admin/users.actions.add_address') }}">
                        <i class="ri-add-line me-1"></i>{{ __('admin/users.actions.new_address') }}
                        </button>
                        @endcan
                    </div>
                    <div class="card-body">
                        @foreach($user->addresses as $address)
                        <div class="d-flex align-items-center justify-content-between py-2">
                            <div class="flex-grow-1 d-flex align-items-center gap-3">
                                <div class="fw-medium">{{ $address->address }}</div>
                                <div class="text-muted">{{ $address->zipcode }}</div>
                                <div class="text-muted">{{ $address->city }}</div>
                                @if($address->is_primary)
                                <span class="badge bg-success-subtle text-success">
                                    <i class="ri-star-line me-1"></i>{{ __('admin/users.form.primary_address') }}
                                </span>
                                @endif
                            </div>
                            <div class="flex-shrink-0">
                                @can('address.edit')
                                <span data-bs-toggle="tooltip" title="{{ __('admin/users.actions.modify_address') }}">
                                <button class="btn btn-sm btn-outline-primary open-address-modal" 
                                    data-bs-toggle="modal"
                                    data-bs-target="#userAddressUpdateModal"
                                    data-user_id="{{ $user->id }}"
                                    data-username="{{ $user->firstname }} {{ $user->lastname }}"
                                    data-url="{{ route('admin.users.addresses.update', [$user, $address]) }}"
                                    data-method="PATCH"
                                    data-modal-title="{{ __('admin/users.address_info.modify_address_for') }} {{ $user->firstname }} {{ $user->lastname }}"
                                    data-button-text="{{ __('admin/users.address_info.update_address') }}"
                                    data-info-text="{{ __('admin/users.address_info.modification') }} : {{ $address->address }}, {{ $address->zipcode }} {{ $address->city }}"
                                    data-address="{{ $address->address }}"
                                    data-zipcode="{{ $address->zipcode }}"
                                    data-city="{{ $address->city }}"
                                    data-country="{{ $address->country }}"
                                    data-is-primary="{{ $address->is_primary ? 'true' : 'false' }}"
                                    title="{{ __('admin/users.actions.modify_address') }}">
                                    <i class="ri-pencil-line"></i>
                                </button>
                                </span>
                                @endcan
                            </div>
                        </div>
                        @if(!$loop->last)
                        <hr class="my-2 border-primary">
                        @endif
                        @endforeach
                    </div>
                </div>
                @else
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.addresses') }}</h5>
                        <button class="btn btn-sm btn-primary">
                            <i class="ri-add-line me-1"></i>{{ __('admin/users.actions.first_address') }}
                        </button>
                    </div>
                    <div class="card-body text-center py-4">
                        <div class="avatar-md mx-auto mb-3">
                            <div class="avatar-title bg-light text-muted rounded-circle fs-2">
                                <i class="ri-map-pin-line"></i>
                            </div>
                        </div>
                        <h6 class="text-muted">{{ __('admin/users.status.no_addresses') }}</h6>
                        <p class="text-muted mb-0">{{ __('admin/users.status.no_address_registered') }}</p>
                    </div>
                </div>
                @endif                

                <!-- Historique des inscriptions -->
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.registration_history') }}</h5>
                        @can('registrations.create')
                        <a href="{{ route('admin.registrations.create', ['user_id' => $user->id]) }}" class="btn btn-sm btn-primary">
                            <i class="ri-add-line me-1"></i>{{ __('admin/users.actions.new_registration') }}
                        </a>
                        @endcan
                    </div>
                    <div class="card-body">
                        @if($user->registrations->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>{{ __('admin/users.registrations.training') }}</th>
                                        <th>{{ __('admin/users.registrations.session') }}</th>
                                        <th>{{ __('admin/users.registrations.date') }}</th>
                                        <th>{{ __('admin/users.registrations.status') }}</th>
                                        <th>{{ __('admin/users.registrations.amount') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($user->registrations->sortByDesc('registration_date') as $registration)
                                    <tr>
                                        <td>
                                            <div>
                                                <strong>{{ Str::limit($registration->training->translate()->title ?? __('admin/users.registrations.unknown_training'), 30) }}</strong>
                                                @if($registration->training->color)
                                                <br><span class="badge" style="background-color: {{ $registration->training->color }}; color: white; font-size: 0.75em;">
                                                    {{ __('admin/users.registrations.training') }}
                                                </span>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            @if($registration->session)
                                            <div>
                                                {{ $registration->session->name }}
                                                @if($registration->session->start_date)
                                                <br><small class="text-muted">{{ $registration->session->start_date->format('d/m/Y') }}</small>
                                                @endif
                                            </div>
                                            @else
                                            <span class="text-muted">{{ __('admin/users.registrations.no_session') }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            {{ $registration->registration_date->format('d/m/Y') }}
                                        </td>
                                        <td>
                                            <span class="badge {{ $registration->status_badge_class }}">
                                                {{ $registration->status_label }}
                                            </span>
                                        </td>
                                        <td>
                                            <strong>{{ number_format($registration->amount, 2) }}€</strong>
                                            @if($registration->payment_method)
                                            <br><small class="text-muted">{{ ucfirst($registration->payment_method) }}</small>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <div class="text-center py-4">
                            <div class="avatar-md mx-auto mb-3">
                                <div class="avatar-title bg-light text-muted rounded-circle fs-2">
                                    <i class="ri-bookmark-line"></i>
                                </div>
                            </div>
                            <h6 class="text-muted">{{ __('admin/users.status.no_registrations') }}</h6>
                            <p class="text-muted mb-3">{{ __('admin/users.status.no_registrations_yet') }}</p>
                            <a href="{{ route('admin.registrations.create', ['user_id' => $user->id]) }}" class="btn btn-primary">
                                <i class="ri-add-line me-1"></i>{{ __('admin/users.actions.create_first_registration') }}
                            </a>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Historique des emails -->
                @if($user->emailLogs->count() > 0)
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.sent_emails') }} ({{ $user->emailLogs->count() }})</h5>
                    </div>
                    <div class="card-body">
                        {{-- 5 premiers emails --}}
                        @foreach($user->emailLogs->take(5) as $emailLog)
                        <div class="d-flex align-items-center mb-3">
                            <div class="flex-grow-1">
                                <h6 class="mb-1">
                                    {{ $emailLog->subject }}
                                    <span class="badge {{ $emailLog->status_badge }}">
                                        {{ $emailLog->status_label }}
                                    </span>
                                </h6>
                                <small class="text-muted">
                                    @if($emailLog->admin)
                                        {{ __('admin/global.by') }} {{ $emailLog->admin->firstname }} {{ $emailLog->admin->lastname }}
                                    @else
                                        {{ __('admin/global.by') }} {{ $emailLog->from_name ?? 'Système' }}
                                    @endif
                                    {{ __('admin/global.on') }} {{ $emailLog->created_at->format('d/m/Y à H:i') }}
                                </small>
                            </div>
                            <div>
                                <span class="text-muted">
                                    <a href="{{ route('admin.users.showemail', ['user' => $user, 'emailLog' => $emailLog]) }}" class="btn btn-sm btn-soft-info">
                                        <i class="ri-eye-line"></i> {{ __('admin/users.actions.view_email') }}
                                    </a>
                                </span>
                            </div>
                        </div>
                        @endforeach

                        {{-- Collapse pour les emails restants --}}
                        @if($user->emailLogs->count() > 5)
                        <div class="collapse mt-3" id="collapse-all-emails-{{ $user->id }}">
                            @foreach($user->emailLogs->slice(5) as $emailLog)
                            <div class="d-flex align-items-center mb-3">
                                <div class="flex-grow-1">
                                    <h6 class="mb-1">
                                        {{ $emailLog->subject }}
                                        <span class="badge {{ $emailLog->status_badge }}">
                                            {{ $emailLog->status_label }}
                                        </span>
                                    </h6>
                                    <small class="text-muted">
                                        @if($emailLog->admin)
                                            {{ __('admin/global.by') }} {{ $emailLog->admin->firstname }} {{ $emailLog->admin->lastname }}
                                        @else
                                            {{ __('admin/global.by') }} {{ $emailLog->from_name ?? 'Système' }}
                                        @endif
                                        {{ __('admin/global.on') }} {{ $emailLog->created_at->format('d/m/Y à H:i') }}
                                    </small>
                                </div>
                                <div>
                                    <span class="text-muted">
                                        <a href="{{ route('admin.users.showemail', ['user' => $user, 'emailLog' => $emailLog]) }}" class="btn btn-sm btn-soft-info">
                                            <i class="ri-eye-line"></i> {{ __('admin/users.actions.view_email') }}
                                        </a>
                                    </span>
                                </div>
                            </div>
                            @endforeach
                            <div class="text-center">
                                <button class="btn btn-sm btn-outline-secondary mt-2"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapse-all-emails-{{ $user->id }}">
                                    {{ __('admin/users.actions.see_less') }}
                                </button>
                            </div>
                        </div>

                        {{-- Bouton pour ouvrir le collapse --}}
                        <div class="text-center">
                            <button class="btn btn-sm btn-outline-primary"
                                id="btn-show-all-emails-{{ $user->id }}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapse-all-emails-{{ $user->id }}"
                                aria-expanded="false"
                                aria-controls="collapse-all-emails-{{ $user->id }}">
                                {{ __('admin/users.actions.see_all_emails') }} ({{ $user->emailLogs->count() }})
                            </button>
                        </div>
                        @endif
                    </div>
                </div>
                @endif
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4">
                <!-- Avatar et statut -->
                <div class="card">
                    <div class="card-body text-center">
                        <div class="avatar-lg mx-auto mb-3">
                            <span class="avatar-title rounded-circle bg-primary-subtle text-primary fs-2">
                                {{ strtoupper(substr($user->firstname, 0, 1)) }}{{ strtoupper(substr($user->lastname, 0, 1)) }}
                            </span>
                        </div>
                        <h5 class="mb-1">{{ $user->firstname }} {{ $user->lastname }}</h5>
                        <p class="text-muted mb-3">ID: {{ $user->id }}</p>

                        <div class="d-flex justify-content-center gap-2 mb-3">
                            @if($user->newsletter_subscribed)
                            <span class="badge bg-info-subtle text-info">
                                <i class="ri-mail-check-line me-1"></i>{{ __('admin/users.status.newsletter_subscriber') }}
                            </span>
                            @endif

                            @if($user->is_vat_registered)
                            <span class="badge bg-warning-subtle text-warning">
                                <i class="ri-building-line me-1"></i>{{ __('admin/users.status.vat_registered') }}
                            </span>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- 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');
                        $averageSpent = $confirmedRegistrations->count() > 0 ? $totalSpent / $confirmedRegistrations->count() : 0;
                        $lastRegistration = $confirmedRegistrations->sortByDesc('registration_date')->first();
                        @endphp

                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.confirmed_registrations') }}:</span>
                                <span class="fw-medium">{{ $confirmedRegistrations->count() }}</span>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.total_spent') }}:</span>
                                <span class="fw-medium text-success">{{ number_format($totalSpent, 2) }}€</span>
                            </div>
                        </div>

                        @if($confirmedRegistrations->count() > 0)
                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.average_per_training') }}:</span>
                                <span class="fw-medium">{{ number_format($averageSpent, 2) }}€</span>
                            </div>
                        </div>
                        @endif

                        @if($lastRegistration)
                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.last_registration') }}:</span>
                                <span class="fw-medium">{{ $lastRegistration->registration_date->format('d/m/Y') }}</span>
                            </div>
                        </div>
                        @endif

                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.pending_registrations') }}:</span>
                                <span class="fw-medium text-warning">{{ $user->registrations->where('status', 'pending')->count() }}</span>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('admin/users.stats.cancelled_registrations') }}:</span>
                                <span class="fw-medium text-danger">{{ $user->registrations->where('status', 'cancelled')->count() }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Informations système -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.system_info') }}</h5>
                    </div>
                    <div class="card-body">
                        <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>
                        @if($user->deleted_at)
                        <div class="mb-2">
                            <small class="text-muted">{{ __('admin/users.dates.deleted_on') }} :</small>
                            <div class="text-danger">{{ $user->deleted_at->format('d/m/Y à H:i') }}</div>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Actions -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.actions') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            @can('users.edit')
                            <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-primary">
                                <i class="ri-pencil-line me-1"></i>{{ __('admin/users.actions.edit') }} {{ __('admin/users.status.this_user') }}
                            </a>
                            @endcan

                            @can('registrations.create')
                            <a href="{{ route('admin.registrations.create', ['user_id' => $user->id]) }}" class="btn btn-success">
                                <i class="ri-add-line me-1"></i>{{ __('admin/users.actions.new_registration') }}
                            </a>
                            @endcan

                            @if($user->email)
                            <a href="{{ route('admin.users.sendemail', $user->id) }}" class="btn btn-outline-info">
                                <i class="ri-mail-line me-1"></i>{{ __('admin/users.actions.send_email') }}
                            </a>
                            @endif

                            @can('users.delete')
                            @if($confirmedRegistrations->count() == 0)
                            <button class="btn btn-danger w-100 open-delete-modal"
                                data-bs-toggle="modal"
                                href="#deleteRecordModal"
                                data-delete-url="{{ route('admin.users.destroy', $user->id) }}"
                                data-item-name="{{ $user->firstname }} {{ $user->lastname }}"
                                data-item-type="{{ __('admin/users.status.this_user') }}"
                                id="delete-record-{{ $user->id }}">
                                <i class="ri-delete-bin-line me-1"></i>{{ __('admin/users.actions.delete') }} {{ __('admin/users.status.this_user') }}
                            </button>
                            @else
                            <div class="alert alert-warning mb-0">
                                <i class="ri-information-line me-2"></i>
                                <strong>{{ __('admin/users.status.cannot_delete_has_registrations') }}</strong><br>
                                {{ __('admin/users.status.has_confirmed_registrations') }}
                            </div>
                            @endif
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal d'ajout/modification d'adresse -->
<x-admin.users-address-update-modal />

<!-- Modal de suppression -->
<x-admin.delete-modal
    item-type="{{ __('admin/users.status.this_user') }}"
    confirm-text="{{ __('admin/users.modals.delete_confirm') }}"
    delete-text="{{ __('admin/users.actions.delete') }} {{ __('admin/users.status.this_user') }}" />

<!-- Composant toast global -->
<x-admin.toast-messages />
@endsection

@push('script')
<script src="{{ asset('admin/assets/js/pages/users.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Initialize the user address modal
    initializeUserAddressModal();

    var collapseId = '#collapse-all-emails-{{ $user->id }}';
    var btnShow = document.getElementById('btn-show-all-emails-{{ $user->id }}');
    var collapse = document.querySelector(collapseId);

    if (collapse && btnShow) {
        collapse.addEventListener('show.bs.collapse', function () {
            btnShow.style.display = 'none';
        });
        collapse.addEventListener('hide.bs.collapse', function () {
            btnShow.style.display = '';
        });
    }
});
</script>
@endpush