@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/email_logs.page_titles.detail') }} #{{ $emailLog->id }}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('admin/email_logs.breadcrumb.email_logs') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.email-logs.index') }}">{{ __('admin/email_logs.breadcrumb.logs') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('admin/email_logs.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.email-logs.index') }}" class="btn btn-light">
                                <i class="ri-arrow-left-line me-1 align-bottom"></i> {{ __('admin/email_logs.actions.back_to_list') }}
                            </a>
                        </div>
                        <div class="flex-shrink-0">
                            <div class="hstack text-nowrap gap-2">
                                @if($emailLog->canRetry())
                                    <form method="POST" action="{{ route('admin.email-logs.retry', $emailLog) }}" class="d-inline retry-form">
                                        @csrf
                                        <button type="submit" class="btn btn-warning">
                                            <span class="btn-text">
                                                <i class="ri-refresh-line me-1"></i> {{ __('admin/email_logs.actions.retry_send') }}
                                            </span>
                                            <span class="btn-loading d-none">
                                                <span class="spinner-border spinner-border-sm me-2"></span>{{ __('admin/email_logs.actions.retrying') }}
                                            </span>
                                        </button>
                                    </form>
                                @endif
                                <button class="open-delete-modal btn btn-soft-danger material-shadow-none"
                                    data-bs-toggle="modal"
                                    href="#deleteRecordModal"
                                    data-delete-url="{{ route('admin.email-logs.destroy', $emailLog) }}"
                                    data-item-name="{{ $emailLog->to_email }}"
                                    data-item-type="{{ __('admin/email_logs.status.this_email') }}">
                                    <i class="ri-delete-bin-2-line me-1"></i> {{ __('admin/email_logs.actions.delete') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <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/email_logs.sections.basic_info') }}</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/email_logs.form.type') }}</td>
                                        <td>
                                            <span class="badge bg-secondary-subtle text-secondary">{{ $emailLog->type_human }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.category') }}</td>
                                        <td>
                                            <span class="badge bg-info-subtle text-info">{{ $emailLog->category_label }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.status') }}</td>
                                        <td>
                                            @if($emailLog->status === 'sent')
                                                <span class="badge bg-success-subtle text-success">
                                                    <i class="ri-checkbox-circle-line me-1"></i>{{ __('admin/email_logs.status.sent') }}
                                                </span>
                                            @elseif($emailLog->status === 'failed')
                                                <span class="badge bg-danger-subtle text-danger">
                                                    <i class="ri-close-circle-line me-1"></i>{{ __('admin/email_logs.status.failed') }}
                                                </span>
                                            @else
                                                <span class="badge bg-warning-subtle text-warning">
                                                    <i class="ri-time-line me-1"></i>{{ __('admin/email_logs.status.pending') }}
                                                </span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.priority') }}</td>
                                        <td>
                                            @if($emailLog->priority === 'high')
                                                <span class="badge bg-danger-subtle text-danger">{{ __('admin/email_logs.priority.high') }}</span>
                                            @elseif($emailLog->priority === 'low')
                                                <span class="badge bg-secondary-subtle text-secondary">{{ __('admin/email_logs.priority.low') }}</span>
                                            @else
                                                <span class="badge bg-info-subtle text-info">{{ __('admin/email_logs.priority.normal') }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.retry_count') }}</td>
                                        <td>
                                            <span class="badge bg-primary-subtle text-primary">{{ $emailLog->retry_count }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.format') }}</td>
                                        <td>
                                            @if($emailLog->is_html)
                                                <span class="badge bg-success-subtle text-success">{{ __('admin/email_logs.format.html') }}</span>
                                            @else
                                                <span class="badge bg-secondary-subtle text-secondary">{{ __('admin/email_logs.format.plain_text') }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.created_on') }}</td>
                                        <td>{{ $emailLog->created_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    @if($emailLog->sent_at)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.sent_on') }}</td>
                                        <td>{{ $emailLog->sent_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    @endif
                                    @if($emailLog->failed_at)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.failed_on') }}</td>
                                        <td>{{ $emailLog->failed_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    @endif
                                    @if($emailLog->sent_from_ip)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.sent_from_ip') }}</td>
                                        <td><code>{{ $emailLog->sent_from_ip }}</code></td>
                                    </tr>
                                    @endif
                                    @if($emailLog->sent_by_class)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.sent_by_class') }}</td>
                                        <td><small><code>{{ $emailLog->sent_by_class }}</code></small></td>
                                    </tr>
                                    @endif
                                    @if($emailLog->has_attachments)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.attachments') }}</td>
                                        <td>
                                            <span class="badge bg-primary-subtle text-primary">
                                                <i class="ri-attachment-line me-1"></i>{{ __('admin/email_logs.form.yes') }}
                                            </span>
                                            @if($emailLog->attachments)
                                                <div class="mt-2">
                                                    @foreach($emailLog->attachments as $attachment)
                                                        <span class="badge bg-secondary-subtle text-secondary me-1">{{ $attachment }}</span>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </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">{{ __('admin/email_logs.sections.recipients') }}</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: 150px;">{{ __('admin/email_logs.form.from') }}</td>
                                        <td>
                                            {{ $emailLog->from_email }}
                                            @if($emailLog->from_name)
                                                <span class="text-muted">({{ $emailLog->from_name }})</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.to') }}</td>
                                        <td>
                                            {{ $emailLog->to_email }}
                                            @if($emailLog->to_name)
                                                <span class="text-muted">({{ $emailLog->to_name }})</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @if($emailLog->cc_emails && count($emailLog->cc_emails) > 0)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.cc') }}</td>
                                        <td>{{ implode(', ', $emailLog->cc_emails) }}</td>
                                    </tr>
                                    @endif
                                    @if($emailLog->bcc_emails && count($emailLog->bcc_emails) > 0)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.bcc') }}</td>
                                        <td>{{ implode(', ', $emailLog->bcc_emails) }}</td>
                                    </tr>
                                    @endif
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.form.subject') }}</td>
                                        <td>
                                            <div class="alert alert-light border mb-0 text-dark">
                                                {{ $emailLog->subject }}
                                            </div>
                                        </td>
                                    </tr>
                                </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">{{ __('admin/email_logs.sections.content') }}</h4>
                    </div>
                    <div class="card-body">
                        @if($emailLog->is_html && $emailLog->html_content)
                            <iframe
                                srcdoc="{{ $emailLog->html_content }}"
                                sandbox=""
                                referrerpolicy="no-referrer"
                                class="border rounded w-100"
                                style="min-height: 400px; background: #fff;"
                                onload="this.style.height=(this.contentWindow.document.body.scrollHeight+40)+'px'"
                            ></iframe>
                        @else
                            <div class="alert alert-light border mb-0 text-dark">
                                <pre class="mb-0" style="white-space: pre-wrap;">{{ $emailLog->message }}</pre>
                            </div>
                        @endif
                    </div>
                </div>

                @if($emailLog->error_message)
                <div class="card border border-danger">
                    <div class="card-header bg-danger text-white">
                        <h5 class="card-title mb-0 text-white">
                            <i class="ri-error-warning-line me-1"></i>{{ __('admin/email_logs.sections.error_details') }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-danger mb-0">
                            <pre class="mb-0" style="white-space: pre-wrap;">{{ $emailLog->error_message }}</pre>
                        </div>
                    </div>
                </div>
                @endif

            </div>

            <div class="col-lg-4">
                @if($emailLog->user)
                <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/email_logs.user_fields.user') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless table-sm mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.user_fields.name') }}</td>
                                        <td>{{ $emailLog->user->firstname }} {{ $emailLog->user->lastname }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.user_fields.email') }}</td>
                                        <td>{{ $emailLog->user->email }}</td>
                                    </tr>
                                    @if($emailLog->user->phone)
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.user_fields.phone') }}</td>
                                        <td>{{ $emailLog->user->phone }}</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-3">
                            <a href="{{ route('admin.email-logs.user-emails', $emailLog->user_id) }}" class="btn btn-primary btn-sm w-100">
                                <i class="ri-mail-line me-1"></i>{{ __('admin/email_logs.actions.view_all_emails') }}
                            </a>
                        </div>
                    </div>
                </div>
                @endif

                @if($emailLog->admin)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-shield-user-line me-1"></i>{{ __('admin/email_logs.user_fields.sent_by') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless table-sm mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.user_fields.admin') }}</td>
                                        <td>{{ $emailLog->admin->firstname }} {{ $emailLog->admin->lastname }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.user_fields.email') }}</td>
                                        <td>{{ $emailLog->admin->email }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif

                @if($emailLog->registration)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-file-list-line me-1"></i>{{ __('admin/email_logs.registration.associated') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless table-sm mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.registration.number') }}</td>
                                        <td>{{ $emailLog->registration->registration_number }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.registration.training') }}</td>
                                        <td>{{ $emailLog->registration->training->title }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.registration.session') }}</td>
                                        <td>{{ $emailLog->registration->session->start_date->format('d/m/Y') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-3">
                            <a href="{{ route('admin.registrations.show', $emailLog->registration_id) }}" class="btn btn-primary btn-sm w-100">
                                <i class="ri-eye-line me-1"></i>{{ __('admin/email_logs.actions.view_registration') }}
                            </a>
                        </div>
                    </div>
                </div>
                @endif

                @if($emailLog->related)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">
                            <i class="ri-links-line me-1"></i>{{ __('admin/email_logs.related.linked_element') }}
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-borderless table-sm mb-0">
                                <tbody>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.related.type') }}</td>
                                        <td>
                                            <span class="badge bg-secondary-subtle text-secondary">
                                                {{ class_basename($emailLog->related_type) }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-medium">{{ __('admin/email_logs.related.id') }}</td>
                                        <td>{{ $emailLog->related_id }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif

                @if($emailLog->metadata && count($emailLog->metadata) > 0)
                <div class="card">
                    <div class="card-header align-items-center d-flex">
                        <h4 class="card-title mb-0 flex-grow-1">{{ __('admin/email_logs.form.metadata') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-light border mb-0">
                            <pre class="mb-0 text-body-tertiary">{{ json_encode($emailLog->metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                        </div>
                    </div>
                </div>
                @endif                
            </div>
        </div>
    </div>
</div>

<x-admin.delete-modal
    item-type="{{ __('admin/email_logs.status.this_email') }}"
    confirm-text="{{ __('admin/email_logs.modals.delete_confirm') }}"
    delete-text="{{ __('admin/global.delete') }}" />

<x-admin.toast-messages />

@push('script')
<script>
    $(document).ready(function() {
        $('.retry-form').on('submit', function() {
            var btn = $(this).find('button[type="submit"]');
            btn.find('.btn-text').addClass('d-none');
            btn.find('.btn-loading').removeClass('d-none');
            btn.prop('disabled', true);
        });
    });
</script>
@endpush

@endsection