@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.user_emails') }} {{ $user->firstname }} {{ $user->lastname }}</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.user') }}</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>
                </div>
            </div>
        </div>

        <div class="row mb-3">
            <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.user_info') }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.full_name') }}</label>
                                    <h6 class="mb-0">{{ $user->firstname }} {{ $user->lastname }}</h6>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.email') }}</label>
                                    <h6 class="mb-0">{{ $user->email }}</h6>
                                </div>
                                @if($user->phone)
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.phone') }}</label>
                                    <h6 class="mb-0">{{ $user->phone }}</h6>
                                </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                @if($user->profession)
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.profession') }}</label>
                                    <h6 class="mb-0">{{ $user->profession }}</h6>
                                </div>
                                @endif
                                @if($user->tva_number)
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.vat_number') }}</label>
                                    <h6 class="mb-0">{{ $user->tva_number }}</h6>
                                </div>
                                @endif
                                <div class="mb-3">
                                    <label class="form-label text-muted mb-1">{{ __('admin/email_logs.user_fields.newsletter') }}</label>
                                    <div>
                                        @if($user->newsletter_subscribed)
                                            <span class="badge bg-success-subtle text-success">
                                                <i class="ri-check-line me-1"></i>{{ __('admin/email_logs.user_fields.subscribed') }}
                                            </span>
                                        @else
                                            <span class="badge bg-secondary-subtle text-secondary">
                                                <i class="ri-close-line me-1"></i>{{ __('admin/email_logs.user_fields.not_subscribed') }}
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="row">
                    <div class="col-12 mb-3">
                        <div class="card card-animate">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1 overflow-hidden">
                                        <p class="text-uppercase fw-medium text-muted text-truncate mb-0">{{ __('admin/email_logs.stats.total') }}</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-end justify-content-between mt-4">
                                    <div>
                                        <h4 class="fs-22 fw-semibold ff-secondary mb-4">{{ number_format($stats['total']) }}</h4>
                                    </div>
                                    <div class="avatar-sm flex-shrink-0">
                                        <span class="avatar-title bg-primary-subtle rounded fs-3">
                                            <i class="ri-mail-line text-primary"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card card-animate">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1 overflow-hidden">
                                        <p class="text-uppercase fw-medium text-muted text-truncate mb-0">{{ __('admin/email_logs.stats.sent') }}</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-end justify-content-between mt-4">
                                    <div>
                                        <h4 class="fs-22 fw-semibold ff-secondary mb-4">{{ number_format($stats['sent']) }}</h4>
                                    </div>
                                    <div class="avatar-sm flex-shrink-0">
                                        <span class="avatar-title bg-success-subtle rounded fs-3">
                                            <i class="ri-checkbox-circle-line text-success"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card card-animate">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1 overflow-hidden">
                                        <p class="text-uppercase fw-medium text-muted text-truncate mb-0">{{ __('admin/email_logs.stats.failed') }}</p>
                                    </div>
                                </div>
                                <div class="d-flex align-items-end justify-content-between mt-4">
                                    <div>
                                        <h4 class="fs-22 fw-semibold ff-secondary mb-4">{{ number_format($stats['failed']) }}</h4>
                                    </div>
                                    <div class="avatar-sm flex-shrink-0">
                                        <span class="avatar-title bg-danger-subtle rounded fs-3">
                                            <i class="ri-close-circle-line text-danger"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-12">
            <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.email_history') }} ({{ $emails->total() }})</h4>
                </div>

                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div class="text-muted">
                            {{ __('admin/email_logs.table.display_from') }} {{ $emails->firstItem() ?? 0 }} {{ __('admin/email_logs.table.to') }} {{ $emails->lastItem() ?? 0 }} {{ __('admin/email_logs.table.on') }} {{ $emails->total() }} {{ __('admin/email_logs.table.emails') }}
                        </div>
                        @if($emails->hasPages())
                        <div class="text-muted">
                            {{ __('admin/email_logs.filters.page') }} {{ $emails->currentPage() }} {{ __('admin/email_logs.filters.on') }} {{ $emails->lastPage() }}
                        </div>
                        @endif
                    </div>

                    @if($emails->count() > 0)
                        <div class="table-responsive table-card">
                            <table class="table align-middle table-nowrap table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th scope="col">ID</th>
                                        <th scope="col">{{ __('admin/email_logs.table.date') }}</th>
                                        <th scope="col">{{ __('admin/email_logs.table.type') }}</th>
                                        <th scope="col">{{ __('admin/email_logs.form.subject') }}</th>
                                        <th scope="col">{{ __('admin/email_logs.form.status') }}</th>
                                        <th scope="col" class="text-center">{{ __('admin/email_logs.table.retry_count') }}</th>
                                        <th scope="col" class="text-end">{{ __('admin/email_logs.table.actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($emails as $email)
                                        <tr>
                                            <td><span class="fw-medium">{{ $email->id }}</span></td>
                                            <td>
                                                <h6 class="mb-0">{{ $email->created_at->format('d/m/Y') }}</h6>
                                                <small class="text-muted">{{ $email->created_at->format('H:i') }}</small>
                                            </td>
                                            <td>
                                                <span class="badge bg-secondary-subtle text-secondary">{{ $email->type_human }}</span>
                                            </td>
                                            <td>
                                                <span class="text-truncate d-inline-block" style="max-width: 300px;" data-bs-toggle="tooltip" title="{{ $email->subject }}">
                                                    {{ Str::limit($email->subject, 50) }}
                                                </span>
                                            </td>
                                            <td>
                                                @if($email->status === 'sent')
                                                    <span class="badge bg-success-subtle text-success">{{ __('admin/email_logs.status.sent') }}</span>
                                                    @if($email->sent_at)
                                                        <br><small class="text-muted">{{ $email->sent_at->format('d/m H:i') }}</small>
                                                    @endif
                                                @elseif($email->status === 'failed')
                                                    <span class="badge bg-danger-subtle text-danger">{{ __('admin/email_logs.status.failed') }}</span>
                                                    @if($email->failed_at)
                                                        <br><small class="text-muted">{{ $email->failed_at->format('d/m H:i') }}</small>
                                                    @endif
                                                @else
                                                    <span class="badge bg-warning-subtle text-warning">{{ __('admin/email_logs.status.pending') }}</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <span class="badge bg-primary-subtle text-primary">{{ $email->retry_count }}</span>
                                            </td>
                                            <td class="text-end">
                                                <div class="gap-1 d-flex justify-content-md-end">
                                                    <span data-bs-toggle="tooltip" data-bs-placement="top" title="{{ __('admin/email_logs.actions.view_details') }}">
                                                        <a class="btn btn-icon bg-info-subtle text-info" href="{{ route('admin.email-logs.show', $email) }}">
                                                            <i class="ri-eye-line"></i>
                                                        </a>
                                                    </span>
                                                    @if($email->canRetry())
                                                        <span data-bs-toggle="tooltip" data-bs-placement="top" title="{{ __('admin/email_logs.actions.retry') }}">
                                                            <form method="POST" action="{{ route('admin.email-logs.retry', $email) }}" class="d-inline">
                                                                @csrf
                                                                <button type="submit" class="btn btn-icon bg-warning-subtle text-warning">
                                                                    <i class="ri-refresh-line"></i>
                                                                </button>
                                                            </form>
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        @if($emails->hasPages())
                        <div class="d-flex justify-content-center mt-4">
                            {!! $emails->withQueryString()->links('pagination::bootstrap-5') !!}
                        </div>
                        @endif
                    @else
                        <div class="d-flex flex-column align-items-center py-4">
                            <i class="ri-mail-line fs-1 text-muted mb-3"></i>
                            <h5 class="text-muted">{{ __('admin/email_logs.status.no_emails_found') }}</h5>
                            <p class="text-muted mb-0">{{ __('admin/email_logs.help.no_emails_to_user') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<x-admin.toast-messages />

@endsection

@push('script')
<script>
    $(document).ready(function() {
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl);
        });
    });
</script>
@endpush