@extends('backend.layouts.master')
@section('title', 'Log #' . $log->id)

@section('content')
    <div class="page-title-box">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h6 class="page-title">Log Email #{{ $log->id }}</h6>
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('backend.campaigns.index') }}">Campagnes</a></li>
                    <li class="breadcrumb-item"><a
                            href="{{ route('backend.campaigns.show', $campaign) }}">{{ $campaign->title }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('backend.campaigns.logs.index', $campaign) }}">Logs</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">#{{ $log->id }}</li>
                </ol>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-3">Informations</h4>
                    <table class="table table-sm mb-0">
                        <tr>
                            <td class="text-muted">ID</td>
                            <td>{{ $log->id }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Destinataire</td>
                            <td>{{ $log->recipient?->user?->firstname ?? '-' }} {{ $log->recipient?->user?->name ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">Email</td>
                            <td>{{ $log->recipient?->email ?? '-' }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Sujet</td>
                            <td>{{ $log->subject }}</td>
                        </tr>
                        <tr>
                            <td class="text-muted">Statut</td>
                            <td>
                                @if ($log->status === 'sent')
                                    <span class="badge bg-success">Envoyé</span>
                                @else
                                    <span class="badge bg-danger">Échec</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">Envoyé le</td>
                            <td>{{ $log->sent_at?->format('d/m/Y H:i') ?? $log->created_at->format('d/m/Y H:i') }}</td>
                        </tr>
                        @if ($log->error_message)
                            <tr>
                                <td class="text-muted">Erreur</td>
                                <td class="text-danger">{{ $log->error_message }}</td>
                            </tr>
                        @endif
                    </table>

                    @if ($log->recipient)
                        <form action="{{ route('backend.campaigns.logs.resend', [$campaign, $log]) }}" method="POST"
                            class="mt-3"
                            onsubmit="return confirm('Renvoyer cet email à {{ $log->recipient->email }} ?');">
                            @csrf
                            <button type="submit" class="btn btn-warning btn-sm w-100">
                                <i class="fas fa-redo"></i> Renvoyer l'email
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-3">Contenu de l'email</h4>
                    <iframe id="email-frame" class="border" style="width:100%; min-height:500px; background:#fff;"></iframe>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var iframe = document.getElementById('email-frame');
        var doc = iframe.contentDocument || iframe.contentWindow.document;
        doc.open();
        doc.write({!! json_encode($log->body) !!});
        doc.close();
        setTimeout(function() {
            iframe.style.height = Math.max(500, doc.body.scrollHeight + 40) + 'px';
        }, 300);
    </script>
@endsection