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

    <div class="card mx-10">
        <!--begin::Header-->
        <div class="card-header align-items-center py-3 gap-2 gap-md-5">
            <div class="card-toolbar flex-row-fluid justify-content-end gap-5">
                <button type="button" class="btn btn-primary compose-mail">Compose Mail</button>
            </div>
        </div>
        <!--end::Header-->
        <!--begin::Body-->
        <div class="card-body py-3">
            <div class="table-responsive">
                <table id="accountManager-content"
                       class="table table-hover table-rounded table-row-bordered gy-5 gs-7 table-striped">
                    <thead>
                    <tr class="fw-semibold fs-6 text-gray-400">
                        <th class="fw-bold fs-6">Name</th>
                        <th class="fw-bold fs-6">Email</th>
                        <th class="fw-bold fs-6">Subject</th>
{{--                        <th class="fw-bold fs-6 text-center">Description</th>--}}
                        <th class="fw-bold fs-6 text-center">Mail Status</th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach ($manage_email_details as $emailList)

                        <tr class="fw-bold fs-6 text-gray-500">
                            <td>{{ $emailList['name'] }}</td>
                            <td>{{ $emailList['email'] }}</td>
                            <td>{{ $emailList['subject'] }}</td>
{{--                            <td>{!!   $emailList['description'] !!}</td>--}}
                            <td>
                                @if($emailList['status'] == 1)
                                    <button class="btn btn-primary" attr-id="{{ $emailList['id'] }}" id="send-mail-r">Resend</button>
                                @else
                                    <label for="" class="text-success">sended</label>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@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')
            });
            tinymce.init({selector:'textarea'});
        });
    </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