@extends('backend.settings.email-templates.layout')

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

@section('email-templates-content')


    @if ($errors->any())
        <div class="alert alert-danger">
            @foreach ($errors->all() as $error)
                <p class="mb-0">{{ $error }}</p>
            @endforeach
        </div>
    @endif


    <div class="mb-3 text-end">
        @can(\App\Models\Permission::PERM_EMAIL_TEMPLATE_CREATE)
            @if (\App\Models\EmailType::query()->doesntHave('emailTemplate')->exists())
            <a href="{{ route('app.settings.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 New Email Template') }}
            </a>
            @endif
        @endcan
    </div>


    <div class="main-card card pb-2">

        <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>Site</th>
                    <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.settings.email-templates.edit',$template->id) }}'">
                        <td>{{ $template->template ? division($template->template, 'name') : 'General' }}</td>
                        <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 }}">

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

                                @can(\App\Models\Permission::PERM_EMAIL_TEMPLATE_CREATE)
                                    <li>
                                        <a data-bs-toggle="modal"
                                        data-bs-target="#duplicate-modal"
                                        data-duplicate-url="{{ route('app.settings.email-templates.duplicate', $template->id) }}"
                                        class="dropdown-item">
                                            <span>Duplicate</span>
                                        </a>
                                    </li>
                                @endcan
                                <li>
                                    <a class="dropdown-item"
                                       target="_blank"
                                       href="{{ route('app.settings.email-templates.preview', $template->id) }}"
                                    >Preview</a>
                                </li>

                                @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.settings.email-templates.destroy',$template->id) }}" method="POST"
                                              style="display: none;">
                                            @csrf()
                                            @method('DELETE')
                                        </form>
                                    </li>
                                @endcan
                            </ul>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('modal')
    <div id="duplicate-modal" class="modal fade"
         role="dialog"
         data-bs-backdrop="static"
         data-bs-keyboard="false"
         aria-labelledby="duplicate-modal"
         style="display: none;"
         aria-hidden="true"
    >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-title">Replicate Email Template</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="duplicate-form" action="" method="post">
                        @csrf
                        <div class="form-group">
                            <label class="form-label" for="page-template">Choose Site:</label>
                            <select id="page-template" class="form-control" name="template">
                            @foreach(division_list() as $division)
                                <option value="{{ $division['division'] }}">{{ $division['name'] }}</option>
                            @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button id="submit-action" type="submit" class="btn btn-primary">Duplicate</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')

    <script>
        $(document).ready(function() {

            $('#duplicate-modal').on('shown.bs.modal', function (e) {

                /*$('#page-template').val($(e.relatedTarget).data('page-menu-template-id'));
                $('#modal-title').text($(e.relatedTarget).data('modal-title'));*/
                $('#duplicate-form').attr('action', $(e.relatedTarget).data('duplicate-url'));
                /*$('#submit-action > span').text($(e.relatedTarget).data('submit-text'))*/
            });
        });
    </script>

@endpush