@extends('layouts.app')
@section('content')
    @include('includes.bread_crumb_with_header', [
        'header' => 'Manage Emails',
        'bread_crumbs' => ['Home' => ""],
    ])

    @include('pages.admin.manage-emails.includes.list_view');
@endsection
@push('script')
    <script>
        $(document).on('click', '.compose-mail', async function() {
            const btn = $(this);
            const btnTitle = btn.html();

            // console.log('aaa');return;
            try {
                loadButton(btn, 'Loading ...');
                let loadURL = `${baseUrl}/admin/manage-emails/create`;
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add event popup. (error_ref: manage_email)");
                console.log("manage_email", err);
            } finally {
                resetButton(btn, btnTitle);
            }

            $(".js-example-basic-multiple").select2({
                dropdownParent: $('.modal')
            });
        });
    </script>

    {{-- Store manager --}}
    <script>
        const modalId = "modal";
        $(document).on('submit', '.store-mail', async function(e) {
            e.preventDefault();
            let form = $(this);
            const btn = $(this).find('.add-mail-btn');
            const btnTitle = btn.html();

            try {
                loadButton(btn);
                const url = "{{ route('admin.manage-emails.store') }}";
                let ajaxRequest = new HttpRequest(url, 'POST');
                ajaxRequest.set_data_by_form_object(form);
                let response = await ajaxRequest.call();
                $("#" + modalId).modal("hide");
                if (response.event) {
                    toast.success(response.message);
                } else {
                    toast.error(response.message);
                }


                setTimeout(function() {
                    location.reload();
                }, 2000);


            } catch (err) {
                toast.error(err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });

        $(document).on('click', '#send-mail-r', async function(e) {
            e.preventDefault();
            let id = $(this).attr('attr-id');
            // const btn = $(this).find('.add-mail-btn');
            // const btnTitle = btn.html();
            $(this).addClass('disabled');
            try {
                const url = baseUrl + '/admin/manage-emails/' + id;
                let ajaxRequest = new HttpRequest(url, 'PUT');
                ajaxRequest.set_data_as_object({
                    '_token': csrfToken
                });
                let response = await ajaxRequest.call();
                if (response.event == 0) {
                    toastr.error(response.message);
                } else {
                    toastr.success(response.message);
                }
                location.reload();
            } catch (err) {
                toastr.error(err);
            }
            $(this).removeClass('disabled');

        });
    </script>
@endpush