@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);
            }
        </style>
        <div class="card">
            <div class="card-header bg-info d-flex justify-content-between">
                <h4 class="mb-0 text-white">@empty($cur_allotment) Add @endempty @isset($cur_allotment) Edit @endisset Allotment</h4>
                <a href="{{ route('frontdesk.view.manage_allotment') }}" class="btn btn-success btn-sm">View Allotment</a>
            </div>

            <div class="card-body">
                <form id="form_booking" 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-12">
                            <div class="card-box">
                                <div class="card-block">
                                    <div class="accordion" id="accordionExample">
                                        <div class="col-sm-12 mn rr" >
                                            @isset($cur_allotment)
                                            <div class="col-sm-12 mn">
                                                <label style="text-align:right;">Allotment 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 input_shadow w-25"/>
                                            </div>
                                            @endisset

                                            <div class="panel panel-default mt-4">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="panel-heading">
                                                            <h5 class="page-title mn"><u>Basic Info</u></h5>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 mt-3">
                                                    <div class="row">
                                                        <div class="col-3">
                                                            <label>Customer List</label>
                                                            <select name="agent_id" class="form-control fd_agent_search">
                                                                @isset($cur_allotment) <option selected value="{{$fdAllotment->agent->id}}">{{$fdAllotment->agent->name_eng}}</option> @endisset
                                                            </select>
                                                        </div>
                                                        <div class="col-3">
                                                            <label>Date</label>
                                                            <input class="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 class="col-6">
                                                            <label>Remarks</label>
                                                            <textarea id="remarks" name="remarks" rows="2" class="form-control">@isset($cur_allotment){{$fdAllotment->remarks}}@endisset</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="panel-heading">
                                                <h5 class="mn"><u>Room Allotment</u></h5>
                                            </div>
                                            <div class="col-sm-12 mt-3">
                                                <div class='col-md-5'>
                                                    <div class="form-group">
                                                        @foreach(getTaxes(array(1)) as $val)
                                                            <input name="vat_taxes[]" data-value="" value=""
                                                                class="fd_allotment_vat_list"
                                                                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 />                                                         @endforeach
                                                    </div>
                                                    <div class="form-group">
                                                        <input 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 />Including
                                                        <input name="fd_allotment_vat_type" type="radio" value="2" @isset($cur_allotment) @if ($fdAllotment->tax_type == 2) checked @endif @endisset> Excluding
                                                    </div>
                                                </div>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>Room Type</th>
                                                            <th>Start Date</th>
                                                            <th>End Date</th>
                                                            <th>Quantity</th>
                                                            <th>Rate</th>
                                                            <th>T.Night</th>
                                                            <th>Amount</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbody_allotment_room_list">
                                                        @empty($cur_allotment)
                                                            <input type="hidden" class="get_max_row" value="1">
                                                            <tr id="row1" class="multiply">
                                                                <td style="min-width: 100px">
                                                                    <select name="room_type[]" class="form-control input_shadow b-room-types select_2">
                                                                        <option class="rt-0" value=""></option>
                                                                        @foreach($room_types as $val)
                                                                            <option class="rt-" value="">
                                                                                                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                </td>
                                                                <td>
                                                                    <input class="form-control b-from-date-1 input_shadow date_picker" name="start_date[]" id="startDate1" onchange="getDays(1)" />
                                                                    @error('start_date[]')
                                                                        {{ $message }}
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input class="form-control b-from-date-1 input_shadow date_picker" name="end_date[]" id="endDate1" onchange="getDays(1)"/>
                                                                </td>
                                                                <td>
                                                                    <input type="number" value="0" class="form-control input_decimal allot_qty-0 quantity" name="qty[]" placeholder="Quantity" id="quantity1" onkeyup="calculateTotal(1); getSumQuantity()"/>
                                                                </td>
                                                                <td>
                                                                    <input type="number" value="0" class="form-control input_decimal rate-0 rate1" name="rate[]" placeholder="Rate" id="rate1" onkeyup="calculateTotal(1)"/>
                                                                </td>
                                                                <td>
                                                                    <input type="number" value="0" class="form-control input_decimal t_night-0 tnight1" readonly name="total_night[]" placeholder="T.Night" id="tnight1" onkeyup="calculateTotal(1)"/>
                                                                </td>
                                                                <td>
                                                                    <input type="number" value="0" class="form-control input_decimal amount-0 subtotal" id="multTotal1" placeholder="Amount" disabled/>
                                                                </td>
                                                                <td>
                                                                    <button type="button" onclick="addRow()" class="btn btn-primary btn-sm">
                                                                        <i class="fa fa-plus-circle"></i>
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                        @endempty

                                                        @isset($cur_allotment)
                                                            <input type="hidden" class="get_max_row" value="{{$fdAllotment->fd_allotment_details->count()}}">
                                                            @foreach ($fdAllotment->fd_allotment_details as $key=>$all_d)
                                                                <tr id="row{{$key}}" class="multiply">
                                                                    <input type="hidden" name="old_room_d_row[]" value="{{$all_d->id}}">
                                                                    <td style="min-width: 100px">
                                                                        <select name="room_type[]" class="form-control input_shadow b-room-types select_2">
                                                                            <option class="rt-0" value=""></option>
                                                                            @foreach($room_types as $val)
                                                                                <option @if($val->id == $all_d->room_type_id) selected @endif class="rt-{{$val->id}}" value="{{$val->id}}">
                                                                                    {{$val->name}}
                                                                                </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </td>
                                                                    <td>
                                                                        <input class="form-control b-from-date-1 input_shadow date_picker" @isset($cur_allotment) value="{{date('d-m-Y', strtotime($all_d->start_date))}}" @endisset value="0" name="start_date[]" id="startDate{{$key}}" onchange="getDays({{$key}})" />
                                                                    </td>
                                                                    <td>
                                                                        <input class="form-control b-from-date-1 input_shadow date_picker" @isset($cur_allotment) value="{{date('d-m-Y', strtotime($all_d->end_date))}}" @endisset value="0" name="end_date[]" id="endDate{{$key}}" onchange="getDays({{$key}})"/>
                                                                    </td>
                                                                    <td>
                                                                        <input type="number" class="form-control input_decimal allot_qty-1 quantity" @isset($cur_allotment) value="{{$all_d->qty}}" @endisset name="qty[]" value="0" placeholder="Quantity" id="quantity{{$key}}" onkeyup="calculateTotal({{$key}}); getSumQuantity()"/>
                                                                    </td>
                                                                    <td>
                                                                        <input type="number" class="form-control input_decimal rate-1 rate{{$key}}" @isset($cur_allotment) value="{{$all_d->rate}}" @endisset name="rate[]" value="0" placeholder="Rate" id="rate{{$key}}" onkeyup="calculateTotal({{$key}})"/>
                                                                    </td>
                                                                    <td>
                                                                        <input type="number" class="form-control input_decimal t_night-1 tnight{{$key}}" @isset($cur_allotment) value="{{$all_d->total_night}}" @endisset value="0" readonly name="total_night[]" placeholder="T.Night" id="tnight{{$key}}" onkeyup="calculateTotal({{$key}})"/>
                                                                    </td>
                                                                    <td>
                                                                        <input type="number" class="form-control input_decimal amount-1 subtotal" @isset($cur_allotment) value="{{$all_d->rate*$all_d->total_night*$all_d->qty}}" @endisset value="0" id="multTotal{{$key}}" placeholder="Amount" disabled/>
                                                                    </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="3" style="text-align:right;">
                                                                <b>Total Quantity</b>
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control total_allot_amount input_decimal" value="0" id="totalQuantity" disabled />
                                                            </td>
                                                            <td colspan="2" style="text-align:right;">
                                                                <b>Total</b>
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control total_allot_amount input_decimal" value="0" id="grandTotal" name="gross_amount" readonly />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="6" class="text-right"><b>Amount Without Vat</b></td>
                                                            <td><input type="text" readonly name="amount_without_vat" class="amount_without_vat form-control"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="6" class="text-right"><b>Vat</b></td>
                                                            <td><input type="text" readonly name="bill_vat" class="bill_vat form-control"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="6" class="text-right"><b>G.Total</b></td>
                                                            <td><input type="text" readonly name="final_amount" class="final_amount form-control"></td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                                <input type="hidden" class="last_allot_inc_id" value="1" />
                                            </div>
                                            <div class="panel-heading">
                                                <h5 class="page-title mn"><u>Amount Installment</u></h5>
                                            </div>
                                            {{-- <input type="hidden" class="last_allot_installment_inc_id" value="1" /> --}}
                                            <div class="panel-body">
                                                <div class="col-sm-12 mt-3">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>Date</th>
                                                                <th>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 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 input_decimal allot_amount_installment-0 amountinstall" name="amount[]" 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>
                                                                    </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 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 input_decimal allot_amount_installment-0 amountinstall" name="amount[]" 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({{$key}})" class="btn btn-danger btn-sm">
                                                                                <span class="fa fa-minus-circle"></span>
                                                                            </button>
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                            @endisset
                                                        </tbody>
                                                        <tfoot>
                                                            <tr>
                                                                <td colspan="1" style="text-align:right;">
                                                                    <b>Total</b>
                                                                </td>
                                                                <td>
                                                                    <input type="number" name="sumamountinstall" id="sumamountinstall" class="form-control total_allot_amount_installment input_decimal" value="0" readonly />
                                                                </td>
                                                            </tr>
                                                        </tfoot>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="panel-heading">
                                                <h5 class="page-title mn"><u>Document Upload</u></h5>
                                            </div>
                                            <div class="panel-body">
                                                <div class="col-sm-12 col-xs-12">
                                                    <div class="col-sm-3">
                                                        <div class="row">
                                                            <p style="margin: 0;padding: 0">
                                                                File(Accept Image,PDF)
                                                            </p>
                                                            <input class="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" style="text-align: right;">
                                                    <input type="submit" class="btn btn-success btnAllotment" value="Save Allotment"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        </div>
@endsection

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

    $(document).ready(function(){
        getSumQuantity();
        getSum();
        getGrandSum();
        var count = $('.get_max_row').val();
        console.log(count);

        $('.select_2').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',
        });
    });
        var today = new Date();
        let value = today.getFullYear() + '-' + ('0' + (today.getMonth() + 1)).slice(-2) + '-' + ('0' + today.getDate()).slice(-2);
        // let installDate = $('#install_date').val();
        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++;
            $('.get_max_row').val(count);
            var html = '<tr id="row'+count+'">' +
                            '<input type="hidden" name="old_room_d_row[]" value="">'+
                            '<td style="min-width: 100px">'+
                                '<select name="room_type[]" class="form-control input_shadow b-room-types select_2">'+
                                    '<option class="rt-0" value=""></option>'+
                                        '@foreach($room_types as $val)'+
                                            '<option class="rt-" value="">'+
                                                ''+
                                            '</option>'+
                                        '@endforeach'+
                                '</select>'+
                            '</td>'+
                            '<td>' +
                                '<input name="start_date[]" class="form-control b-from-date-1 input_shadow date_picker" id="startDate'+count+'" onchange="getDays('+count+')"/>' +
                            '</td>' +
                            '<td>' +
                                '<input name="end_date[]" class="form-control b-from-date-1 input_shadow date_picker" id="endDate'+count+'" onchange="getDays('+count+')" />' +
                            '</td>' +
                            '<td>' +
                                '<input name="qty[]" value="0" class="form-control input_shadow input_decimal allot_qty-0 quantity" placeholder="Quantity" id="quantity'+count+'" onkeyup="calculateTotal('+count+'); getSumQuantity()"/>' +
                            '</td>' +
                            '<td>' +
                                '<input name="rate[]" value="0" class="form-control input_shadow input_decimal rate-0 rate'+count+'" placeholder="Rate" id="rate'+count+'" onkeyup="calculateTotal('+count+')"/>' +
                            '</td>' +
                            '<td>' +
                                '<input name="total_night[]" value="0" class="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 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();
            flatpickr('.date_picker',{
                dateFormat: 'd-m-Y',//'YYYY-MM-DD',
            });
            $('.select_2').select2();
        }


        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 b-from-date-1 date_picker input_shadow" />' +
                            '</td>' +
                            '<td>' +
                                '<input type="number" value="0" id="amountinstall'+j+'" name="amount[]" class="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">'+
                                    '<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();
        }

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

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

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


        var tot = [];
        var quantity = [];
        var rate = [];
        var tnight = [];
        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];
            // toamou = tot[i] + toamou;
            $('#multTotal' + i).val(tot[i]);
            var totall = tot.reduce((a, b) => a + b);

            console.log(totall);
            getGrandSum();
        }

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

            // VAT
            var total_vat_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);
                }
            });

            var vatInfo=calIncludingTax(summ,total_vat_percent,vat_type);
            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 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 getSum() {
            var sum = 0;
            $('.amountinstall').each(function() {
                sum += parseFloat((this.value == "" ? 0 : this.value));
            });
            $('#sumamountinstall').val(sum);
            console.log('sum',sum);
        }

    </script>

@endsection