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

@section('custom_style')

    <style>
        /* select{
            box-shadow: inset -1px 4px 10px 0px rgb(212 212 212);
            height: 28px !important;
            font-size: 14px !important;
        } */
    </style>

@endsection
@section('content')

<div class="">
    <div class="row">
        {{-- <div class="col-1" ></div> --}}
        <div class="col-12" style="">
            <form action="{{route('frontdesk.receipt.checkin_wise.update')}}" method="post" id="form_booking">
                <div class="card sina-card" style="">
                    <div class="card-header" id="headingOne">
                        <h5 class="mb-0">
                            {{__('obs.receive_edit')}}
                        </h5>
                    </div>
                    <div class="card-body">
                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                                <label for="">{{__('obs.checkin_no')}}</label>
                                <select name="booking_id" class="form-control fd_checkin_no_search checkin_no">
                                    {{-- <option value="">Select Check In No</option>
                                    @foreach ($checkins as $chin)
                                        <option value="{{$chin->id}}">{{$chin->checkin_code}}</option>
                                    @endforeach --}}
                                </select>
                                <span class="text-danger font-weight-bold">{{__('obs.transferred_amount_is_not_editable')}}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card sina-card mt-3">
                    <div class="card-header">
                        <h5>{{__('obs.receive_information')}}</h5>
                    </div>
                    <div class="card-body data_load_spiner py-5" style="display: none;">
                        <div class="spinner-border" role="status" style="margin: 0 50%;">
                            <span class="sr-only">{{__('obs.loading')}}...</span>
                        </div>
                    </div>
                    <div class="card-body checkinallinfo" style="display: none;">
                        <div class="row">
                            <div class="col-12 checkinwise_receive_list">

                            </div>
                        </div>
                        <div class="col-1">
                            <div class="form-group">
                                {{-- <button class="btn btn-primary btn-block">{{__('obs.update')}}</button> --}}
                                <button id="submit_button" type="button" class="btn btn-primary" onclick="update_receive_amount(event)">
                                    {{__('obs.update')}}
                                </button>
                            
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('frontdesk/booking/fd_booking.js' . getJsVersion()) }}"></script>

<script>
    $(".search-checkin").select2();

    $(document).ready(function(){
        $('.checkin_no').change(function(){
            $('.data_load_spiner').show();
            $('.checkinallinfo').hide();
            id = $(this).val();
            console.log("this", id);
            var method="GET";
            var route="{{ route('frontdesk.receipt.checkin_wise.list') }}";
            var data={id:id};
            ajaxCustom(function (res) {
                console.log("res", res);

                $('.checkinwise_receive_list').html(res.info);
                $('.data_load_spiner').hide();
                $('.checkinallinfo').show();
               
                flatpickr('.date_picker', {
                    dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                    disableMobile: "true"
                });



            },method,route,data);
        });


        $(document).on('change',".receipt_type", function(e) {
            var fd_invoice_id = $(this).attr('data-invoice-id');
       
        var cash_bank_type = $(this).find('option:selected').attr("cash_bank_type");
        if(cash_bank_type == 2){

            $(".payment_details"+fd_invoice_id).show();
            $('#cheque_date'+fd_invoice_id).prop('required', true);
            $('#cheque_number'+fd_invoice_id).prop('required', true);

            $(".cheque_date"+fd_invoice_id).removeAttr('disabled','disabled');
            $(".cheque_number"+fd_invoice_id).removeAttr('disabled','disabled');
        }else{
            // $('#bank_account_id').prop('required', false);
            $(".cheque_date"+fd_invoice_id).attr('disabled','disabled');
            $(".cheque_number"+fd_invoice_id).attr('disabled','disabled');

            $('#cheque_date'+fd_invoice_id).prop('required', false);
            $('#cheque_number'+fd_invoice_id).prop('required', false);
            $(".payment_details"+fd_invoice_id).hide();

        }

    });


    });

   


    function getFormatedDate(str,addDay = 0){

        var return_str = str.split(" ")[0].split('-');
        if(addDay == 0){
            return return_str[2]+'-'+return_str[1]+'-'+return_str[0];
        }else{
            let date = new Date(str.split(" ")[0]);
            // console.log('new_date', date);
            date.setDate(date.getDate() + addDay);
            return date.getDate() +'-' + (date.getMonth()+1) + '-' + date.getFullYear();
        }
    }


    function update_receive_amount(event) {
            event.preventDefault(); 
            var confirmation = confirm("Are you sure you want to update?");
            if (confirmation) {
                $('#form_booking').submit(); 
            }
        }
</script>

@endsection