@extends('report.report_layout')

@section('title', $page_title)
@section('show_date', true)

@section('report_table')

<table class="table table-hover table-vcenter" >
    <thead class="thead-light" >
        <tr>
            <th>{{ trans('report.index') }}</th>
            <th>{{ trans('report.order_no') }}</th>
            <th>{{ trans('report.date') }}</th>
            <th>{{ trans('report.time') }}</th>
            <th class="text-right" >{{ trans('report.subtotal') }}</th>
            <th class="text-right" >{{ trans('report.discount_total') }}</th>
            <th class="text-right" >{{ trans('report.service_charge') }}</th>
            <th class="text-right" >{{ trans('report.vat_total') }}</th>
            <th class="text-right" >{{ trans('report.total') }}</th>
            <th class="text-center" >{{ trans('report.channel') }}</th>
            <th class="text-center" >{{ trans('report.detail') }}</th>
            <th class="text-center" >{{ trans('report.receipt') }}</th>
            <th class="text-center" >{{ trans('report.receipt_full') }}</th>
        </tr>
    </thead>
    <tbody>
            </tbody>
</table>

<div class="modal" id="modalOrder" tabindex="-1" role="dialog" aria-labelledby="modal-block-vcenter" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-popout" role="document">
        <div class="modal-content">
            <div class="block block-themed block-transparent mb-0">
                <div class="block-header bg-primary-dark">
                    <h3 class="block-title">Customer</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                            <i class="fa fa-fw fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content pb-4">
                    <form id="form_modal" >
                        {!! HTMLRender::formText('customer_fullname', null, trans('customer.fullname'), ['span' => true]) !!}
                        {!! HTMLRender::formText('customer_taxid', null, trans('customer.taxid'), ['span' => true]) !!}
                        {!! HTMLRender::formText('customer_tel', null, trans('customer.tel'), ['span' => true]) !!}
                        {!! HTMLRender::formText('customer_email', null, trans('customer.email'), ['span' => true]) !!}
                        {!! HTMLRender::formTextArea('customer_address', null, trans('customer.address'), ['span' => true]) !!}
                        {!! HTMLRender::formHidden('bill_id', null) !!}
                        {!! HTMLRender::formHidden('order_id', null) !!}
                        {{ csrf_field() }}
                    </form>
                </div>
                <div class="block-content block-content-full text-right bg-light">
                    <button type="button" class="btn btn-sm btn-primary btn-save-customer" data-dismiss="modal">Print</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script_report_custom')
<script>
    $(".btn-print-receipt").on('click', function(){
        var order_id = $(this).attr('data-order-id');
        $.get("{{ route('print-receipt') }}", {
            order_id: order_id
        }, function(res){
            console.log('res', res);
            if (res.status) {
                w = window.open(null, 'print', "width=1200,height=1200");
                w.document.write(res.html);
                setTimeout(function() {
                    w.focus();
                    w.print();
                    w.close();
                }, 100);
            }
        }, 'json');
    });

    var last_print_btn = null;

    $(".btn-print-receipt-full").on('click', function(){
        var bill_id = $(this).attr('data-bill-id');
        var order_id = $(this).attr('data-order-id');
        last_print_btn = $(this);
        $.get("{{ route('print-receipt-get-customer') }}", {
            bill_id: bill_id,
            order_id: order_id,
        }, function(res){
            console.log('res order', res);
            if (res.status) {
                $('#modalOrder #customer_fullname').val(res.bill.customer_fullname);
                $('#modalOrder #customer_taxid').val(res.bill.customer_taxid);
                $('#modalOrder #customer_tel').val(res.bill.customer_tel);
                $('#modalOrder #customer_email').val(res.bill.customer_email);
                $('#modalOrder #customer_address').val(res.bill.customer_address);
                $('#modalOrder input:hidden[name=bill_id]').val(res.bill_id);
                $('#modalOrder input:hidden[name=order_id]').val(res.order_id);
                $('#modalOrder').modal('show');
            }
        }, 'json');
    });

    $(document).on("click", ".btn-save-customer", function(){
        $.post("{{ route('print-receipt-full') }}", $("#form_modal").serialize(), function(res){
            console.log('res', res);
            if (res.status) {
                if (last_print_btn) {
                    last_print_btn.attr('data-bill-id', res.bill_id);
                }
                $('#modalOrder input:hidden[name=bill_id]').val(res.bill_id);
                w = window.open(null, 'print', "width=600,height=1200");
                w.document.write(res.html);
                setTimeout(function() {
                    w.focus();
                    w.print();
                    w.close();
                }, 100);
            }
        }, 'json');
    });

</script>
@endsection