@extends('firm._layouts.standard')

@section('_content')

    <div class="events-header">
        {{ company()->name }} - <b>@transUc('firm.sections.checkout')</b>
    </div>

    <div id="contentContainer">
        {!! $content !!}
    </div>

@endsection

@push('modals')

    @include('firm._modals.eod-modal')
    @include('firm._modals.channel-cancel-modal')
    @include('firm._modals.order-approval')

@endpush

@section('print')

    @if(isset($bills))
        {!! $bills !!}
    @endif

@endsection

@section('scripts')

    <script>
        var $accordion            = $('.accordion')
        var isSumInitiallyVisible = $accordion.hasClass('active')
        var $eodModal             = $('#eod-modal')
        var $orderApprovalModal   = $('#order-approval-modal')
        var $channelCancelModal   = $('#channel-cancel-modal')

        $(function () {

            $('#eod-submit-btn').click(function (event) {
                $('form').submit()
                return false
            })

            $eodModal.eodModal()

            $('#menu-eod-btn').click(function () {
                $eodModal.eodModal('show')
            })

            $orderApprovalModal.orderApprovalModal()

            $orderApprovalModal.on('orderApprovalModal:approve', function (e) {
                let id = e.parameters.id
                $('.unapproved-getir-sale[data-id="' + id + '"]').remove()
                lazyAlert('success', "Sipariş Onaylandı!")
            })

            $orderApprovalModal.on('orderApprovalModal:progressBegin', function () {
                $('#loading-bg').show()
                $('#loading-image').show()
            }).on('orderApprovalModal:progressEnd', function () {
                $('#loading-bg').hide()
                $('#loading-image').hide()
            })

            $channelCancelModal.on('channelCancelModal:progressBegin', function () {
                $('#loading-bg').show()
                $('#loading-image').show()
            }).on('channelCancelModal:progressEnd', function () {
                $('#loading-bg').hide()
                $('#loading-image').hide()
            })

            var initListeners = function () {
                $('form').submit(function (event) {
                    if (!confirm('@trans('ATTENTION! You are about to end the financial day. Do you want to proceed?')')) {
                        return false
                    }
                })

                $('.accordion').click(accordion)

                updateAccordionState()

                var $unapprovedGetirSales = $('.unapproved-getir-sale')

                $unapprovedGetirSales.click(function (e) {
                    var uuid = $(e.currentTarget).data('id')
                    $orderApprovalModal.orderApprovalModal('show', uuid)
                })
            }

            var contentUpdated = function () {
                $accordion = $('.accordion')

                initListeners()

                // preserve previous accordion state
                updateAccordionState()
            }

            contentRefresh(false, contentUpdated)
            initListeners()

            setTimeout(function () {
                location.replace('')
            }, 600000)
        })

        function accordion(e) {
            $accordion.not(e.currentTarget).removeClass('active')
            e.currentTarget.classList.toggle('active')

            isSumInitiallyVisible = isSumInitiallyVisible = $accordion.hasClass('active')
        }

        function updateAccordionState() {
            if (isSumInitiallyVisible) {
                $accordion.addClass('active')
            } else {
                $accordion.removeClass('active')
            }
        }
    </script>

@endsection