@extends('layouts.app')

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

@section('content')

@if(session('success'))
    <div style="background:#dcfce7;color:#166534;padding:10px;margin-bottom:15px;border-radius:6px;">
        {{ session('success') }}
    </div>
@endif

<div style="background:#fff;padding:24px;border-radius:8px;margin-bottom:20px;">

    <h3 style="font-size:18px;font-weight:bold;margin-bottom:15px;">
        Add Email to Blacklist
    </h3>

    <form method="POST" action="{{ route('email.blacklist.store') }}">
        @csrf

        <div style="margin-bottom:15px;">
            <label>Email *</label>
            <input type="email"
                   name="email"
                   required
                   style="width:100%;padding:10px;border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Reason</label>
            <textarea name="reason"
                      rows="3"
                      style="width:100%;padding:10px;border:1px solid #ccc;"></textarea>
        </div>

        <button type="submit"
                style="background:#dc2626;color:#fff;padding:10px 16px;border:0;border-radius:6px;">
            Add to Blacklist
        </button>
    </form>

</div>

<div style="background:#fff;padding:24px;border-radius:8px;">

    <h3 style="font-size:18px;font-weight:bold;margin-bottom:15px;">
        Do Not Email List
    </h3>

    <table style="width:100%;border-collapse:collapse;">
        <thead>
            <tr style="background:#e5e7eb;">
                <th style="padding:12px;text-align:left;">Email</th>
                <th style="padding:12px;text-align:left;">Reason</th>
                <th style="padding:12px;text-align:left;">Added At</th>
                <th style="padding:12px;text-align:left;">Action</th>
            </tr>
        </thead>

        <tbody>
            @forelse($blacklists as $blacklist)
                <tr style="border-bottom:1px solid #ddd;">
                    <td style="padding:12px;">
                        {{ $blacklist->email }}
                    </td>

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

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

                    <td style="padding:12px;">
                        <form method="POST"
                              action="{{ route('email.blacklist.delete',$blacklist->id) }}"
                              onsubmit="return confirm('Remove from blacklist?')">
                            @csrf
                            @method('DELETE')

                            <button type="submit"
                                    style="background:#16a34a;color:#fff;padding:7px 12px;border:0;border-radius:5px;">
                                Remove
                            </button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4" style="padding:15px;color:#6b7280;text-align:center;">
                        No blacklisted emails found.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>

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

</div>

@endsection