@extends('backend.layouts.app')

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="h3">{{ translate('Email Templates') }}</h1>
            </div>
            {{-- <div class="col-md-6 text-md-right">
			<a href="{{ route('pick_up_points.create') }}" class="btn btn-circle btn-info">
				<span>{{translate('Add New Pick-up Point')}}</span>
			</a>
		</div> --}}
        </div>
    </div>

    <div class="">
        <div class="card-header row"
            style="background-color: #f5f5f5;border-top:1px solid #d2d2d2;padding:12px 0px;display:flex;align-items:center">
            <div class="col text-center text-md-left">
                <h5 class="mb-md-0 h6">{{ translate('Email Templates') }}</h5>
            </div>
            <div class="col-md-4">
                <form class="" id="sort_pickup_points" action="" method="GET">
                    <div class="table-search ml-auto">
                        <i class="icons icon-search-s" id="memberSearch"></i>
                        <input type="text" class="form-control" id="search"  name="search"@isset($sort_search) value="{{ $sort_search }}" @endisset
                            placeholder="{{ translate('Search') }}">
                    </div>
                </form>
            </div>
        </div>
        <div class="admin-table table-freezed" id="mytable">
            @include('backend.setup_configurations.email_template.datalist',['email_templates'=>$email_templates])
        </div>
    </div>
@endsection

@section('modal')
    @include('modals.delete_modal')
@endsection

@section('script')
    <script type="text/javascript">

        $(document).ready(function() {
            function sort_pickup_points() {
                $('#sort_pickup_points').submit();
            }
            $("#memberSearch").on('click', function() {
                sort_pickup_points();
            });

            $("#search").on('keyup', function(event) {
                if (event.keyCode === 13) {
                    sort_pickup_points();
                }
            });
 
            ///// Delete
            $(document).on('click', '.confirm-delete', function() {
                var url = $(this).data('href');
                var checkThis = $(this);
                var deleteModal = $('#delete-modal');
                deleteModal.modal({
                    backdrop: 'static',
                    keyboard: false
                });

                $('#delete-link').one('click', function(e) {
                    $.ajax({
                        url: url,
                        type: "GET",
                        success: function(response) {
                            if (response) {
                                AIZ.plugins.notify('success', 'Email template deleted successfully!');
                                deleteModal.modal('hide'); 
                                $(document).find('#mytable').html(response); 
                            }
                        },
                        error: function() {
                            AIZ.plugins.notify('error', 'An error occurred while deleting the email template.');
                        }
                    });
                });
            });

            $('#delete-modal').on('hidden.bs.modal', function() {
                $(this).find('#delete-link').off('click');
            });
        });
    </script>
@endsection