@extends('layouts.backend.app')

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

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-users icon-gradient bg-mean-fruit">
                    </i>
                </div>
                <div>{{ __('Email Templates') }}</div>
            </div>
            @can(\App\Models\Permission::PERM_EMAIL_TEMPLATE_CREATE)
                <div class="page-title-actions">
                    <div class="d-inline-block dropdown">
                        <a href="{{ route('app.email-templates.create') }}" class="btn-shadow btn btn-info">
                        <span class="btn-icon-wrapper pr-2 opacity-7">
                            <i class="fas fa-plus-circle fa-w-20"></i>
                        </span>
                            {{ __('Create Email Template') }}
                        </a>
                    </div>
                </div>
            @endcan
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="table-responsive">
                    <table id="datatable" class="align-middle mb-0 table table-borderless table-striped table-hover left-sort-icon">
                        <thead>
                        <tr>
                            <th>Type</th>
                            <th>Subject</th>
                            <th>Created At</th>
                            <th>Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($emailTemplates as $key => $template)
                            <tr class="cursor-pointer" onclick="document.location.href='{{ route('app.email-templates.edit',$template->id) }}'">
                                <td>
                                    {{ $template->emailType->name }}
                                </td>
                                <td class="">{{ $template->subject }}</td>
                                <td class="">{{ $template->created_at->diffForHumans() }}</td>
                                <td class="text-end">

                                    <i class="fas fa-ellipsis-v dropdown-toggle me-3"
                                       id="page-dropdown-{{ $template->id }}"
                                       data-bs-toggle="dropdown"
                                       aria-expanded="false" onclick="event.stopPropagation()">
                                    </i>
                                    <ul class="dropdown-menu" aria-labelledby="page-dropdown-{{ $template->id }}">

                                        <li>
                                            <a class="dropdown-item" href="{{ route('app.email-templates.show',$template->id) }}">
                                                <span>Show</span>
                                            </a>
                                        </li>
                                        @can(\App\Models\Permission::PERM_EMAIL_TEMPLATE_UPDATE)
                                            <li>
                                                <a class="dropdown-item" href="{{ route('app.email-templates.edit',$template->id) }}">
                                                    {{--<i class="fas fa-edit"></i>--}}
                                                    <span>Edit</span>
                                                </a>
                                            </li>
                                        @endcan

                                        @can(\App\Models\Permission::PERM_EMAIL_TEMPLATE_DELETE)
                                            <li>
                                                <button class="dropdown-item" type="button"
                                                        onclick="AppHelper.deleteData({{ $template->id }})">
                                                    <span>Delete</span>
                                                </button>
                                                <form id="delete-form-{{ $template->id }}"
                                                      action="{{ route('app.email-templates.destroy',$template->id) }}" method="POST"
                                                      style="display: none;">
                                                    @csrf()
                                                    @method('DELETE')
                                                </form>
                                            </li>
                                        @endcan
                                    </ul>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            $("#datatable").DataTable();
        });
    </script>
@endpush