@extends('layouts.master')
@section('title', __('Email Management'))

@push('styles')
    <link href="{{ asset('backend/css/summernote/summernote-lite.min.css') }}" rel="stylesheet">
@endpush

@section('content')
    <!-- Table Section -->
    <section class="main_section">
        <div class="scroll">
            <div id="contentEditRecord" class="contentEditRecord"></div>
            @can('email-management-create')
                @include('backend.email_management.create-form')
            @endcan
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <!-- Search filter -->
                        <div id="custom_toolbar_user" class="select">
                            @can('email-management-create')
                                <a data-toggle="tooltip" data-placement="top" title="Add New"
                                    class="btn btn-secondary text-white showArchive btnNewRecord me-1" id="btnNewRecord"
                                    href="javascript:void(0);">{!! renderIconHtml('add') !!}{{ __('Add New') }}
                                </a>
                            @endcan

                            <a data-toggle="tooltip" data-placement="top" title="Back"
                                class="btn btn-secondary text-white showUsers d-none me-1"
                                onclick="switchEmailRecords('index')"><i class="bi bi-arrow-counterclockwise"></i> {{__('Back')}}</a>
                            @can('email-management-archive-show')
                                <a data-toggle="tooltip" data-placement="top" title="Show Archived"
                                    class="btn btn-secondary text-white showArchive"
                                    onclick="switchEmailRecords('archive')"><i class="bi bi-archive"></i>  {{ __('Archive') }}</a>
                            @endcan
                        </div>
                        <table class="table table-bordered" id="bstable" data-unique-id="counter" table-for="email_management"
                            data-toolbar="#custom_toolbar_user" data-toggle="bstable" data-show-export="false"
                               data-show-button-text="true"
                            data-show-columns="true" data-show-toggle="false" data-show-columns-toggle-all="false"
                            data-ajax="getEmails" data-side-pagination="server" data-pagination="true"
                            data-total-field="count" data-sortable="true" data-data-field="items" data-filter-control="true"
                            data-export-options='{"fileName": "{{ config('app.APP_NAME') . ' - Logs - ' . date('d/m/Y-H:m:s') }}"}'
                            data-icons="icons" data-icons-prefix="bi" data-show-search-clear-button="true" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                            <thead>
                                <tr>
                                    <th data-field="counter" class="id" data-width-unit="px">{{ __('Id') }}</th>
                                    <th data-field="title" data-filter-control="input" data-width-unit="px" data-sortable="true" data-filter-control-placeholder="Title">{{ __('Title') }} </th>
                                    <th data-field="subject" data-filter-control="input" data-width-unit="px" data-sortable="true" data-filter-control-placeholder="Subject">{{ __('Subject') }} </th>
                                    <th data-field="created_at" data-filter-control="input" data-width-unit="px" class="created_at" data-sortable="true" data-filter-control-placeholder="Created At">{{ __('Created At') }} </th>
                                    <th data-field="action" data-switchable="true" data-width-unit="px">{{ __('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- End Table Section -->
            <!-- END OF CONTENT AREA -->
        </div>
    </section>
    <input type="hidden" value="{{ route('admin.email-management.getEmail') }}" id="getEmail">
@endsection
@push('scripts')
    <script src="{{ asset('backend/js/pages-js/email-management.js') }}"></script>
@endpush