@extends('voyager::master')

@section('page_title', 'Email Logs')

@section('page_header')
    <div class="container-fluid">
        <h1 class="page-title">
            <i class="voyager-mail"></i> Email Logs
        </h1>
    </div>
@stop

@section('content')
<div class="page-content browse container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-bordered">
                <div class="panel-body">
                    <div class="table-responsive">
                        <table id="dataTable" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Sent At</th>
                                    <th>Email</th>
                                    <!-- <th>Mail Type</th> -->
                                    <!-- <th>Attachment</th> -->
                                    <th>Preview</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($logs as $log)
                                    @php
                                        // Handle INT (unix) or DATETIME strings
                                        $sentAt = null;
                                        if (!empty($log->sent_email_time)) {
                                            $sentAt = is_numeric($log->sent_email_time)
                                                ? \Illuminate\Support\Carbon::createFromTimestamp((int)$log->sent_email_time)
                                                : \Illuminate\Support\Carbon::parse($log->sent_email_time);
                                        }
                                        $attachmentUrl = $log->attached_file
                                            ? (Str::startsWith($log->attached_file, ['http://','https://','/'])
                                                ? $log->attached_file
                                                : asset($log->attached_file))
                                            : null;
                                    @endphp
                                    <tr>
                                        <td>#{{ $log->id }}</td>
                                        <td>{{ $sentAt ? $sentAt->format('d/m/Y H:i') : '-' }}</td>
                                        <td>{{ $log->email }}</td>
                                        <!-- <td>{{ $log->mail_type }}</td> -->
                                        <!-- <td>
                                            @if($attachmentUrl)
                                                <a class="btn btn-sm btn-default" href="{{ $attachmentUrl }}" target="_blank" rel="noopener">Open</a>
                                                <a class="btn btn-sm btn-default" href="{{ $attachmentUrl }}" download>Download</a>
                                            @else
                                                —
                                            @endif
                                        </td> -->
                                        <td>
                                            <a class="btn btn-sm btn-primary" href="#" onclick="openPreview({{ $log->id }});return false;">Open</a>
                                            <!-- <a class="btn btn-sm btn-default" href="#" onclick="copyHtml({{ $log->id }});return false;">Copy</a>
                                            <a class="btn btn-sm btn-default" href="#" onclick="downloadHtml({{ $log->id }});return false;">Download</a> -->
                                            <textarea id="html-{{ $log->id }}" style="display:none;">{!! $log->html_template !!}</textarea>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">No logs found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div> <!-- /.table-responsive -->
                </div> <!-- /.panel-body -->
            </div> <!-- /.panel -->
        </div>
    </div>
</div>
@stop

@section('css')
    {{-- Optional responsive CSS (Voyager asset) --}}
    <link rel="stylesheet" href="{{ voyager_asset('lib/css/responsive.dataTables.min.css') }}">
@stop

@section('javascript')
    {{-- Optional responsive JS (Voyager asset) --}}
    <script src="{{ voyager_asset('lib/js/dataTables.responsive.min.js') }}"></script>
    <script>
        $(function () {
            $('#dataTable').DataTable({
                responsive: true,
                language: {!! json_encode(__('voyager::datatable')) !!},
                columnDefs: [
                    { targets: [], orderable: true }
                ],
                order: [[0, 'desc']]
            });
        });

        function getHtml(id){
            const ta = document.getElementById('html-' + id);
            return ta ? ta.value : '';
        }
        function openPreview(id){
            const html = getHtml(id);
            const w = window.open('', '_blank');
            if(!w){ alert('Popup blocked. Please allow popups for this site.'); return; }
            w.document.open(); w.document.write(html); w.document.close();
        }
        function copyHtml(id){
            const html = getHtml(id);
            navigator.clipboard.writeText(html).then(() => {
                toastr.success('HTML copied to clipboard');
            }).catch(() => {
                const ta = document.createElement('textarea');
                ta.value = html; document.body.appendChild(ta);
                ta.select(); document.execCommand('copy');
                document.body.removeChild(ta);
                toastr.success('HTML copied to clipboard');
            });
        }
        function downloadHtml(id){
            const html = getHtml(id);
            const blob = new Blob([html], {type: 'text/html;charset=utf-8'});
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url; a.download = 'email-' + id + '.html';
            document.body.appendChild(a); a.click(); a.remove();
            URL.revokeObjectURL(url);
        }
    </script>
@stop