@extends('layouts.app')

@section('title','Email History')
@section('page_title','Email History')

@section('content')

<form method="GET" action="{{ route('email.history') }}" style="margin-bottom:15px;display:flex;gap:10px;">
    <input type="text"
           name="search"
           value="{{ request('search') }}"
           placeholder="Search email, subject, message..."
           style="width:350px;padding:10px;border:1px solid #ccc;border-radius:6px;">

    <button type="submit"
            style="background:#2563eb;color:white;padding:10px 15px;border:0;border-radius:6px;">
        Search
    </button>

    <a href="{{ route('email.history') }}"
       style="background:#6b7280;color:white;padding:10px 15px;border-radius:6px;text-decoration:none;">
        Reset
    </a>
</form>

<table style="width:100%;background:#fff;border-collapse:collapse;">
    <thead>
        <tr style="background:#e5e7eb;">
            <th style="padding:12px;text-align:left;">To Email</th>
            <th style="padding:12px;text-align:left;">Project</th>
            <th style="padding:12px;text-align:left;">Payment</th>
            <th style="padding:12px;text-align:left;">Subject</th>
            <th style="padding:12px;text-align:left;">Clicks</th>
            <th style="padding:12px;text-align:left;">Status</th>
            <th style="padding:12px;text-align:left;">Sent At</th>
            <th style="padding:12px;text-align:left;">Action</th>
        </tr>
    </thead>

    <tbody>
        @forelse($histories as $history)
            <tr style="border-bottom:1px solid #ddd;">
                <td style="padding:12px;">
                    {{ $history->to_email ?? '-' }}
                </td>

                <td style="padding:12px;">
                    {{ $history->project->project_name ?? '-' }}
                </td>

                <td style="padding:12px;">
                    {{ $history->payment->payment_title ?? '-' }}
                </td>

                <td style="padding:12px;">
                    {{ $history->subject ?? '-' }}
                </td>

                <td style="padding:12px;">
                    {{ $history->clicks_count ?? 0 }}
                </td>

                <td style="padding:12px;">
                    @if($history->is_opened)
                        <span style="background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:4px;">
                            Opened
                        </span>
                    @elseif($history->reminder_type == 'email_failed')
                        <span style="background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:4px;">
                            Failed
                        </span>
                    @else
                        <span style="background:#dcfce7;color:#166534;padding:4px 8px;border-radius:4px;">
                            Sent
                        </span>
                    @endif
                </td>

                <td style="padding:12px;">
                    {{ $history->sent_at }}
                </td>

                <td style="padding:12px;">
                    <!-- <details>
                        <summary style="cursor:pointer;color:#2563eb;">
                            View Email
                        </summary>

                        <div style="background:#f9fafb;padding:15px;margin-top:10px;border-radius:6px;border:1px solid #ddd;">
                            {!! $history->message !!}
                        </div>
                    </details> -->

                    <a href="{{ route('email.history.show',$history->id) }}"
                       style="background:#2563eb;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        View
                    </a>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="6" style="padding:12px;color:#6b7280;">
                    No email history found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

<div style="margin-top:15px;">
    {{ $histories->links() }}
</div>

@endsection