@extends('layouts.app')

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

@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="margin-bottom:15px;">
    <a href="{{ route('email-templates.create') }}"
       style="background:#2563eb;color:white;padding:10px 15px;border-radius:6px;text-decoration:none;">
        Add Email Template
    </a>
</div>

<table style="width:100%;background:#fff;border-collapse:collapse;">
    <thead>
        <tr style="background:#e5e7eb;">
            <th style="padding:12px;text-align:left;">Template Name</th>
            <th style="padding:12px;text-align:left;">Subject</th>
            <th style="padding:12px;text-align:left;">Variables</th>
            <th style="padding:12px;text-align:left;">Signature</th>
            <th style="padding:12px;text-align:left;">Status</th>
            <th style="padding:12px;text-align:left;">Action</th>
        </tr>
    </thead>

    <tbody>
        @forelse($templates as $template)
            <tr style="border-bottom:1px solid #ddd;">
                <td style="padding:12px;">{{ $template->template_name }}</td>
                <td style="padding:12px;">{{ $template->subject }}</td>
                <td style="padding:12px;">
                    @foreach($template->variables as $variable)
                        <span style="background:#f3f4f6;padding:4px 8px;border-radius:4px;margin-right:4px;">
                            @{{{{ $variable->variable_key }}}}
                        </span>
                    @endforeach
                </td>
                <td style="padding:12px;">{{ $template->signature_enabled ? 'Yes' : 'No' }}</td>
                <td style="padding:12px;">{{ $template->status ? 'Active' : 'Inactive' }}</td>
                <td style="padding:12px;white-space:nowrap;">
                    <a href="{{ route('email-templates.edit',$template->id) }}"
                       style="background:#f59e0b;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        Edit
                    </a>

                    <a href="{{ route('email-templates.preview',$template->id) }}"
                       style="background:#2563eb;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        Preview
                    </a>

                    <form method="POST"
                          action="{{ route('email-templates.destroy',$template->id) }}"
                          style="display:inline;"
                          onsubmit="return confirm('Delete this template?')">
                        @csrf
                        @method('DELETE')

                        <button type="submit"
                                style="background:#dc2626;color:white;padding:6px 10px;border:0;border-radius:4px;">
                            Delete
                        </button>
                    </form>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="5" style="padding:12px;color:#6b7280;">
                    No templates found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

@endsection