@extends('layouts.app')
@section('content')
    @include('includes.bread_crumb_with_header', [
        'header' => 'Tickets',
        'bread_crumbs' => ['Dashboard' => url('/dashboard'), 'Support' => ''],
    ])
    @include('pages.seller.support.includes.list_view')
@endsection
@push('script')
    {{-- create tieckts --}}
    <script>
        var modalId = 'modal';

        $(document).on('click', '.create-ticket', async function() {
            const btn = $(this);
            const btnTitle = btn.html();
            try {
                loadButton(btn, 'Loading ...');
                let loadURL = `${baseUrl}/seller/support/ticket/create`;
                console.log(baseUrl);
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add ticket popup. (error_ref: create_ticket)");
                console.log("create_ticket", err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });
    </script>

    {{-- Store Ticket --}}
    <script>
        $(document).on('click', '.add-ticket-btn', async function(e) {
            e.preventDefault();
            let form = $(this).closest('form');
            const btn = $(this);
            const btnTitle = btn.html();
            try {
                loadButton(btn);
                const url = "{{ route('seller.support.tickets.store') }}";
                let ajaxRequest = new HttpRequest(url, 'POST');
                ajaxRequest.set_data_by_form_object(form);
                let response = await ajaxRequest.call();
                $("#" + modalId).modal("hide");
                location.reload();
            } catch (err) {
                toast.error(err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });
    </script>

    {{-- Account Manager details --}}
    <script>
        $(document).on('click', '.account-manager', async function() {
            const btn = $(this);
            const btnTitle = btn.html();
            try {
                loadButton(btn, 'Loading ...');
                let loadURL = `${baseUrl}/seller/support/acc-manager/`+{{ Auth::user()->id }};
                console.log(baseUrl);
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add accountManager popup. (error_ref: AccountManager)");
                console.log("AccountManager", err);
            } finally {
                resetButton(btn, btnTitle);
            }
        });
    </script>

    {{-- Close Ticket--}}
    <script>
        // $(document).on('click', '.close', async function() {
        //     const btn = $(this);
        //     const btnTitle = btn.html();
        //     try {
        //         loadButton(btn, 'Loading ...');
        //         let loadURL = `${baseUrl}/seller/support/ticket/close`;
        //         console.log(baseUrl);
        //         await loadModal(modalId, loadURL);
        //     } catch (err) {
        //         toast.error("Could not load add event popup. (error_ref: close_ticket)");
        //         console.log("close_ticket", err);
        //     } finally {
        //         resetButton(btn, btnTitle);
        //     }
        // });

        $(document).on('click', '.close', async function() {
            var ticketId = $(this).attr('data-id');
            try {
                let loadURL = `${baseUrl}/support/tickets/close-ticket/${ticketId}`;
                await loadModal(modalId, loadURL);
            } catch (err) {
                toast.error("Could not load add event popup. (error_ref: add_account_manager)");
                console.log("add_account_manager", err);
            }
        });


    </script>

<script>
    $(document).on('click', '.close-ticket-btn', async function(e) {
        e.preventDefault();
        let form = $(this).closest('form');
        const btn = $(this);
        const btnTitle = btn.html();
        try {
            loadButton(btn);
            const url = "{{ route('seller.support.close_ticket.store') }}";
            let ajaxRequest = new HttpRequest(url, 'POST');
            ajaxRequest.set_data_by_form_object(form);
            let response = await ajaxRequest.call();
            $("#" + modalId).modal("hide");
            toast.success(response.message);
            location.reload();
        } catch (err) {
            toast.error(err);
        } finally {
            resetButton(btn, btnTitle);
        }
    });
</script>
@endpush