@extends('admin.layout.master')
@section('content')
        <style>
            .mn{margin: 0;padding: 0}
            .error_list{
                list-style: none;
                padding-left: 0;
                color: rgb(139, 32, 32);
            }
            .cl-table-container{
                max-height: initial!important;
            }
            .form-control {
                padding: .22rem .75rem;
            }
            textarea.form-control {
                min-height: calc(1.5em + .5rem + 2px);
            }
        </style>
        <div class="card sina-card">
            <div class="card-header d-flex justify-content-between">
                <h5 class="mb-0  ">@empty($cur_allotment) {{__('obs.add')}} @endempty @isset($cur_allotment) {{__('obs.edit')}} @endisset {{__('obs.allotment')}}</h5>
                <a href="{{ route('frontdesk.view.manage_allotment') }}" class="btn btn-light btn-sm">{{__('obs.view')}} {{__('obs.allotment')}}</a>
            </div>

            <div class="card-body">
                <form id="form_booking1" class="form_submit" enctype="multipart/form-data" method="post" action="{{ route('frontdesk.manage_allotment.create') }}">
                    @csrf
                    @isset($cur_allotment) <input type="hidden" name="cur_allotment" value="{{$cur_allotment}}"> @endisset
                    <div class="row">
                        <div class="col-sm-12" >
                            @isset($cur_allotment)
                                <div class="col-sm-12 mn">
                                    <label class="cl-form-label" style="text-align:right;">{{__('obs.allotment')}} {{__('obs.code')}}</label>
                                    @empty($cur_allotment) @php $lastIncreament = substr($lastCode, -3); @endphp @endempty
                                    <input @empty($cur_allotment) value="{{'TXT'.str_pad($lastIncreament + 1, 3, 0, STR_PAD_LEFT)}}" @endempty @isset($cur_allotment) value="{{$fdAllotment->code}}" @endisset readonly id="allot_code" name="code" class="form-control cl-form-control input_shadow w-25"/>
                                </div>
                            @endisset

                            <div class="card sina-card">
                                <div class="card-header">
                                    <h5 class="page-title mn">{{__('obs.basic')}} {{__('obs.info')}}</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row g-2">
                                        <div class="col-lg-3 col-md-4">
                                            <div class="row gx-3 gx-0">
                                                <label for="agent_id" class="col-sm-4">{{ get_customer_lebel() }} {{__('obs.list')}}</label>
                                                <div class="col-sm-8">
                                                    <select name="agent_id" class="form-control cl-form-control fd_agent_search">
                                                        @isset($cur_allotment) <option selected value="{{$fdAllotment->agent->id}}">{{$fdAllotment->agent->name_eng}}</option> @endisset
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-md-4">
                                            <div class="row gx-3 gx-0">
                                                <label for="agent_id" class="col-sm-4">{{__('obs.date')}}</label>
                                                <div class="col-sm-8">
                                                    <input class="form-control cl-form-control allt_date_picker input_shadow"  @empty($cur_allotment) value="{{date('d-m-Y')}}" @endempty @isset($cur_allotment) value="{{date('d-m-Y',strtotime($fdAllotment->inv_date))}}" @endisset name="inv_date" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-5 col-md-4">
                                            <div class="row gx-3 gx-0">
                                                <label for="agent_id" class="col-sm-3">{{__('obs.remarks')}}</label>
                                                <div class="col-sm-9">
                                                    <textarea id="remarks" name="remarks" rows="1" class="form-control cl-form-control">@isset($cur_allotment){{$fdAllotment->remarks}}@endisset</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card sina-card mt-3">
                                <div class="card-header">
                                    <h5 class="mn">{{__('obs.room')}} {{__('obs.allotment')}}</h5>
                                </div>
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <strong class="me-2" style="width: 6rem;">{{ __('obs.vat_value') }}</strong>
                                        @foreach(getTaxes(array(1)) as $val)
                                            <div class="me-2">
                                                <label class="form-check me-2">
                                                    <input name="vat_taxes[]" data-value="" value=""
                                                        class="fd_allotment_vat_list form-check-input" type="checkbox"
                                                    @isset($cur_allotment)
                                                        @if(in_array($val->id,$fdAllotment->get_tax_info->pluck('tax_id')->toArray())) checked @endif
                                                    @endisset
                                                    @empty($cur_allotment)
                                                        @if($val->flag == 1) checked @endif
                                                    @endempty />                                                  </label>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <strong class="me-2" style="width: 6rem;">{{ __('obs.vat_type') }}</strong>
                                        <div class="me-2">
                                            <label><input class="form-check-input me-2" name="fd_allotment_vat_type" type="radio" value="1" @isset($cur_allotment) @if ($fdAllotment->tax_type == 1) checked @endif @endisset @empty($cur_allotment) checked @endempty /> {{__('obs.including')}}</label>
                                        </div>
                                        <div class="me-2">
                                            <label><input class="form-check-input me-2" name="fd_allotment_vat_type" type="radio" value="2" @isset($cur_allotment) @if ($fdAllotment->tax_type == 2) checked @endif @endisset> {{__('obs.excluding')}}</label>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-2 d-flex align-items-center">
                                            <strong class="me-2">{{ __('obs.from') }}</strong>
                                            <input type="text" class="form-control date_picker" name="common_from_date" value="{{ isset($cur_allotment) ? date('d-m-Y', strtotime($fdAllotment->start_date)) : date('d-m-Y') }}" onchange="getDays()" id="common_from_date"> {{-- commonFromDateChange --}}
                                        </div>
                                        <div class="col-2 d-flex align-items-center">
                                            <strong class="mx-2">{{ __('obs.to') }}</strong>
                                            <input type="text" class="form-control date_picker" name="common_to_date" value="{{ isset($cur_allotment) ? date('d-m-Y', strtotime($fdAllotment->end_date)) : date('d-m-Y') }}" onchange="getDays()" id="common_to_date" style="width: 250px"> {{-- commonToDateChange --}}
                                        </div>
                                        <div class="col-2 d-flex align-items-center">
                                            <strong class="mx-2">{{ __('obs.total_night') }}</strong>
                                            <input type="number" step="any" name="common_total_night" id="common_total_night" readonly class="form-control" style="width: 100px" min="0" value="{{ isset($cur_allotment) ? $fdAllotment->total_night : 0 }}">
                                        </div>
                                        <div class="col-2 d-none align-items-center">
                                            <strong class="mx-2">{{ __('obs.rate') }}</strong>
                                            <input type="number" step="any" name="common_room_rate" id="common_room_rate" class="form-control" style="width: 100px" min="0" value="{{ isset($cur_allotment) ? $fdAllotment->rate : 0 }}" onkeyup="getGrandSum()">
                                        </div>
                                    </div>
                                    <div class="cl-table-container mt-2">
                                        @php
                                            $is_room_editable = 1;
                                            if(isset($cur_allotment)){
                                                $is_room_editable = date('Y-m-d', strtotime($fdAllotment->start_date)) <= date('Y-m-d') ? 0: 1;
                                            }
                                        @endphp
                                        <table class="table cl-table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th style="width: 250px;">{{__('obs.room')}} {{__('obs.type')}}</th>
                                                    <th style="width: 60%">{{__('obs.room')}}</th>
                                                    {{-- <th>{{__('obs.start')}} {{__('obs.date')}}</th>
                                                    <th>{{__('obs.end')}} {{__('obs.date')}}</th>
                                                    <th>{{__('obs.quantity')}}</th>
                                                    <th>{{__('obs.total')}} {{__('obs.night')}}</th> --}}
                                                    <th style="width: 175px;">{{__('obs.quantity')}}</th>
                                                    <th style="width: 175px;">{{__('obs.rate')}}</th>
                                                    <th style="width: 175px;">{{__('obs.amount')}}</th>
                                                    <th>
                                                        @if($is_room_editable == 1)
                                                            <button type="button" onclick="addRow()" class="btn btn-primary btn-sm">
                                                                <i class="fa fa-plus-circle"></i>
                                                            </button>
                                                        @endif
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody id="tbody_allotment_room_list">
                                                @empty($cur_allotment)
                                                    <input type="hidden" class="get_max_row" value="1">
                                                    <input type="hidden" name="is_room_editable" value="1">
                                                @endempty
                                                {{-- Edit --}}
                                                @isset($cur_allotment)
                                                    <input type="hidden" class="get_max_row" value="{{$fdAllotment->fd_allotment_details->count()}}">
                                                    <input type="hidden" name="is_room_editable" value="{{ $is_room_editable }}">
                                                    @foreach ($fdAllotment->fd_allotment_details as $key=> $ad)
                                                        <tr id="row{{ $key }}">
                                                            <input type="hidden" name="old_room_d_row[{{ $key }}]" value="{{ $ad->id }}">
                                                            <td style="min-width: 100px">
                                                                <div class="{{ $is_room_editable == 0 ? 'd-none' : 'd-flex justify-content-center' }}">
                                                                    <select name="room_type[{{ $key }}]" id="room_type{{ $key }}" class="w-100 form-control cl-form-control input_shadow b-room-types select_2" onchange="getRooms({{ $key }})">
                                                                        <option class="rt-0" value=""></option>
                                                                        @foreach($room_types as $val)
                                                                            <option @if($val->id == $ad->room_type_id) selected @endif class="rt-{{ $val->id }}" value="{{ $val->id }}">
                                                                                {{ $val->name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                @if($is_room_editable == 0)
                                                                    {{ $ad->room_type->name ?? "" }}
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @php $allotted_room_ids = explode(',', $ad->room_ids); @endphp
                                                                @if($is_room_editable == 0)
                                                                    @foreach ($allotted_room_ids as $r)
                                                                        <input type="hidden" name="room_no[{{ $key }}][]" value="{{ $r }}">{{ $rooms_when_create[$r] ?? "" }} @if($loop->last == false), @endif
                                                                    @endforeach
                                                                @else
                                                                    <select style="min-width: 250px" name="room_no[{{ $key }}][]" class="form-control select_21" multiple="" multiselect-search="true" multiselect-select-all="true" multiselect-max-items="500" onchange="countRooms({{ $key }},this)" id="room_no{{ $key }}">
                                                                        @foreach (get_rooms($ad->room_type_id) as $r_info)
                                                                            <option {{ in_array($r_info->id, $allotted_room_ids) ? 'selected' : '' }} value="{{ $r_info->id }}">{{ $r_info->room_number }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <input name="qty[{{ $key }}]" value="{{ $ad->qty }}" class="form-control cl-form-control input_shadow input_decimal allot_qty-0 quantity" readonly placeholder="Quantity" id="quantity{{ $key }}" onkeyup="getSumQuantity({{ $key }})"/>
                                                            </td>
                                                            <td>
                                                                <input name="rate[{{ $key }}]" value="{{ $ad->rate }}" step="any" class="form-control cl-form-control input_shadow input_decimal rate-0 rate{{ $key }}" placeholder="Rate" id="rate{{ $key }}" onkeyup="calculateTotal({{ $key }})"/>
                                                            </td>
                                                            <td>
                                                                <input value="{{ $ad->qty * $ad->rate }}" class="form-control cl-form-control input_shadow input_decimal amount-0 subtotal" id="multTotal{{ $key }}" placeholder="Amount" disabled/>
                                                            </td>
                                                            <td>
                                                                @if($is_room_editable == 1)
                                                                    <button type="button" onclick="deleteRow({{ $key }})" class="btn btn-danger btn-sm">
                                                                        <i class="fa fa-minus-circle"></i>
                                                                    </button>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach

                                                    {{-- @foreach ($allotted_room_types as $key=>$t)
                                                        <tr id="row{{$key}}" class="multiply">
                                                            <input type="hidden" name="old_room_d_row[{{ $key }}]" value="{{$all_d->id}}">

                                                            <td style="min-width: 100px" class="{{ $is_room_editable == 1 ? '' : 'd-none' }}">
                                                                <select name="room_type[{{ $key }}]" class="form-control cl-form-control input_shadow b-room-types select_2">
                                                                    <option class="rt-0" value=""></option>
                                                                    @foreach($room_types as $val)
                                                                        <option @if($val->id == $t->room_type) selected @endif class="rt-{{$val->id}}" value="{{$val->id}}">
                                                                            {{$val->name}}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td class="{{ $is_room_editable == 1 ? '' : 'd-none' }}">
                                                                <select style="min-width: 250px" name="room_no[{{ $key }}][]" class="form-control select_21" multiple="" multiselect-search="true" multiselect-select-all="true" multiselect-max-items="500" onchange="countRooms({{ $key }},this)" id="room_no{{ $key }}">
                                                                    @foreach (get_rooms($t->room_type) as $r_info)
                                                                        <option {{ in_array($r_info->id, $allotted_rooms) ? 'selected' : '' }} value="{{ $r_info->id }}">{{ $r_info->room_number }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>

                                                            <td class="{{ $is_room_editable == 1 ? 'd-none' : '' }}">
                                                                @foreach($room_types as $val)
                                                                    @if($val->id == $t->room_type) {{$val->name}} @endif
                                                                @endforeach
                                                            </td>
                                                            <td class="{{ $is_room_editable == 1 ? 'd-none' : '' }}">
                                                                @foreach (get_rooms($t->room_type) as $r_info)
                                                                    @if (in_array($r_info->id, $allotted_rooms))
                                                                        {{ $r_info->room_number }},
                                                                    @endif
                                                                @endforeach
                                                            </td>

                                                            <td>
                                                                <input type="number" class="form-control cl-form-control input_decimal allot_qty-1 quantity" readonly @isset($cur_allotment) value="{{$t->qty}}" @endisset name="qty[{{ $key }}]" value="0" placeholder="Quantity" id="quantity{{$key}}" onkeyup="getSumQuantity({ $key})"/>
                                                            </td>
                                                            <td nowrap>
                                                                <button type="button" onclick="addRow()" class="btn btn-primary btn-sm">
                                                                    <i class="fa fa-plus-circle"></i>
                                                                </button>
                                                                <button type="button" onclick="deleteRow({{$key}})" class="btn btn-danger btn-sm" style="width: 50%;">
                                                                    <i class="fa fa-minus-circle"></i>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    @endforeach --}}
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="2" class="text-end">
                                                        <b>{{__('obs.total')}}</b>
                                                    </td>
                                                    <td>
                                                        <input type="number" class="form-control cl-form-control total_allot_amount input_decimal" value="0" id="totalQuantity" disabled />
                                                    </td>
                                                    <td></td>
                                                    <td>
                                                        <input type="number" class="form-control cl-form-control total_allot_amount input_decimal" value="0" id="grandTotal" name="gross_amount" readonly />
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" class="text-end"><b>{{__('obs.amount')}} {{__('obs.without')}} {{__('obs.vat')}}</b></td>
                                                    <td><input type="text" readonly name="amount_without_vat" class="amount_without_vat form-control cl-form-control"></td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" class="text-end"><b>{{__('obs.vat')}}</b></td>
                                                    <td><input type="text" readonly name="bill_vat" class="bill_vat form-control cl-form-control"></td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="4" class="text-end"><b>{{__('obs.gross')}} {{__('obs.total')}}</b></td>
                                                    <td><input type="text" readonly name="final_amount" class="final_amount form-control cl-form-control"></td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                    <input type="hidden" class="last_allot_inc_id" value="1" />
                                </div>
                            </div>

                            <div class="card sina-card mt-3">
                                <div class="card-header">
                                    <h5 class="page-title mn">{{__('obs.amount')}} {{__('obs.installment')}}</h5>
                                </div>
                                <div class="card-body">
                                    <div class="cl-table-container mt-2" style="max-height: 150px;">
                                        <table class="table cl-table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>{{__('obs.date')}}</th>
                                                    <th>{{__('obs.amount')}}</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="tbody_allotment_installment_list">
                                                @empty($cur_allotment)
                                                    <input type="hidden" class="get_max_installment" value="1">
                                                    <tr id="amountrow1">
                                                        <td><input id="install_date" class="form-control cl-form-control b-from-date-1 date_picker input_shadow" name="date[]" /></td>
                                                        <td><input type="number" min="0" step="0.0000001" value="0" id="amountinstall1" class="form-control cl-form-control input_decimal allot_amount_installment-0 amountinstall" name="amount[]" onkeyup="getSum()" placeholder="Amount"/></td>
                                                        <td>
                                                            <button type="button" class="btn btn-primary btn-sm mx-1" onclick="addAmount()">
                                                                <span class="fa fa-plus-circle"></span>
                                                            </button>
                                                        </td>
                                                    </tr>
                                                @endempty

                                                @isset($cur_allotment)
                                                    <input type="hidden" class="get_max_installment" value="{{$fdAllotment->fd_allotment_installments->count()}}">
                                                    @foreach ($fdAllotment->fd_allotment_installments as $key=>$all_ins)
                                                        <tr id="amountrow{{$key}}">
                                                            <input type="hidden" name="old_ins_row[]" value="{{$all_ins->id}}">
                                                            <td><input id="install_date" value="{{date('d-m-Y', strtotime($all_ins->date))}}" class="form-control cl-form-control b-from-date-1 date_picker input_shadow" name="date[]" /></td>
                                                            <td><input type="number" step="0.0000001" value="{{$all_ins->amount}}" min="0" value="0" id="amountinstall1" class="form-control cl-form-control input_decimal allot_amount_installment-0 amountinstall" name="amount[]" onkeyup="getSum()" placeholder="Amount"/></td>
                                                            <td>
                                                                <button type="button" class="btn cl-btn btn-primary btn-sm mx-1" onclick="addAmount()">
                                                                    <span class="fa fa-plus-circle"></span>
                                                                </button>
                                                                <button type="button" onclick="deleteAmount({{$key}})" class="btn cl-btn btn-danger btn-sm mx-1">
                                                                    <span class="fa fa-minus-circle"></span>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="1" style="text-align:right;">
                                                        <b>{{__('obs.total')}}</b>
                                                    </td>
                                                    <td colspan="2">
                                                        <input type="number" name="sumamountinstall" id="sumamountinstall" class="form-control cl-form-control total_allot_amount_installment input_decimal" value="0" readonly />
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            @include('frontdesk.common.terms')
                            <div class="card sina-card mt-3">
                                <div class="card-header">
                                    <h5 class="page-title mn">{{__('obs.document')}} {{__('obs.upload')}}</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="row gx-3 gx-0">
                                                <label for="agent_id" class="col-sm-6">{{__('obs.file')}} ({{__('obs.accept')}} {{__('obs.image')}} {{__('obs.pdf')}})</label>
                                                <div class="col-sm-6">
                                                    <input class="form-control cl-form-control doc_upload" name="docname" type="file" />
                                                </div>
                                            </div>
                                        </div>

                                        <input type="hidden" value="0" class="input_doc_status" />

                                        <div class="col-sm-12 rr text-center">
                                            <input type="submit" class="btn btn-primary btnAllotment" value="{{__('obs.save')}} {{__('obs.allotment')}}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @include('frontdesk.common.common')
@endsection

@section('script')
{{-- <script scr="{{ asset('/frontdesk/') }}"></script> --}}
    <script src="{{ asset('/') }}frontdesk/multiselect-dropdown.js"></script>
    <script type="text/javascript">
        var tot = [];
        var quantity = [];
        var rate = [];
        var tnight = [];
        let global_balady_id = @json(getBaladyId());
        let global_vat_id = @json(getVATId());
        let cur_allotment = @json(isset($cur_allotment) ? $cur_allotment : null);
        
        $(document).ready(function(){
            if(!cur_allotment){
                addRow();
            } else {
               $('.quantity').each(function(){
                    $(this).trigger('keyup');
                });
            }

            // getSumQuantity();
            getSum();
            // getGrandSum();
            // commonFromDateChange();
            // commonToDateChange();
            var count = $('.get_max_row').val();
            // reset_select2();
            $('input[type=radio][name=fd_allotment_vat_type]').change(function() {
                getGrandSum();
            });
            $(".fd_allotment_vat_list").click(function () {
                getGrandSum();
            });

            flatpickr('.allt_date_picker',{
                dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            });
        });

        function getRooms(row){
            let type = $(`#room_type${row}`).val();
            let data = {type: type};
            ajaxCustom(function(res){
                // console.log("res", row, res);
                let options = '';
                for(let i of res.rooms){
                    options += `<option value="${i.id}">${i.room_number}</option>`;
                }

                // console.log("==========================", $(`#room_no${row}`)[0]);
                $(`#room_no${row}`).html(options);
                // $(`#tbody_allotment_room_list`).find(`#room_no${row}`)[0].loadOptions();
                $(`#room_no${row}`)[0].loadOptions();
                $(`#quantity${row}`).val(0).trigger('keyup');
            }, 'GET', "{{ route('frontdesk.get_rooms_type_wise') }}", data);
        }

        function countRooms(row,e){
            let count = Array.from(e.selectedOptions).map(x=>x.value??x.text);

            // console.log("count", count);
            $(`#quantity${row}`).val(count.length).trigger('keyup');
        }
        const getDays = () => {
            let start = $('#common_from_date').val();
            // console.log(start);
            start = getFormatedDate(start);
            if (typeof start == "undefined" || start == "") {
                start = 0;
            }
            let end = $('#common_to_date').val();
            end = getFormatedDate(end);

            if (typeof end == "undefined" || end == "") {
                end = 0;
            }
            let diff = Math.floor((Date.parse(end) - Date.parse(start)) / 86400000);
            if(isNaN(diff)){
                diff = 0;
            }
            $('#common_total_night').val(diff)
            $('.quantity').each(function(){
                $(this).trigger('keyup');
            });

            // calculateTotal(i);
            // getGrandSum();
        }

        // var today = new Date();
        // let value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);

        // const getDays = (i) => {
        //     let start = $('#startDate'+i).val();
        //     console.log(start);
        //     start = getFormatedDate(start);
        //     if (typeof start == "undefined" || start == "") {
        //         start = 0;
        //     }
        //     let end = $('#endDate'+i).val();
        //     end = getFormatedDate(end);

        //     if (typeof end == "undefined" || end == "") {
        //         end = 0;
        //     }
        //     let diff = Math.floor((Date.parse(end) - Date.parse(start)) / 86400000);
        //     if(isNaN(diff)){
        //         diff = 0;
        //     }
        //     $('#tnight'+i).val(diff)
        //     // calculateTotal(i);
        // }

        function getFormatedDate(dateToBeFormated){
            var date_arr = dateToBeFormated.split('-');
            // console.log('date array',date_arr);
            var return_date = (date_arr[2]+'-'+date_arr[1]+'-'+date_arr[0]);
            return return_date;
        }

        // console.log('count',count);
        function addRow() {
            count = $('.get_max_row').val();
            count++;
            let common_start_date = $('#common_from_date').val();
            let common_end_date = $('#common_to_date').val();
            $('.get_max_row').val(count);
            var html = `<tr id="row${count}">
                <input type="hidden" name="old_room_d_row[${count}]" value="">
                <td style="min-width: 100px">
                    <select name="room_type[${count}]" id="room_type${count}" class="form-control cl-form-control input_shadow b-room-types select_2" onchange="getRooms(${count})">
                        <option class="rt-0" value=""></option>
                            @foreach($room_types as $val)
                                <option class="rt-{{ $val->id }}" value="{{ $val->id }}">
                                    {{ $val->name }}
                                </option>
                            @endforeach
                    </select>
                </td>
                <td>
                    <select style="min-width: 250px" name="room_no[${count}][]" class="form-control select_21" multiple="" multiselect-search="true" multiselect-select-all="true" multiselect-max-items="500" onchange="countRooms(${count},this)" id="room_no${count}">
                    </select>
                </td>
                <td>
                    <input name="qty[${count}]" value="0" class="form-control cl-form-control input_shadow input_decimal allot_qty-0 quantity" readonly placeholder="Quantity" id="quantity${count}" onkeyup="getSumQuantity(${count})"/>
                </td>
                <td>
                    <input name="rate[${count}]" value="0" step="any" class="form-control cl-form-control input_shadow input_decimal rate-0 rate${count}" placeholder="Rate" id="rate${count}" onkeyup="calculateTotal(${count})"/>
                </td>
                <td>
                    <input value="0" class="form-control cl-form-control input_shadow input_decimal amount-0 subtotal" id="multTotal${count}" placeholder="Amount" disabled/>
                </td>
                <td>
                    <button type="button" onclick="deleteRow(${count})" class="btn btn-danger btn-sm">
                        <i class="fa fa-minus-circle"></i>
                    </button>
                </td>
            </tr>`;
            $("#tbody_allotment_room_list").append(html);
            // callValidation();
            // <td class="d-none">
            //     <input name="start_date[${count}]" value="${common_start_date}" class="form-control s_from_date cl-form-control b-from-date-1 input_shadow date_picker" id="startDate${count}" onchange="getDays(${count})"/>
            // </td>
            // <td class="d-none">
            //     <input name="end_date[${count}]" value="${common_end_date}" class="form-control s_to_date cl-form-control b-from-date-1 input_shadow date_picker" id="endDate${count}" onchange="getDays(${count})" />
            // </td>
            // <td>
            //     <input name="rate[${count}]" value="0" step="any" class="form-control cl-form-control input_shadow input_decimal rate-0 rate${count}" placeholder="Rate" id="rate${count}" onkeyup="calculateTotal(${count})"/>
            // </td>
            // <td>
            //     <input name="total_night[${count}]" value="0" class="form-control cl-form-control input_shadow input_decimal t_night-0 tnight${count}" readonly placeholder="T.Night" id="tnight${count}" onkeyup="calculateTotal(${count})"/>
            // </td>
            // <td>
            //     <input value="0" class="form-control cl-form-control input_shadow input_decimal amount-0 subtotal" id="multTotal${count}" placeholder="Amount" disabled/>
            // </td>
            // commonFromDateChange();
            // flatpickr('.date_picker',{
            //     dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            // });

            // console.log("window.MultiselectDropdownOptions", window);
            MultiselectDropdown();
            // reset_select2();
            $('.select_2').select2();
        }

        function getSum() {
            var sum = 0;
            $('.amountinstall').each(function() {
                sum += parseFloat((this.value == "" ? 0 : this.value));
            });
            $('#sumamountinstall').val(sum);
            // console.log('sum',sum);
        }

        function addAmount() {
            var j = $('.get_max_installment').val();
            j++;
            $('.get_max_installment').val(j);
            // console.log(j,'j');
            var html = '<tr id="amountrow'+j+'">' +
                        '<input type="hidden" name="old_ins_row[]" value="">'+
                            '<td>' +
                                '<input name="date[]" class="form-control cl-form-control b-from-date-1 date_picker input_shadow" />' +
                            '</td>' +
                            '<td>' +
                                '<input type="number" value="0" id="amountinstall'+j+'" name="amount[]" class="form-control cl-form-control input_decimal allot_amount_installment-0 amountinstall" onkeyup="getSum()" placeholder="Amount" />' +
                            '</td>'+
                            '<td>'+
                                '<button type="button" class="btn btn-primary btn-sm" onclick="addAmount()">'+
                                    '<span class="fa fa-plus-circle"></span>'+
                                '</button>'+
                                '<button type="button" onclick="deleteAmount('+j+')" class="btn btn-danger btn-sm mx-1">'+
                                    '<span class="fa fa-minus-circle"></span>'+
                                '</button>'+
                            '</td>'+
                        '</tr>' ;
            $("#tbody_allotment_installment_list").append(html);
            flatpickr('.date_picker',{
                dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            });
        }

        function deleteRow(i) {
            $("#row"+i).remove();
            getGrandSum();
            getSumQuantity(i);
        }

        function deleteAmount(i) {
            $('#amountrow'+i).remove();
            getSum();
        }

        function getSumQuantity(i = null) {
            if(i != null) {
                calculateTotal(i);
            }

            var sumQuantity = 0;
            $('.quantity').each(function() {
                sumQuantity += parseFloat((this.value == "" ? 0 : this.value));
            });
            $('#totalQuantity').val(sumQuantity);
            // getGrandSum();
        }

        function getDate(){
            var today = new Date();
            document.getElementById("endDate").value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);
        }

        function getGrandSum(){
            var summ=0;
            $('.subtotal').each(function(){
                summ += parseFloat(this.value);
            });

            // let total_night = $('#common_total_night').val();
            // let rate = $('#common_room_rate').val();
            // let room_qty = $('#totalQuantity').val();
            // let summ = parseFloat(total_night)*parseFloat(rate)*parseFloat(room_qty);

            $('#grandTotal').val(summ);

            // VAT
            var total_vat_percent=0;
            let vat_percent = 0;
            let balady_percent = 0;
            var vat_type=$("input[type=radio][name=fd_allotment_vat_type]:checked").val();
            $(".fd_allotment_vat_list").each(function () {
                if($(this).is(":checked")){
                    var vat_value=$(this).attr("data-value");
                    total_vat_percent=parseFloat(total_vat_percent) + parseFloat(vat_value);
                    if($(this).val() == global_vat_id){
                        vat_percent = parseFloat(vat_value);
                    } else if($(this).val() == global_balady_id){
                        balady_percent = parseFloat(vat_value);
                    }
                }
            });

            // var vatInfo=calIncludingTax(summ,total_vat_percent,vat_type);
            var vatInfo = calculateKSAHotelTaxes(summ, vat_type, vat_percent, balady_percent); // NEW FORMAT
            // console.log(vatInfo);
            $('.amount_without_vat').val(parseFloat(vatInfo.vat_without_total).toFixed(2));
            $('.bill_vat').val(parseFloat(vatInfo.tax_amt).toFixed(2));
            $('.final_amount').val(parseFloat(parseFloat(vatInfo.vat_without_total)+parseFloat(vatInfo.tax_amt)).toFixed(2));
        }
        function calculateTotal(i) {
            var totall = 0;
            // quantity[i] = ($('#quantity' + i).val() == "" ? 0 : parseFloat($('#quantity' + i).val()));
            // rate[i] = ($('#rate' + i).val() == "" ? 0 : parseFloat($('#rate' + i).val()));
            // tnight[i] = ($('#tnight' + i).val() == "" ? 0 : parseFloat($('#tnight' + i).val()));
            // tot[i] = quantity[i] * rate[i] * tnight[i];

            quantity[i] = $(`#quantity${i}`).val();
            rate[i] = $(`#rate${i}`).val();
            tnight[i] = $('#common_total_night').val();
            if(quantity[i] == '' || isNaN(quantity[i]) || quantity[i] == null || quantity[i] == undefined) quantity[i] = 0;
            if(rate[i] == '' || isNaN(rate[i]) || rate[i] == null || rate[i] == undefined) rate[i] = 0;
            if(tnight[i] == '' || isNaN(tnight[i]) || tnight[i] == null || tnight[i] == undefined) tnight[i] = 0;
            tot[i] = quantity[i] * rate[i] * tnight[i];
            $('#multTotal' + i).val(tot[i]);
            var totall = tot.reduce((a, b) => a + b);
            getGrandSum();
        }


        // function calculateTotalAmountInstall(i) {
        //     var totall = 0;
        //     var tot = [];
        //     var installAmount = [];
        //     var instal = parseFloat($('#amountinstall1').val());
        //     // alert(instal);
        //     installAmount[i] = ($('#amountinstall' + i).val() == "" ? 0 : parseFloat($('#amountinstall' + i).val()));
        //     tot[i] = instal - installAmount[i];
        //     // toamou = tot[i] + toamou;
        //     $('#amountinstall1').val(tot[i]);
        //     // var totall = tot.reduce((a, b) => a + b);

        //     // console.log(totall);
        //     getSum();
        // }



        // function commonFromDateChange(){
        //     let common_from_date = $('#common_from_date').val();
        //     $('.s_from_date').val(common_from_date).trigger('change');

        //     console.log("here");
        // }

        // function commonToDateChange(){
        //     let common_to_date = $('#common_to_date').val();
        //     $('.s_to_date').val(common_to_date).trigger('change');
        //     console.log("There");
        // }

    </script>

@endsection