@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-header py-3">
        <h5 class="mb-0">Emails</h5>
    </div>

    <div class="card-body">
        @isset ($error)
        <div class="alert bg-red text-white">
        {{ $error }}
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-striped table-borderless">
                <thead class="">
                    <tr>
                        <th>Template</th>
                        <th>Updated At</th>
                    </tr>
                </thead>

                <tbody>
                @if ($templates)
                    @foreach ($templates as $template)
                    <tr class="align-middle">
                        <td>{{ $template->name }} <div class="text-muted small">{{ $template->id }}</div></td>
                        <td>{{ $template->updated_at }}</td>
                        <td>
                            <a href="{{ route('emails.show', ['template' => $template->id]) }}" class="btn btn-sm btn-secondary text-white" title="Details">
                                <i class="fas fa-search"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="10">No record</td>
                    </tr>
                @endif
                </tbody>
            </table>      
        </div>
        @endif
    </div>
</div>
@endsection