@extends('layouts.panel')

@push('css')
@endpush

@section('breadcrumb')
<x-admin.breadcrumb />
@endsection

@section('content')
    <x-admin.panel-card>
        @slot('tools')
            {{-- <a href="{{ route('email.template.create') }}" class="btn btn-primary d-inline-flex align-items-center gap-1">
                <svg viewbox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd" />
                </svg>
                @lang('Add Template')
            </a> --}}
        @endslot
        @slot('actions')
            <form>
                {{-- <input type="text" class="form-control" placeholder="Search Operator"> --}}
            </form>
        @endslot

        <div class="table-responsive my-1">
            <table class="table align-middle">
                <thead>
                    <tr>
                        <th scope="col" nowrap>@lang('Template Name')</th>
                        <th scope="col" nowrap>@lang('Subject')</th>
                        <th scope="col" nowrap>@lang('User Type')</th>
                        <th scope="col" nowrap>@lang('Edit')</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($items as $template)
                        <tr>
                            <td nowrap>{{ $template->name }}</td>
                            <td nowrap>{{ $template->subject }}</td>
                            <td nowrap>{{ $template->user_type==UserTypeStudent?"Student":"Teacher/Tutor" }}</td>
                            <td nowrap>
                                <div class="btn-group btn-group-sm" role="group">
                                    <a href="{{ route('email.template.edit', $template->id) }}" class="btn btn-light d-flex" title="@lang('Edit')">
                                        <svg width="17" height="17" fill="none" viewbox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
                                        </svg>
                                    </a>
                                    {{-- <button type="submit" class="btn btn-light d-flex text-danger" form="deletefrm{{ $template->id }}" onclick="return confirm('Are you sure?')" title="Delete">
                                        <svg width="17" height="17" fill="none" viewbox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
                                        </svg>
                                    </button>
                                    <form action="{{ route('email.template.destroy', $template->id) }}" method="POST" id="deletefrm{{ $template->id }}">@csrf @method("DELETE")</form> --}}
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{-- <x-admin.pagination :paginator="$items" /> --}}
        </div>
    </x-admin.panel-card>
@endsection

@push('js')
@endpush