@extends('admin.layouts.app')

@section('panel')
<div class="row mb-3">
    <div class="col-12">
        <div class="card">
            <div class="card-body d-flex flex-wrap align-items-center justify-content-between gap-3">
                <div>
                    <h5 class="mb-1">Template Events</h5>
                    <p class="mb-0 text-muted">Configure Email, SMS and In-App channels per event.</p>
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.setting.notification.template.create') }}" class="btn btn--primary btn-sm">
                        <i class="las la-plus"></i> @lang('Create Template')
                    </a>
                    <a href="{{ route('admin.setting.notification.broadcast') }}" class="btn btn-outline--primary btn-sm">
                        <i class="las la-bullhorn"></i> @lang('Broadcast Center')
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body px-0">
                <div class="table-responsive--sm table-responsive">
                    <table class="table table--light style--two custom-data-table">
                        <thead>
                            <tr>
                                <th>@lang('Event')</th>
                                <th>@lang('Subject')</th>
                                <th>@lang('Channels')</th>
                                <th>@lang('Action')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($templates as $template)
                                @php
                                    $catalogItem = $eventCatalog->get($template->act);
                                @endphp
                                <tr>
                                    <td>
                                        <div class="fw-bold">{{ __($template->name) }}</div>
                                        <small class="text-muted">{{ $template->act }}</small>
                                        @if($catalogItem)
                                            <div class="text-muted mt-1"><small>{{ $catalogItem['description'] }}</small></div>
                                        @endif
                                    </td>
                                    <td>{{ __($template->subj) }}</td>
                                    <td>
                                        <div class="d-flex flex-wrap gap-1">
                                            <span class="badge badge--{{ $template->in_app_status ? 'success' : 'dark' }}">
                                                In-App {{ $template->in_app_status ? 'On' : 'Off' }}
                                            </span>
                                            <span class="badge badge--{{ $template->email_status ? 'success' : 'dark' }}">
                                                Email {{ $template->email_status ? 'On' : 'Off' }}
                                            </span>
                                            <span class="badge badge--{{ $template->sms_status ? 'success' : 'dark' }}">
                                                SMS {{ $template->sms_status ? 'On' : 'Off' }}
                                            </span>
                                        </div>
                                    </td>
                                    <td>
                                        <a title="@lang('Edit')"
                                           href="{{ route('admin.setting.notification.template.edit', $template->id) }}"
                                           class="btn btn-sm btn--primary ms-1">
                                            <i class="la la-pencil"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="text-muted text-center" colspan="100%">{{ __($emptyMessage) }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer py-3">
                {{ paginateLinks($templates) }}
            </div>
        </div>
    </div>
</div>
@endsection