@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/registrations.show.details_title', ['id' => $registration->id]) }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('admin/registrations.navigation.registrations') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.registrations.index') }}">{{ __('admin/registrations.show.breadcrumb_list') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('admin/registrations.show.breadcrumb_details') }}</li>
                </ol>
            </div>
        </div>

        <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.registrations.index') }}" class="btn btn-secondary">
                                <i class="ri-arrow-left-line me-1 align-bottom"></i> {{ __('admin/registrations.buttons.return_to_list') }}
                            </a>
                        </div>
                        <div class="flex-shrink-0">
                            <div class="hstack text-nowrap gap-2">
                                @if($registration->status === 'pending')
                                    <button class="btn btn-success" 
                                        data-bs-toggle="modal" 
                                        data-bs-target="#confirmationModal"
                                        data-registration-id="{{ $registration->id }}"
                                        data-user-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                        data-training-name="{{ $registration->training->translate()->title }}"
                                        data-session-name="{{ $registration->session ? $registration->session->name : __('admin/registrations.placeholders.no_specific_session') }}"
                                        data-amount="{{ number_format($registration->amount, 2) }} €"
                                        data-payment-method="{{ ucfirst($registration->payment_method) }}">
                                        <i class="ri-check-line me-1"></i> {{ __('admin/registrations.buttons.confirm_registration') }}
                                    </button>
                                @endif
                                @if($registration->status === 'pending_cancellation')
                                    <button type="button"
                                        class="open-cancellation-action-modal btn btn-danger"
                                        data-bs-toggle="modal"
                                        data-bs-target="#cancellationActionModal"
                                        data-mode="approve"
                                        data-action-url="{{ route('admin.registrations.approve-cancellation', $registration) }}"
                                        data-user-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                        data-training-title="{{ $registration->training->translate()->title }}">
                                        <i class="ri-user-unfollow-line me-1"></i> {{ __('admin/registrations.buttons.approve_cancellation') }}
                                    </button>
                                    <button type="button"
                                        class="open-cancellation-action-modal btn btn-warning"
                                        data-bs-toggle="modal"
                                        data-bs-target="#cancellationActionModal"
                                        data-mode="reject"
                                        data-action-url="{{ route('admin.registrations.reject-cancellation', $registration) }}"
                                        data-user-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                        data-training-title="{{ $registration->training->translate()->title }}">
                                        <i class="ri-arrow-go-back-line me-1"></i> {{ __('admin/registrations.buttons.reject_cancellation') }}
                                    </button>
                                @endif
                                <button class="open-delete-modal btn btn-soft-danger material-shadow-none"
                                    data-bs-toggle="modal"
                                    href="#deleteRecordModal"
                                    data-delete-url="{{ route('admin.registrations.destroy', $registration) }}"
                                    data-item-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                    data-item-type="{{ __('admin/registrations.messages.this_registration') }}">
                                    <i class="ri-delete-bin-2-line me-1"></i> {{ __('admin/registrations.buttons.delete') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if($registration->status === 'pending_cancellation')
        <div class="alert alert-info d-flex align-items-start gap-2 mb-4" role="alert">
            <i class="ri-information-line fs-4 flex-shrink-0"></i>
            <div>
                <strong class="d-block mb-1">{{ __('admin/registrations.cancellation.admin_notice_title') }}</strong>
                <p class="small mb-2">{{ __('admin/registrations.cancellation.admin_notice_body') }}</p>
                @if($registration->stripe_payment_intent_id)
                    <p class="mb-0 small font-monospace">{{ $registration->stripe_payment_intent_id }}</p>
                    <p class="mb-0 small text-muted">{{ __('admin/registrations.cancellation.stripe_dashboard_hint') }}</p>
                @endif
            </div>
        </div>
        @endif

        <div class="row">
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">{{ __('admin/registrations.sections.general_info') }}</h4>
                        @if($registration->status === 'confirmed')
                            <span class="badge bg-success-subtle text-success fs-6">
                                <i class="ri-checkbox-circle-line me-1"></i>{{ __('admin/registrations.show.confirmed_badge') }}
                            </span>
                        @elseif($registration->status === 'pending')
                            <span class="badge bg-warning-subtle text-warning fs-6">
                                <i class="ri-time-line me-1"></i>{{ __('admin/registrations.show.pending_badge') }}
                            </span>
                        @elseif($registration->status === 'pending_cancellation')
                            <span class="badge bg-info-subtle text-info fs-6">
                                <i class="ri-user-unfollow-line me-1"></i>{{ __('admin/registrations.show.pending_cancellation_badge') }}
                            </span>
                        @elseif($registration->status === 'cancelled')
                            <span class="badge bg-danger-subtle text-danger fs-6">
                                <i class="ri-close-circle-line me-1"></i>{{ __('admin/registrations.show.cancelled_badge') }}
                            </span>
                        @else
                            <span class="badge bg-secondary-subtle text-secondary fs-6">
                                <i class="ri-archive-line me-1"></i>{{ __('admin/registrations.show.archived_badge') }}
                            </span>
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium" style="width: 200px;">{{ __('admin/registrations.fields.registration_number') }}</td>
                                        <td>
                                            <span class="badge bg-primary-subtle text-primary fs-6">
                                                {{ $registration->registration_number }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.registration_date') }}</td>
                                        <td>{{ $registration->registration_date->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.creation_date') }}</td>
                                        <td>{{ $registration->created_at->format('d/m/Y à H:i') }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.payment_method') }}</td>
                                        <td>
                                            <span class="badge bg-info-subtle text-info">
                                                {{ ucfirst($registration->payment_method) }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.amount') }}</td>
                                        <td>
                                            <span class="fw-semibold text-success">{{ number_format($registration->amount, 2) }} €</span>
                                        </td>
                                    </tr>
                                    @if($registration->cheque_reference)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.fields.cheque_reference') }}</td>
                                        <td><code>{{ $registration->cheque_reference }}</code></td>
                                    </tr>
                                    @endif
                                    @if($registration->vat_number)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.fields.company_number') }}</td>
                                        <td><code>{{ $registration->vat_number }}</code></td>
                                    </tr>
                                    @endif
                                    @if($registration->user_code)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.fields.user_code') }}</td>
                                        <td><code>{{ $registration->user_code }}</code></td>
                                    </tr>
                                    @endif
                                    @if($registration->authorization_code)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.fields.authorization_number') }}</td>
                                        <td><code>{{ $registration->authorization_code }}</code></td>
                                    </tr>
                                    @endif
                                    @if($registration->order_id)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.fields.order_id') }}</td>
                                        <td><code>{{ $registration->order_id }}</code></td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-bookmark-line me-1"></i>{{ __('admin/registrations.sections.training') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="d-flex">
                            @if($registration->training->image)
                                <div class="flex-shrink-0 me-3">
                                    <img src="{{ asset('storage/' . $registration->training->image) }}" 
                                         alt="{{ $registration->training->translate()->title }}" 
                                         class="rounded"
                                         style="width: 120px; height: 120px; object-fit: cover;">
                                </div>
                            @endif
                            <div class="flex-grow-1">
                                <h5 class="mb-2">{{ $registration->training->translate()->title }}</h5>
                                @if($registration->training->translate()->description)
                                    <p class="text-muted mb-2">
                                        {{ Str::limit($registration->training->translate()->description, 200) }}
                                    </p>
                                @endif
                                <div class="hstack gap-2">
                                    <span class="badge bg-secondary-subtle text-secondary">
                                        {{ $registration->training->duration }} {{ __('admin/registrations.messages.days') }}
                                    </span>
                                    <span class="badge bg-success-subtle text-success">
                                        {{ number_format($registration->training->price, 2) }} €
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                @if($registration->session)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-calendar-event-line me-1"></i>{{ __('admin/registrations.sections.session') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium" style="width: 200px;">{{ __('admin/registrations.show.session_name') }}</td>
                                        <td>{{ $registration->session->name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.start_date') }}</td>
                                        <td>{{ $registration->session->start_date->format('d/m/Y') }}</td>
                                    </tr>
                                    @if($registration->session->end_date)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.end_date') }}</td>
                                        <td>{{ $registration->session->end_date->format('d/m/Y') }}</td>
                                    </tr>
                                    @endif
                                    @if($registration->session->dates)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.complete_dates') }}</td>
                                        <td>
                                            @foreach($registration->session->dates as $date)
                                                <span class="badge bg-light text-dark me-1">{{ $date }}</span>
                                            @endforeach
                                        </td>
                                    </tr>
                                    @endif
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.available_seats') }}</td>
                                        <td>
                                            <span class="badge bg-{{ $registration->session->seats_available > 5 ? 'success' : 'warning' }}-subtle text-{{ $registration->session->seats_available > 5 ? 'success' : 'warning' }}">
                                                {{ $registration->session->seats_available }} {{ __('admin/registrations.show.seats') }}
                                            </span>
                                        </td>
                                    </tr>
                                    @if($registration->session->remarks)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.remarks') }}</td>
                                        <td>{{ $registration->session->remarks }}</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif

                @if($stats['reminders_sent'] > 0)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-mail-send-line me-1"></i>{{ __('admin/registrations.sections.reminder_history') }} ({{ $stats['reminders_sent'] }})
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>{{ __('admin/registrations.messages.sent_on') }}</th>
                                        <th>{{ __('admin/registrations.show.subject') }}</th>
                                        <th>{{ __('admin/registrations.show.status') }}</th>
                                        <th class="text-end">{{ __('admin/registrations.table.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($registration->reminders as $reminder)
                                        <tr>
                                            <td>{{ $reminder->created_at->format('d/m/Y H:i') }}</td>
                                            <td>{{ $reminder->subject }}</td>
                                            <td>
                                                @if($reminder->status === 'sent')
                                                    <span class="badge bg-success-subtle text-success">{{ __('admin/registrations.messages.sent') }}</span>
                                                @else
                                                    <span class="badge bg-danger-subtle text-danger">{{ __('admin/registrations.messages.failed') }}</span>
                                                @endif
                                            </td>
                                            <td class="text-end">
                                                <a href="{{ route('admin.email-logs.show', $reminder) }}" class="btn btn-sm btn-info">
                                                    <i class="ri-eye-line"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif
            </div>

            <div class="col-lg-4">
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-user-line me-1"></i>{{ __('admin/registrations.sections.participant') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="text-center mb-3">
                            <div class="avatar-lg mx-auto mb-3">
                                <div class="avatar-title bg-primary-subtle text-primary fs-1 rounded-circle">
                                    {{ strtoupper(substr($registration->user->firstname, 0, 1)) }}{{ strtoupper(substr($registration->user->lastname, 0, 1)) }}
                                </div>
                            </div>
                            <h5 class="mb-1">{{ $registration->user->firstname }} {{ $registration->user->lastname }}</h5>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-borderless table-sm mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.email') }}</td>
                                        <td>
                                            <a href="mailto:{{ $registration->user->email }}">
                                                {{ $registration->user->email }}
                                            </a>
                                        </td>
                                    </tr>
                                    @if($registration->user->phone)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.phone') }}</td>
                                        <td>
                                            <a href="tel:{{ $registration->user->phone }}">
                                                {{ $registration->user->phone }}
                                            </a>
                                        </td>
                                    </tr>
                                    @endif
                                    @if($registration->user->profession)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.profession') }}</td>
                                        <td>{{ $registration->user->profession }}</td>
                                    </tr>
                                    @endif
                                    @if($registration->user->tva_number)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/registrations.show.vat_number') }}</td>
                                        <td><code>{{ $registration->user->tva_number }}</code></td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>

                        <div class="mt-3">
                            <a href="{{ route('admin.email-logs.user-emails', $registration->user_id) }}" class="btn btn-primary btn-sm w-100">
                                <i class="ri-mail-line me-1"></i>{{ __('admin/registrations.buttons.view_emails') }}
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-settings-3-line me-1"></i>{{ __('admin/registrations.sections.quick_actions') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            @if($registration->status === 'pending')
                                <button type="button" 
                                    class="btn btn-success"
                                    data-bs-toggle="modal" 
                                    data-bs-target="#confirmationModal"
                                    data-registration-id="{{ $registration->id }}"
                                    data-user-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                    data-training-name="{{ $registration->training->translate()->title }}"
                                    data-session-name="{{ $registration->session ? $registration->session->name : __('admin/registrations.placeholders.no_specific_session') }}"
                                    data-amount="{{ number_format($registration->amount, 2) }} €"
                                    data-payment-method="{{ ucfirst($registration->payment_method) }}">
                                    <i class="ri-check-line me-1"></i>{{ __('admin/registrations.buttons.confirm_registration') }}
                                </button>
                            @endif
                            
                            <button type="button" 
                                class="btn btn-info" 
                                data-bs-toggle="modal" 
                                data-bs-target="#reminderModal"
                                data-registration-id="{{ $registration->id }}"
                                data-user-name="{{ $registration->user->firstname }} {{ $registration->user->lastname }}"
                                data-training-name="{{ $registration->training->translate()->title }}"
                                data-session-name="{{ $registration->session ? $registration->session->name : __('admin/registrations.placeholders.no_specific_session') }}">
                                <i class="ri-mail-send-line me-1"></i>{{ __('admin/registrations.buttons.send_reminder') }}
                            </button>

                            <a href="{{ route('admin.email-logs.index', ['search' => $registration->user->email]) }}" class="btn btn-secondary">
                                <i class="ri-history-line me-1"></i>{{ __('admin/registrations.buttons.email_history') }}
                            </a>
                        </div>
                    </div>
                </div>

                @if($stats['last_reminder'])
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-time-line me-1"></i>{{ __('admin/registrations.sections.last_reminder') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <p class="text-muted mb-2">
                            <small>{{ __('admin/registrations.messages.sent_on') }} {{ $stats['last_reminder']->created_at->format('d/m/Y à H:i') }}</small>
                        </p>
                        <p class="mb-2"><strong>{{ $stats['last_reminder']->subject }}</strong></p>
                        <div class="mt-3">
                            <a href="{{ route('admin.email-logs.show', $stats['last_reminder']) }}" class="btn btn-sm btn-info w-100">
                                <i class="ri-eye-line me-1"></i>{{ __('admin/registrations.buttons.view_reminder') }}
                            </a>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<x-admin.registration-confirmation-modal />
<x-admin.registration-reminder-modal />

<x-admin.delete-modal
    item-type="{{ __('admin/registrations.messages.this_registration') }}"
    confirm-text="{{ __('admin/registrations.messages.delete_registration_confirm') }}"
    delete-text="{{ __('admin/registrations.buttons.delete') }}" />

<x-admin.registration-cancellation-action-modal />

<x-admin.toast-messages />

@endsection

@push('script')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        initializeModals('confirmation');
        initializeModals('reminder');
    });

    function initializeModals(type) {
        const modalId = type === 'confirmation' ? '#confirmationModal' : '#reminderModal';
        const modal = document.querySelector(modalId);
        
        if (!modal) return;

        modal.addEventListener('show.bs.modal', function(event) {
            const button = event.relatedTarget;
            
            if (type === 'confirmation') {
                const userName = button.getAttribute('data-user-name');
                const trainingName = button.getAttribute('data-training-name');
                const sessionName = button.getAttribute('data-session-name');
                const amount = button.getAttribute('data-amount');
                const paymentMethod = button.getAttribute('data-payment-method');
                const registrationId = button.getAttribute('data-registration-id');
                
                modal.querySelector('#confirmation-user-name').textContent = userName;
                modal.querySelector('#confirmation-formation-name').textContent = trainingName;
                modal.querySelector('#confirmation-session-name').textContent = sessionName;
                modal.querySelector('#confirmation-amount').textContent = amount;
                modal.querySelector('#confirmation-payment-method').textContent = paymentMethod;
                
                const form = modal.querySelector('#confirmation-form');
                form.action = `/admin/registrations/${registrationId}/confirm`;
            } else {
                const userName = button.getAttribute('data-user-name');
                const trainingName = button.getAttribute('data-training-name');
                const sessionName = button.getAttribute('data-session-name');
                const registrationId = button.getAttribute('data-registration-id');
                
                modal.querySelector('#reminder-user-name').textContent = userName;
                modal.querySelector('#reminder-formation-name').textContent = trainingName;
                modal.querySelector('#reminder-session-name').textContent = sessionName;
                
                const form = modal.querySelector('#reminder-form-');
                form.action = `/admin/registrations/${registrationId}/send-reminder`;
                
                loadReminders(registrationId);
            }
        });

        const confirmButton = modal.querySelector(type === 'confirmation' ? '#confirm-confirmation-btn' : '#confirm-reminder-btn');
        if (confirmButton) {
            confirmButton.addEventListener('click', function() {
                const form = modal.querySelector('form');
                const btnText = this.querySelector('.btn-text');
                const btnLoading = this.querySelector('.btn-loading');
                
                btnText.classList.add('d-none');
                btnLoading.classList.remove('d-none');
                this.disabled = true;
                
                fetch(form.action, {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                        'Accept': 'application/json'
                    }
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        bootstrap.Modal.getInstance(modal).hide();
                        location.reload();
                    } else {
                        alert('{{ __("admin/registrations.messages.registration_created_error") }}');
                    }
                })
                .catch(error => {
                    console.error('Erreur:', error);
                    alert('{{ __("admin/registrations.messages.data_loading_error") }}');
                })
                .finally(() => {
                    btnText.classList.remove('d-none');
                    btnLoading.classList.add('d-none');
                    this.disabled = false;
                });
            });
        }
    }

    function loadReminders(registrationId) {
        const remindersList = document.getElementById('reminders-list');
        const remindersSection = document.getElementById('reminders-section');
        const remindersCount = document.getElementById('reminders-count');
        
        fetch(`/admin/registrations/${registrationId}/reminders`)
            .then(response => response.json())
            .then(data => {
                if (data.reminders && data.reminders.length > 0) {
                    remindersCount.textContent = data.reminders.length;
                    remindersList.innerHTML = data.reminders.map(r => 
                        `<div class="text-start mb-1">
                            <i class="ri-mail-line me-1"></i>
                            ${new Date(r.created_at).toLocaleDateString('fr-FR')} à ${new Date(r.created_at).toLocaleTimeString('fr-FR', {hour: '2-digit', minute: '2-digit'})}
                        </div>`
                    ).join('');
                    remindersSection.style.display = 'block';
                } else {
                    remindersSection.style.display = 'none';
                }
            })
            .catch(error => {
                console.error('{{ __("admin/registrations.messages.loading_error") }}:', error);
                remindersList.innerHTML = '<div class="text-danger">{{ __("admin/registrations.messages.loading_error") }}</div>';
            });
    }
</script>
@endpush