{{-- @extends('frontdesk.layouts.master_fullwidth') --}}

@extends('admin.layout.master')
@section('content')
    <style>
        .mn{margin: 0;padding: 0}
    </style>
    <div class="row">
        <div class="col-10">
            @include("frontdesk.share.fd_booking_rightside_quick_access")
        </div>
        <div class="col-10">
            @if (session()->has('fd_error'))
                <div class="alert alert-danger">
                    {!! session()->get('fd_error') !!}
                </div>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-10">
            <div class="card sina-card">
                <div class="card-header bg-info" id="headingOne">
                    <h5 class="mb-0 text-white">
                        {{__('obs.checkout')}}
                        ({{ $booking_info?->checkin_code }})
                        @if($booking_info)
                            {{ __('obs.checkin_date_time') }} {{ date('d-m-Y h:i:s A', strtotime($booking_info->check_in_date)) }}
                        @endif
                    </h5>
                </div>
            </div>
        </div>
    </div>
    <form method="post" class="checkout_form_for_design" action="{{ route('frontdesk.check_out.store') }}" name="form">
        @csrf
        <div class="row">
            <div class="col-10">
                <div class="card-box">
                    <div class="card-block">
                        <nav class="mb-2">
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                <a class="nav-link" id="nav-home-tab" data-toggle="tab"  data-bs-toggle="tab" href="#nav-1" role="tab" aria-controls="nav-1" aria-selected="true">{{__('obs.reservation')}}</a>
                                <a class="nav-link active" id="nav-contact-tab" data-toggle="tab"  data-bs-toggle="tab" href="#nav-4" role="tab" aria-controls="nav-4" aria-selected="false">{{__('obs.booking_details')}}</a>
                                <a class="nav-link" id="nav-contact-tab" data-toggle="tab"  data-bs-toggle="tab" href="#nav-3" role="tab" aria-controls="nav-3" aria-selected="false">{{__('obs.facility_provided')}}</a>
                                <a class="nav-link" id="nav-profile-tab" data-toggle="tab"  data-bs-toggle="tab" href="#nav-2" role="tab" aria-controls="nav-2" aria-selected="false">{{__('obs.guest_information')}}</a>
                            </div>
                        </nav>
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade" id="nav-1" role="tabpanel" aria-labelledby="nav-1-tab">
                                @include("frontdesk.share.form_booking_basic_info")
                            </div>
                            <div class="tab-pane fade" id="nav-2" role="tabpanel" aria-labelledby="nav-2-tab">
                                @include("frontdesk.check_out.check_out_guest_info")
                            </div>
                            <div class="tab-pane fade" id="nav-3" role="tabpanel" aria-labelledby="nav-3-tab">
                                @include("frontdesk.share.facilities")
                            </div>
                            <div class="tab-pane fade show active" id="nav-4" role="tabpanel" aria-labelledby="nav-4-tab">
                                @include("frontdesk.check_out.check_out_room_details")
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2">
                @include("frontdesk.check_out.bill")
            </div>
        </div>
    </form>
    <script src="{{ asset('/') }}frontdesk/booking/fd_booking.js{{ getJsVersion() }}"></script>
    <script>
        let is_early_checkout_auto_adjustment = @json(is_early_checkout_auto_adjustment());
        let is_local_package = @json($is_local_package);
        var is_full_checkout = false;
        let global_balady_id = @json(getBaladyId());
        let global_vat_id = @json(getVATId());
        $(document).ready(function(){
            $('.form_submit').click(function(e){
                $('.checkout_commision').val(0);
                $('.checkout_discount').val(0);
                $('.total_facility').val(0);
                is_full_checkout = $('.checkall').is(':checked');
                var package_type = $('.search-package-types').val();
                var agent_id = $('#agent_id').val();

                let list = [];
                $(".tbody_multi_row tr").each(function () {
                    let tr_id = $(this).attr("data-id");
                    if (typeof tr_id != "undefined") {
                        if ($(".select_id_" + tr_id).is(":checked")) {
                            list.push(tr_id);
                        }
                    }
                });

                if(list.length>0){
                    $('#loader').show();
                    e.preventDefault();
                    var resv_id = $('.row_id').val();
                    var agent = $('.agent').val();
                    let is_early_checkout_auto_adjustment = $('#is_early_checkout_auto_adjustment').val();
                    let ignore_consider_time = $('#ignore_consider_time').is(':checked') ? 1 : 0;
                    method = 'get';
                    data = {resv_id:resv_id,room_list:list,is_full_checkout:is_full_checkout, is_early_checkout_auto_adjustment, ignore_consider_time};
                    url = '/frontdesk/frontdesk_final_accounts_calculation';
                    ajaxCustom(function (response) {
                        $('#loader').hide();
                        if(response.deduct_amount<=0){
                            var decrease_bill = 0;
                        }else{
                            var decrease_bill = response.deduct_amount;
                        }
                        if(response){
                            var res = response.acc_info;
                            var refund = 0;

                            var dis_com = 0;
                            if(res.total_discount > 0){
                                dis_com = res.total_discount;
                            }
                            if(res.total_commission > 0){
                                dis_com = res.total_commission;
                            }

                            $('.total_bill_amount').val(format(res.total_revenue));
                            $('.total_vat').val(format(res.total_vat));
                            $('.total_charges').val(format(res.total_charges));
                            $('.total_facility').val(format(res.total_facility));
                            $('.total_amount').val(format(res.total_bill));
                            $('.total_discount').val(format(dis_com));
                            $('.total_paid').val(format(res.total_paid));

                            $('.decrease_bill').val(format(decrease_bill));

                            if(res.total_due-decrease_bill < 0){  //due is zero or less than zero(refund)
                                refund = res.total_unadjusted_advance-res.total_due;   //if total_due returns negetive(-) value
                                refund += response.deduct_amount;
                                $('.pay_amount').val(0).attr('readonly',false);
                                $('.checkout_commision').attr('readonly',false);
                                $('.checkout_discount').attr('readonly',false);
                                $('.refund').attr('readonly',false); // actually false
                                if(@json(active_user() != 1)){
                                    refund = 0; // last ordered by alamin bhai , no refund on checkout
                                }
                                $('.refund').val(parseFloat(refund).toFixed(2));

                                var total_due_or_refund = refund;
                                var due_refund_text = 'Need To Refund';
                            }else{ //bill is greater than zero and unadjusted_advance is zero
                                refund = 0;
                                $('.refund').attr('readonly',false);
                                var total_due_or_refund = res.total_due-decrease_bill;
                                // $('.pay_amount').val(parseFloat(total_due_or_refund).toFixed(2));
                                $('.pay_amount').val(0); // temp comment
                                var due_refund_text = 'Total Due';

                                // console.log("is_full_checkout",is_full_checkout);
                                if(agent_id == $('.local_agent_id').val()){
                                    $('.checkout_discount').attr('readonly',false); // actually false
                                    $('.checkout_commision').attr('readonly',false);
                                    if(is_full_checkout == true){
                                        $('.pay_amount').attr('readonly',false);
                                    }else{
                                        $('.pay_amount').attr('readonly',false); // actually false
                                    }
                                }else{
                                    $('.pay_amount').attr('readonly',false); // actually false
                                    $('.checkout_discount').attr('readonly',false);
                                    $('.checkout_commision').attr('readonly',false); // actually false
                                }
                            }
                            $('.total_due_or_refund').val(parseFloat(total_due_or_refund).toFixed(2));
                            $('.due_refund_text').text(format(due_refund_text));

                            // if(package_type == 3){
                            //     $('.commision').attr('readonly',true);
                            // }
                            if($('#zero_bill_request').val() == 1){
                                $('.deduct_amount_message').html('<h3 class="my-2 py-3 text-center text-white bg-primary">The Checkout Process Will Remain Pending Until It Is Approved By The Authorised Person.</h3>');
                            }else if(is_early_checkout_auto_adjustment != 1){
                                $('.deduct_amount_message').html('<h3 class="text-center text-white bg-danger">Please check from date and to date carefully, Automatic bill adjustment setting is off now.</h3>');
                            }else if(response.deduct_amount > 0){
                                $('.deduct_amount_message').html('<h3 class="text-center bg-warning">Due To Early Checkout Bill Will Dicrease '+format(response.deduct_amount)+'</h3>');
                            }else if(response.is_minimum_one_day_bill == 1){
                                // $('.deduct_amount_message').html('<h3 class="my-2 py-3 text-center text-white bg-primary">Minimum One Night Bill Should Receive Due To Checkout Consider Time Is Over. System Will Add One Night Bill Automatically.</h3>');
                                $('.deduct_amount_message').html('');
                            }else{
                                $('.deduct_amount_message').html('');
                                console.log('find');
                            }
                            checkoutEligibilityCheck();
                            $('#check_out_modal').modal('show');
                        }

                    },method,url,data);

                    var ids = JSON.stringify(list);
                    $('.selected_room_details_id').val(ids);

                    console.log(list);

                }else{
                    alert("No Room Or Bed Selected");
                    e.preventDefault();
                }

            });

            $('.checkout_commision,.checkout_discount').keyup(function(){

                var com = $('.checkout_commision').val();
                if(com == '')
                    com = 0;
                var dis = $('.checkout_discount').val();
                if(dis == '')
                    dis = 0;
                var due = $('.total_due_or_refund').val();
                console.log(due);
                if(due == '')
                    due = 0;

                console.log('due', due, 'com',com, 'dis', dis);

                com = parseFloat(com);
                dis = parseFloat(dis);
                due = parseFloat(due);
                console.log('due', due, 'com',com, 'dis', dis);
                $('.pay_amount').val(parseFloat(due-com-dis).toFixed(2));
                checkoutEligibilityCheck();
            });
        });
        $('.pay_amount').keyup(function(){
            checkoutEligibilityCheck();
        });

        const format = (num, decimals) => num.toLocaleString('en-US', {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2,
        });

        function checkoutEligibilityCheck(){
            let is_eligible = true;
            let ineligible_reason = '';
            if(is_local_package && is_full_checkout && $('.due_refund_text').text() == 'Total Due'){
                is_eligible = false;
                ineligible_reason = 'Package Type is Local, You Can Not Checkout With Due. Please Receive First.';
                let due_amount = $('.total_due_or_refund').val();
                let discount = $('.checkout_discount').val();
                let commision = $('.checkout_commision').val();
                let pay_amount = $('.pay_amount').val();
                if(parseFloat(due_amount) == (parseFloat(pay_amount) + parseFloat(discount) + parseFloat(commision))){
                    is_eligible = true;
                }
            }
            if($('.due_refund_text').text() != 'Total Due'){
                let due_amount = $('.total_due_or_refund').val();
            }
            if(is_eligible == true){
                $('.checkout_submit_button').attr('disabled',false);
                $('.ineligibile_reason').text('');
            } else {
                $('.checkout_submit_button').attr('disabled',true);
                $('.ineligibile_reason').text(ineligible_reason);
            }
        }
    </script>
@endsection