@extends('admin.layouts.app')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Plantillas de Email</h4>
        </div>
    </div>
</div>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Plantillas de Email</h3>
            </div>
            <div class="card-body p-0">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Nombre del Template</th>
                            <th>Slug</th>
                            <th width="100">Estado</th>
                            <th width="150">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($emailTemplates as $template)
                        <tr>
                            <td>{{ $template->id }}</td>
                            <td>
                                <strong>{{ $template->et_name }}</strong>
                                @if($template->description)
                                    <br><small class="text-muted">{{ $template->description }}</small>
                                @endif
                            </td>
                            <td>
                                <code>{{ $template->slug }}</code>
                            </td>
                            <td>
                                @if($template->is_active)
                                    <span class="badge bg-success">Activo</span>
                                @else
                                    <span class="badge bg-secondary">Inactivo</span>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('email-templates.edit', $template->id) }}"
                                   class="btn btn-sm btn-primary" title="Editar">
                                    <i class="ri-pencil-line"></i> Editar
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">
                                <p class="text-muted py-3">No hay templates de email disponibles</p>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Info Box -->
        <div class="alert alert-info mt-3">
            <h5><i class="icon ri-information-line"></i> Información:</h5>
            <ul class="mb-0">
                <li>Los templates de email se crean automáticamente mediante seeders</li>
                <li>Puedes personalizar el contenido HTML y el asunto para cada cliente</li>
                <li>Las variables disponibles (ej: <code>@{{customer_name}}</code>) se reemplazan automáticamente al enviar el email</li>
            </ul>
        </div>

@endsection