@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.email_sent') }}</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"><a href="{{ route('admin.users.show', $user) }}">{{ $user->firstname }} {{ $user->lastname }}</a></li>
                    <li class="breadcrumb-item active">{{ __('admin/users.breadcrumb.email') }}</li>
                </ol>
            </div>
        </div>

        <!-- Menu bar -->
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex align-items-center flex-wrap gap-2">
                        <div class="flex-grow-1">
                            <a href="{{ route('admin.users.show', $user) }}" class="btn btn-light me-2">
                                <i class="ri-arrow-left-line me-1"></i>{{ __('admin/users.actions.back_to_user') }}
                            </a>
                            
                            @if($emailLog->status === 'failed')
                            <button type="button" 
                                    class="btn btn-warning"
                                    onclick="showResendConfirmation({{ $emailLog->id }}, '{{ $user->firstname }} {{ $user->lastname }}', '{{ $emailLog->subject }}')">
                                <i class="ri-refresh-line me-1"></i>{{ __('admin/users.actions.resend_email') }}
                            </button>
                            @endif
                            
                            <a href="{{ route('admin.users.sendemail', $user) }}" class="btn btn-primary">
                                <i class="ri-mail-add-line me-1"></i>{{ __('admin/users.actions.new_message') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- Contenu principal -->
            <div class="col-lg-8">
                <!-- En-tête de l'email -->
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex align-items-center">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-primary">
                                    <i class="ri-mail-line"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <h5 class="card-title mb-1">{{ $emailLog->subject }}</h5>
                                <div class="d-flex align-items-center gap-3">
                                    <span class="badge {{ $emailLog->status_badge }}">
                                        {{ $emailLog->status_label }}
                                    </span>
                                    @if(isset($emailLog->metadata['priority']) && $emailLog->metadata['priority'] !== 'normal')
                                    <span class="badge bg-{{ $emailLog->metadata['priority'] === 'high' ? 'danger' : 'warning' }}-subtle text-{{ $emailLog->metadata['priority'] === 'high' ? 'danger' : 'warning' }}">
                                        {{ __('admin/users.email.priority') }} {{ ucfirst($emailLog->metadata['priority']) }}
                                    </span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Informations de l'email -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="d-flex align-items-center mb-3">
                                    <div class="avatar-xs me-3">
                                        <span class="avatar-title rounded-circle bg-success-subtle text-success">
                                            <i class="ri-user-line"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <small class="text-muted">{{ __('admin/users.email.from') }} :</small>
                                        <div class="fw-medium">{{ $emailLog->admin->firstname }} {{ $emailLog->admin->lastname }}</div>
                                        <small class="text-muted">{{ $emailLog->from_email }}</small>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="d-flex align-items-center mb-3">
                                    <div class="avatar-xs me-3">
                                        <span class="avatar-title rounded-circle bg-info-subtle text-info">
                                            <i class="ri-user-received-line"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <small class="text-muted">{{ __('admin/users.email.to') }} :</small>
                                        <div class="fw-medium">{{ $user->firstname }} {{ $user->lastname }}</div>
                                        <small class="text-muted">{{ $emailLog->to_email }}</small>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Date et statut -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <div class="avatar-xs me-3">
                                        <span class="avatar-title rounded-circle bg-warning-subtle text-warning">
                                            <i class="ri-calendar-line"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <small class="text-muted">{{ __('admin/users.email.created_on') }} :</small>
                                        <div class="fw-medium">{{ $emailLog->created_at->format('d/m/Y à H:i:s') }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="d-flex align-items-center">
                                    <div class="avatar-xs me-3">
                                        <span class="avatar-title rounded-circle bg-{{ $emailLog->status === 'sent' ? 'success' : ($emailLog->status === 'failed' ? 'danger' : 'warning') }}-subtle text-{{ $emailLog->status === 'sent' ? 'success' : ($emailLog->status === 'failed' ? 'danger' : 'warning') }}">
                                            <i class="ri-{{ $emailLog->status === 'sent' ? 'check' : ($emailLog->status === 'failed' ? 'close' : 'time') }}-line"></i>
                                        </span>
                                    </div>
                                    <div>
                                        <small class="text-muted">{{ $emailLog->status === 'sent' ? __('admin/users.email.sent_on') : ($emailLog->status === 'failed' ? __('admin/users.email.failed_on') : __('admin/users.email.pending_since')) }} :</small>
                                        <div class="fw-medium">
                                            @if($emailLog->sent_at)
                                                {{ $emailLog->sent_at->format('d/m/Y à H:i:s') }}
                                            @else
                                                {{ $emailLog->updated_at->format('d/m/Y à H:i:s') }}
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Options spéciales -->
                        @if((isset($emailLog->metadata['copy_to_admin']) && $emailLog->metadata['copy_to_admin']) || (isset($emailLog->metadata['auto_reply_notice']) && $emailLog->metadata['auto_reply_notice']))
                        <div class="mb-4">
                            <small class="text-muted">{{ __('admin/users.email.options_enabled') }} :</small>
                            <div class="mt-1">
                                @if(isset($emailLog->metadata['copy_to_admin']) && $emailLog->metadata['copy_to_admin'])
                                <span class="badge bg-info-subtle text-info me-2">
                                    <i class="ri-mail-send-line me-1"></i>{{ __('admin/users.email.copy_sent_to_admin') }}
                                </span>
                                @endif
                                @if(isset($emailLog->metadata['auto_reply_notice']) && $emailLog->metadata['auto_reply_notice'])
                                <span class="badge bg-warning-subtle text-warning">
                                    <i class="ri-time-line me-1"></i>{{ __('admin/users.email.absence_message_included') }}
                                </span>
                                @endif
                            </div>
                        </div>
                        @endif

                        <!-- Message d'erreur -->
                        @if($emailLog->status === 'failed' && $emailLog->error_message)
                        <div class="alert alert-danger">
                            <h6 class="alert-heading">
                                <i class="ri-error-warning-line me-2"></i>{{ __('admin/users.email.send_error') }}
                            </h6>
                            <p class="mb-0">{{ $emailLog->error_message }}</p>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Contenu du message -->
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">
                            <i class="ri-message-3-line me-2"></i>{{ __('admin/users.sections.message_content') }}
                        </h5>
                        @if($emailLog->html_content)
                            <a href="{{ route('admin.users.viewemailhtml', ['user' => $user, 'emailLog' => $emailLog]) }}" class="btn btn-sm btn-soft-success" target="_blank">
                                <i class="ri-code-s-slash-line me-1"></i>{{ __('admin/users.actions.view_html') }}
                            </a>
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="border rounded p-4" style="background-color: #fafbfc; min-height: 200px;">
                            <iframe
                                srcdoc="{{ $emailLog->message }}"
                                sandbox=""
                                referrerpolicy="no-referrer"
                                class="w-100 border-0"
                                style="min-height: 300px;"
                                onload="this.style.height=(this.contentWindow.document.body.scrollHeight+40)+'px'"
                            ></iframe>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4">
                <!-- Informations utilisateur -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.recipient') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="avatar-sm me-3">
                                <span class="avatar-title rounded-circle bg-primary-subtle text-primary">
                                    {{ strtoupper(substr($user->firstname, 0, 1)) }}{{ strtoupper(substr($user->lastname, 0, 1)) }}
                                </span>
                            </div>
                            <div>
                                <h6 class="mb-0">{{ $user->firstname }} {{ $user->lastname }}</h6>
                                <small class="text-muted">{{ $user->email }}</small>
                            </div>
                        </div>

                        @if($user->phone)
                        <div class="mb-2">
                            <small class="text-muted">{{ __('admin/users.form.phone') }} :</small>
                            <div>{{ $user->phone }}</div>
                        </div>
                        @endif

                        @if($user->profession)
                        <div class="mb-2">
                            <small class="text-muted">{{ __('admin/users.form.profession') }} :</small>
                            <div>{{ $user->profession }}</div>
                        </div>
                        @endif

                        <div class="mb-2">
                            <small class="text-muted">{{ __('admin/users.dates.registered_on') }} :</small>
                            <div>{{ $user->created_at->format('d/m/Y') }}</div>
                        </div>

                        <div class="mt-3">
                            <a href="{{ route('admin.users.show', $user) }}" class="btn btn-outline-primary w-100">
                                <i class="ri-user-line me-1"></i>{{ __('admin/users.actions.view_profile') }}
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Informations de l'email -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">{{ __('admin/users.sections.email_details') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-2">
                            <div class="text-muted">{{ __('admin/users.email.email_id') }} : <code>#{{ $emailLog->id }}</code></div>
                        </div>

                        <div class="mb-2">
                            @php
                                $priority = $emailLog->metadata['priority'] ?? 'normal';
                            @endphp
                            <div class="text-muted">{{ __('admin/users.email.priority_label') }} : <span class="badge bg-{{ $priority === 'high' ? 'danger' : ($priority === 'low' ? 'secondary' : 'primary') }}-subtle text-{{ $priority === 'high' ? 'danger' : ($priority === 'low' ? 'secondary' : 'primary') }}">
                                    {{ ucfirst($priority) }}
                                </span></div>
                        </div>

                        @if($emailLog->metadata)
                        <div class="mt-3">
                            <button class="btn btn-outline-secondary w-100" type="button" data-bs-toggle="collapse" data-bs-target="#metadata-details">
                                <i class="ri-information-line me-1"></i>{{ __('admin/users.email.technical_info') }}
                            </button>
                            <div class="collapse mt-2" id="metadata-details">
                                <div class="bg-light p-2 rounded">
                                    <div class="text-muted">
                                        @if(isset($emailLog->metadata['ip_address']))
                                        <p><strong>IP :</strong> {{ $emailLog->metadata['ip_address'] }}</p>
                                        @endif
                                        @if(isset($emailLog->metadata['user_agent']))
                                        <p><strong>{{ __('admin/users.email.browser') }} :</strong> {{ Str::limit($emailLog->metadata['user_agent'], 40) }}</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- Actions rapides -->
                <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">
                            <a href="{{ route('admin.users.sendemail', $user) }}" class="btn btn-primary">
                                <i class="ri-mail-add-line me-1"></i>{{ __('admin/users.actions.new_message') }}
                            </a>
                            
                            @if($emailLog->status === 'failed')
                            <button type="button" 
                                    class="btn btn-warning"
                                    onclick="showResendConfirmation({{ $emailLog->id }}, '{{ $user->firstname }} {{ $user->lastname }}', '{{ $emailLog->subject }}')">
                                <i class="ri-refresh-line me-1"></i>{{ __('admin/users.actions.resend_email') }}
                            </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de confirmation pour renvoyer l'email -->
<x-admin.confirm-modal 
    modal-id="confirmResendEmail"
    title="{{ __('admin/users.actions.confirm_resend') }}"
    message="{{ __('admin/users.modals.sure_resend_email') }}"
    confirm-text="{{ __('admin/users.actions.resend_email') }}"
    cancel-text="{{ __('admin/users.actions.cancel') }}"
    type="warning"
    icon-url="https://cdn.lordicon.com/tdrtiskw.json" />
@endsection

@push('script')
<script>
// Fonction pour afficher la confirmation de renvoi
function showResendConfirmation(emailLogId, userName, emailSubject) {
    const confirmMessage = `{{ __('admin/users.email.confirm_resend_message') }} "${emailSubject}" {{ __('admin/users.table.to') }} ${userName} ?`;
    
    showConfirmModal({
        modalId: 'confirmResendEmail',
        title: '{{ __('admin/users.actions.confirm_resend') }}',
        message: confirmMessage,
        confirmText: '{{ __('admin/users.actions.resend_email') }}',
        autoClose: false // La modal reste ouverte pendant le traitement
    }).then(() => {
        // L'utilisateur a confirmé : rediriger vers l'URL de renvoi
        window.location.href = `{{ route('admin.users.resendemail', ['user' => $user, 'emailLog' => '__EMAIL_ID__']) }}`.replace('__EMAIL_ID__', emailLogId);
    }).catch(() => {
        // L'utilisateur a annulé
        console.log('{{ __('admin/users.email.resend_cancelled') }}');
    });
}
</script>
@endpush