@extends('admin.layout.master')
@section('title','Non VAT Bill')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card sina-card">
                <div class="card-header">
                    <h4 class="mb-0">{{__('obs.non_vat_bill')}}</h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('frontdesk.non_vat_bill.store') }}" method="POST" class="form_submit">
                        <input type="hidden" name="id" value="{{ $info ? $info->id : null }}">
                        <div class="row">
                            <div class="col-4 offset-4">
                                <table class="table cl-table table-form table-bordered rounded-2">
                                    @if(!$info)
                                        <tr>
                                            <td class="w-25">
                                                <label for="" class="cl-form-label">{{__('obs.store')}}<span class="required_field"></span></label>
                                            </td>
                                            <td class="w-75">
                                                <div class="d-flex">
                                                    <select class="form-control cl-form-control select_2" name="warehouse_id" id="warehouse_id">
                                                        @foreach (adminAsignedWarehouseList()->whereIn('type', [3]) as $v)
                                                            <option value="{{ $v->id }}">{{ $v->name_eng }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif
                                    <tr class="{{ $info ? 'd-none' : '' }}">
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.type')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <select class="form-control cl-form-control select_2" name="type" id="type" onchange="typeChange()">
                                                    <option {{ $info && $info->ref_type == 1 ? 'selected' : '' }} value="1">{{__('obs.checkin')}}</option>
                                                    <option {{ $info && $info->ref_type == 2 ? 'selected' : '' }} value="2">{{__('obs.allotment')}}</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="checkin_tr">
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.checkin_no')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            @if($info)
                                                {{ $info->checkin_code }}
                                                <input type="hidden" name="booking_id" value="{{ $info->ref_booking_id }}">
                                            @else
                                                <div class="d-flex">
                                                    <select class="form-control cl-form-control fd_checkin_no_search_custom_store" id="booking_id" name="booking_id" onchange="getCheckInInfo()">
                                                        
                                                    </select>
                                                </div>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr class="allotment_tr">
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.allotment_no')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            @if($info)
                                                {{ $info->checkin_code }}
                                                <input type="hidden" name="allotment_id" value="{{ $info->ref_booking_id }}">
                                            @else
                                                <div class="d-flex">
                                                    <select class="form-control cl-form-control fd_allotment_no_search_custom_store" id="allotment_id" name="allotment_id" onchange="getCheckInInfo()">
                                                        
                                                    </select>
                                                </div>
                                            @endif
                                        </td>
                                    </tr>
                                    {{-- @if(!$info)
                                        <tr>
                                            <td class="w-25">
                                                <label for="" class="cl-form-label">{{__('obs.agent')}}<span class="required_field"></span></label>
                                            </td>
                                            <td class="w-75">
                                                <div class="d-flex">
                                                    <p class="mb-0" id="agent_name"></p>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif --}}
                                    @php
                                        $first_checkin_detail = $info ? $info->get_checkin_info->first() : null;
                                        $room_qty = $first_checkin_detail ? $first_checkin_detail->room_qty : 0;
                                        $night = $first_checkin_detail ? $first_checkin_detail->qty : 0;
                                        $rate = $first_checkin_detail ? $first_checkin_detail->rent/$room_qty : 0;
                                    @endphp
                                    <tr>
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.room_qty')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <input type="number" class="form-control cl-form-control" name="room_qty" value="{{ $room_qty }}" id="room_qty" onkeyup="calculateTotal()">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.night')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <input type="number" class="form-control cl-form-control" name="night" value="{{ $night }}" id="night" onkeyup="calculateTotal()">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.rate')}}<span class="required_field"></span></label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <input type="number" class="form-control cl-form-control" name="rate" value="{{ $rate }}" id="rate" onkeyup="calculateTotal()">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.total_amount')}}</label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <input type="number" class="form-control cl-form-control" name="total_amount" readonly value="0" id="total_amount">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w-25">
                                            <label for="" class="cl-form-label">{{__('obs.remarks')}}</label>
                                        </td>
                                        <td class="w-75">
                                            <div class="d-flex">
                                                <textarea name="remarks" id="" cols="30" rows="2" class="form-control" style="height: 50px;">{{ $info->remarks ?? '' }}</textarea>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <div class="d-flex justify-content-center">
                                    <button type="submit" class="btn btn-primary btn-sm w-50 mt-2">{{__('obs.submit')}}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@include('frontdesk.common.common')
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            typeChange();
            checkinNoLiveSearchCustomStore('.fd_checkin_no_search_custom_store', 'frontdesk/checkin_no_search', true);
            checkinNoLiveSearchCustomStore('.fd_allotment_no_search_custom_store', 'frontdesk/allotment_no_search', true);
            calculateTotal();
        });
        function calculateTotal() {
            let room_qty = parseFloat($('#room_qty').val());
            room_qty = isNaN(room_qty) ? 0 : room_qty;
            let rate = parseFloat($('#rate').val());
            rate = isNaN(rate) ? 0 : rate;
            let night = parseFloat($('#night').val());
            night = isNaN(night) ? 0 : night;
            let total_amount = room_qty * rate * night;
            $('#total_amount').val(parseFloat(total_amount).toFixed(2));
        }
        function checkinNoLiveSearchCustomStore(cls, defUrl, clear = false) {
            $(cls).select2({
                theme: isV2 ? undefined : "bootstrap-5",
                minimumInputLength: 3,
                allowClear: clear,
                placeholder: "Select",
                ajax: {
                    url: "/"+defUrl,
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term,
                            ware_id: $('#warehouse_id').val(),
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                }
            });
        }
        function getCheckInInfo(){
            let booking_id = $('#booking_id').val();            
            if(booking_id == '' || booking_id == null) {
                $('#agent_name').text('Select Booking No.');
                return;
            }
            $('#agent_name').text('loading...');
            customAjaxCall(function(res){
                $('#agent_name').text(res.get_agent_info.name_eng);
            }, 'get', "{{ route('frontdesk.booking.find') }}", {id: booking_id});
        }
        function typeChange(){
            let type = $('#type').val();
            if(type == 1){
                $('.checkin_tr').show();
                $('.allotment_tr').hide();
            } else{
                $('.checkin_tr').hide();
                $('.allotment_tr').show();
            }
        }
    </script>
@endsection