@extends('frontdesk.layouts.master_fullwidth')

@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="col-lg-12">
    <div class="row" style="margin-top: 10px;">
        {{-- <div class="col-1" ></div> --}}
        <div class="col-12" style="margin-top: 10px">
            <form action="{{route('frontdesk.receipt.checkin_wise.update')}}" method="post" id="form_booking">
                <div class="card" style="margin: 0;padding: 0">
                    <div class="card-header" id="headingOne">
                        <h5 class="mb-0">
                            Receive Edit
                        </h5>
                    </div>
                    <div class="card-body">
                        @csrf
                        <div class="row">
                            <div class="col-md-4">
                                <label for="">Check In 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">Transferred Amount Is Not Editable</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mt-2">
                    <div class="card-header">
                        <h6>Receive Information</h6>
                    </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">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-success btn-block btn-sm">Update</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('frontdesk/booking/fd_booking.js') }}"></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();
            },method,route,data);
        });

    });


    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();
        }
    }
</script>

@endsection