@extends('admin.layout.master')
@section('content')
        <style>
            .mn{margin: 0;padding: 0}
        </style>
        <div class="card sina-card">
            <h4 class="card-header card-header-s">
               Edit Manage Allotment
            </h4>
            <div class="card-body">
            <form id="manageAllotForm" enctype="multipart/form-data" method="post" action="{{ route('frontdesk.manage_allotment.update',$fdAllotment->id) }}">
                @csrf
                <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" >
                                        <div class="col-sm-12 mn">
                                            <label class="col-sm-2" style="text-align:right;">
                                                Allotment Code
                                            </label>
                                            <div class="col-sm-3">
                                                <input value="{{ $fdAllotment->code }}" readonly id="allot_code" name="code" class="form-control"  />
                                            </div>
                                        </div>
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="page-title mn"><u>Basic Info</u></h4>
                                            </div>
                                            <div class="col-md-12 panel-heading">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="row">
                                                            <label class="col-md-5">Customer List</label>
                                                            <div class="col-md-7">
                                                                <select name="agent_id" class="form-control fd_agent_search">
                                                                    <option value="{{ $fdAllotment->agent->id }}">{{ $fdAllotment->agent->user_name }}</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="row">
                                                            <label class="col-sm-5">Date</label>
                                                            <div class="col-sm-7">
                                                                <input placeholder="Date" value="{{ $fdAllotment->inv_date }}" id="date" class="form-control b-from-date-1 datepicker" name="inv_date"  />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="row">
                                                            <label class="col-sm-5">Remarks</label>
                                                            <div class="col-sm-7">
                                                                <textarea id="remarks" name="remarks" class="form-control">{{ $fdAllotment->remarks }}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <h4 class="page-title mn"><u>Room Allotment</u></h4>
                                        </div>
                                        <div class="col-sm-12">
                                            <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">
                                                    @if(count($fdAllotment->fd_allotment_details) > 0)
                                                    @foreach ($fdAllotment->fd_allotment_details as $key=> $fd_allotment_detail)
                                                        <tr id="row{{ $key+1 }}" class="multiply">
                                                            <input type="hidden" value="{{ $fd_allotment_detail->id }}" class="details_is" name="details_id[]" />
                                                            <td style="min-width: 100px">
                                                                <select name="room_type[]" class="form-control b-room-types">
                                                                    <option class="rt-0" value=""></option>
                                                                    @foreach($room_types as $val)
                                                                    <option value="{{ $val->id }}" {{ ($fd_allotment_detail->room_type_id==$val->id)?"selected":"" }}>{{ $val->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <input type="date" value="{{ $fd_allotment_detail->start_date }}" class="form-control b-from-date-1 fd_datepicker" name="start_date[]" id="startDate"/>
                                                            </td>
                                                            <td>
                                                                <input type="date" value="{{ $fd_allotment_detail->end_date }}" class="form-control b-from-date-1 bs_datepicker" onload="getDate()" name="end_date[]" id="endDate"/>
                                                            </td>
                                                            <td>
                                                                <input value="{{ $fd_allotment_detail->qty }}" class="form-control input_decimal allot_qty-0 quantity" name="qty[]" placeholder="Quantity" id="quantity{{ $key+1 }}" onkeyup="calculateTotal({{ $key+1 }}); getSumQuantity()"/>
                                                            </td>
                                                            <td>
                                                                <input value="{{  $fd_allotment_detail->rate }}" class="form-control input_decimal rate-0 rate1" name="rate[]" placeholder="Rate" id="rate{{ $key+1 }}" onkeyup="calculateTotal({{ $key+1 }})"/>
                                                            </td>
                                                            <td>
                                                                <input value="{{ $fd_allotment_detail->total_night }}" class="form-control input_decimal t_night-0 tnight1" name="total_night[]" placeholder="T.Night" id="tnight{{ $key+1 }}" onkeyup="calculateTotal({{ $key+1 }})"/>
                                                            </td>
                                                            <td>
                                                                <input value="0" class="form-control input_decimal amount-0 subtotal" id="multTotal{{ $key+1 }}" 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>
                                                            @if ($key > 0 )
                                                            <td>
                                                                <button type="button" onclick="deleteRow({{ $key+1 }})" class="btn btn-danger btn-sm">
                                                                    <i class="fa fa-minus-circle"></i>
                                                                </button>
                                                            </td>
                                                            @endif
                                                        </tr>
                                                    @endforeach
                                                    @endif
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td colspan="3" style="text-align:right;">
                                                            <b>Total Quantity</b>
                                                        </td>
                                                        <td>
                                                            <input 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 class="form-control total_allot_amount input_decimal" value="{{ $fdAllotment->gross_amount }}" id="grandTotal" name="gross_amount" readonly />
                                                        </td>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                            <input type="hidden" class="last_allot_inc_id" value="1" />
                                        </div>
                                        <div class="panel-heading">
                                            <h4 class="page-title mn"><u>Amount Installment</u></h4>
                                        </div>
                                        <input type="hidden" class="last_allot_installment_inc_id" value="1" />
                                        <div class="panel-body">
                                            <div class="col-sm-12">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>Date</th>
                                                            <th>Amount</th>
                                                            <th></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="tbody_allotment_installment_list">
                                                        @if(count($fdAllotment->fd_allotment_installments) > 0)
                                                        @foreach ($fdAllotment->fd_allotment_installments as $key=>$fd_allotment_installment)
                                                            <tr id="amountrow{{ $key+1 }}">
                                                                <input type="hidden" value="{{ $fd_allotment_installment->id }}" name="installment_id[]" />
                                                                <td>
                                                                    <input type="date" value="{{ $fd_allotment_installment->date }}" class="form-control b-from-date-1 bs_datepicker" name="date[]" />
                                                                </td>
                                                                <td>
                                                                    <input value="{{ $fd_allotment_installment->amount }}" 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" onclick="addAmount()">
                                                                        <span class="fa fa-plus-circle"></span>
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        @endif
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td colspan="1" style="text-align:right;">
                                                                <b>Total</b>
                                                            </td>
                                                            <td>
                                                                <input id="sumamountinstall" class="form-control total_allot_amount_installment input_decimal" value="0" disabled />
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="panel-heading">
                                            <h4 class="page-title mn"><u>Document Upload</u></h4>
                                        </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 class="col-sm-3">
                                                        <div class="row">
                                                            <p style="margin: 0;padding: 0">
                                                                Previous File(Accept Image,PDF)
                                                            </p>

                                                        </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"/>
                                                        {{-- <button style="display: none"  type="submit"
                                                                class="btn btn-success btnDocUpload">Submit</button> --}}
                                                </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
                <div class="col-1" style="margin: 0;padding: 0">

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

@section('script')

{{-- // --}}
<script>
    var all = @JSON($fdAllotment->fd_allotment_details);
    $(document).ready(function() {
        var totall = 0;
        var tot = [];
        var quantity = [];
        var rate = [];
        var tnight = [];
        console.log(all);
        $.each(all, function(i, det){
            // console.log(pro);
            var index = Number(i+1);

            quantity[index] = det.qty;
            rate[index] = det.rate;
            tnight[index] = det.total_night;
            tot[index] = quantity[index] * rate[index] * tnight[index];
            // toamou = tot[i] + toamou;
            $('#multTotal' + index).val(tot[index]);
            // var totall = tot.reduce((a, b) => a + b);
            // alert(quantity[index]);
            // alert(index);
        });
        getGrandSum();
        getSumQuantity();
        getSum();
    });
    </script>
{{-- // --}}
    <script>
        var  count = 1;
        function addRow() {
            count++;
            var html = '<tr id="row'+count+'">' +
                            '<input type="hidden" name="details_id[]" value="0" />'+
                            '<td style="min-width: 100px">'+
                                '<select name="room_type[]" class="form-control b-room-types">'+
                                    '<option class="rt-0" value=""></option>'+
                                        '@foreach($room_types as $val)'+
                                            '<option class="rt-" value="">'+
                                                ''+
                                            '</option>'+
                                        '@endforeach'+
                                '</select>'+
                            '</td>'+
                            '<td>' +
                                '<input type="date" name="start_date[]" value="dd-mm-YYYY" class="form-control b-from-date-1 bs_datepicker" />' +
                            '</td>' +
                            '<td>' +
                                '<input type="date" name="end_date[]" value="dd-mm-YYYY" class="form-control b-from-date-1 bs_datepicker" />' +
                            '</td>' +
                            '<td>' +
                                '<input name="qty[]" value="0" class="form-control 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_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_decimal t_night-0 tnight'+count+'" placeholder="T.Night" id="tnight'+count+'" onkeyup="calculateTotal(count)"/>' +
                            '</td>' +
                            '<td>' +
                                '<input value="0" class="form-control input_decimal amount-0 subtotal" id="multTotal'+count+'" placeholder="Amount" disabled/>' +
                            '</td>' +
                            '<td>' +
                                '<button type="button" onclick="addRow()" class="btn btn-primary btn-sm" style="width: 50%;">' +
                                    '<i class="fa fa-plus-circle" style="font-size: 10px; padding:0px;"></i>' +
                                '</button>' +
                                '<button type="button" onclick="deleteRow('+count+')" class="btn btn-danger btn-sm" style="width: 50%;">' +
                                    '<i class="fa fa-minus-circle" style="font-size: 10px; padding:0px;"></i>' +
                                '</button>' +
                            '</td>' +
                        '</tr>' ;
            $("#tbody_allotment_room_list").append(html);
        }

        var j = 1;
        function addAmount() {
            j++;
            var html = '<tr id="amountrow'+j+'">' +
                            '<input type="hidden" value="0" name="installment_id[]" />' +
                            '<td>' +
                                '<input type="date" name="date[]" value="dd-mm-YYYY" class="form-control b-from-date-1 bs_datepicker" />' +
                            '</td>' +
                            '<td>' +
                                '<input value="0" 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" onclick="addAmount()">'+
                                    '<span class="fa fa-plus-circle"></span>'+
                                '</button>'+
                                '<button type="button" onclick="deleteAmount('+j+')" class="btn btn-danger">'+
                                    '<span class="fa fa-minus-circle"></span>'+
                                '</button>'+
                            '</td>'+
                        '</tr>' ;
            $("#tbody_allotment_installment_list").append(html);
        }

        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);
        }

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

        // $(document).ready(function (){
        //     $('#manageAllotForm').validate({
        //         rules:{
        //             code:{
        //                 required:true,
        //             },
        //         },
        //         message:{

        //         },
        //     });
        // });

        // $(document).ready(function(){
        //     $("#imageForm").validate({
        //         rules:
        //         {
        //         docname: {
        //                 required: true,
        //                 extension: "jpg|png|pdf"
        //             },
        //         },
        //     });
        // });

        // var startDate = new Date($('#startDate').val());
        // var endDate = new Date($('#endDate').val());

        // if (startDate > endDate){
        //     alert("Invalid Date Range");
        // }else{
        //     console.log("Valid Date Range");
        // }

    </script>

@endsection