@extends('layouts.admin.index')
@section('content')
<div class="card">
    <div class="card-header">
        {{ trans('cruds.payment') }} {{ trans('cruds.schedule') }}
    </div>
    <div class="card-body">
        <form id="projectForm" action='{{ route("admin.schedule.store") }}' method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="file_no" value="{{$Bookings->file_no}}">

            <div class="row">

                <div class="card mb-0">
                    <div class="card-body p-3">
                        <h5 class="mt-2 mb-2">
                            <a href="#" class="text-body">Plot Information</a>
                            <hr>
                        </h5>

                        <div class="row">
                            <div class="col-6">
                                <table class="table table-sm table-centered mb-0">
                                    <tbody>
                                        <tr>
                                            <td>Project Name</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->project)?$Bookings->project->project_name:''}}

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Road Name/No</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->road)?$Bookings->road->road_name:''}}/{{isset($Bookings->road)?$Bookings->road->road_no:''}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Plot Facing</td>
                                            <td>:</td>
                                            <td>{{ isset($Bookings->plot)?$Bookings->plot->plot_facing:''}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Plot Type</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->type)?$Bookings->type->type_name:''}}
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div> <!-- end col -->

                            <div class="col-6">
                                <table class="table table-sm table-centered mb-0">
                                    <tbody>
                                        <tr>
                                            <td>Block Name/No</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->block)?$Bookings->block->block_name:''}}/{{isset($Bookings->block)?$Bookings->block->block_no:''}}

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Plot No</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->plot)?$Bookings->plot->plot_no:''}}</td>
                                        </tr>
                                        <tr>
                                            <td>Plot Size</td>
                                            <td>:</td>
                                            <td>{{isset($Bookings->plot)?$Bookings->plot->plot_size:''}}

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Plot Price</td>
                                            <td>:</td>
                                            <td>
                                                <span
                                                    id="booking_amount">{{ isset($Bookings)?$Bookings->plot_price:0 }}</span>
                                                Tk.
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div> <!-- end col -->
                        </div>
                    </div> <!-- end card-body -->
                </div>

                <div class="card mb-0 ">

                    <div class="card-body p-3">
                        <h5 class="mt-2 mb-2">
                            <a href="#" class="text-body">Booking Money</a>
                            <hr>
                        </h5>

                        {{-- Booking Money Starts  --}}
                        <div class="row">
                            <div class="col-md-4">
                                <div class="row">
                                    <label style="padding:0px; margin-top: 10px;" for="booking_money" class="col-md-6 col-form-label">Booking Money :
                                    </label>
                                    <div class="col-md-6">
                                        <input type="number" class="form-control text-left" id="booking_money" name="booking_money" placeholder="Type here" value="">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="row">
                                    <label style="padding:0px; margin-top: 10px;" for="payment_booking_date" class="col-md-4 col-form-label"> Booking Date : </label>
                                    <div class="col-md-8">
                                        <input type="date" class="form-control" id="payment_booking_date" name="payment_booking_date" placeholder="" value="{{isset($Bookings)?$Bookings->booking_date:''}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Booking Money Ends  --}}
                    </div>

                    <div class="card-body p-3">
                        <h5 class="mt-2 mb-2">
                            <a href="#" class="text-body">Down Payment</a>
                            <hr>
                        </h5>

                        <div class="row">
                            <div class="col-6">
                                <div class="row mb-3">
                                    <label for="dp_amount" class="col-5 col-form-label">Down Payment Amount </label>
                                    <div class="col-7">
                                        <input type="number" class="form-control" id="dp_amount" name="dp_amount"
                                            placeholder="Type here">
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="row">
                                    <label for="dp_start_date" class="col-5 col-form-label"> Down Payment Date</label>
                                    <div class="col-7">
                                        <input type="date" class="form-control" id="dp_start_date" name="dp_start_date"
                                            value="{{ date('Y-m-d') }}">
                                    </div>
                                </div>


                                <div class="row">
                                    <label for="dp_installment" class="col-5 col-form-label"> DP Installments No</label>
                                    <div class="col-7">
                                        <input type="number" class="form-control" id="dp_installment"
                                            name="dp_installment_no" placeholder="Type here">
                                    </div>
                                </div>

                                <!-- <div class="row">
                                    <label for="dp_end_date" class="col-5 col-form-label"> End Date</label>
                                    <div class="col-7">
                                        <input type="date" class="form-control" id="dp_end_date" name="dp_end_date" placeholder="Email">
                                    </div>
                                </div> -->

                                <div class="row">
                                    <label for="inputEmail3" class="col-5 col-form-label"></label>
                                    <div class="col-7">
                                        <button class="btn btn-sm btn-primary" type="button"
                                            id="dpGenerate">{{__('cruds.generate')}}</button>
                                    </div>
                                </div>

                            </div>

                            <hr class="mt-3">
                            <div id="dpParentDiv"></div>
                        </div>
                    </div>
                </div>

                <div class="card mb-0 ">
                    <div class="card-body p-3">
                        <h5 class="mt-2 mb-2">
                            <a href="#" class="text-body">Installment</a>
                            <hr>
                        </h5>


                        <div class="row">
                            <div class="col-6">
                                <div class="row mb-3">
                                    <label for="rp_amount" class="col-5 col-form-label">Installment Amount</label>
                                    <div class="col-7">
                                        <input type="number" class="form-control" id="rp_amount" name="installment"
                                            placeholder="Type here">
                                    </div>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="row">
                                    <label for="rp_start_date" class="col-5 col-form-label"> Start Date</label>
                                    <div class="col-7">
                                        <input type="date" class="form-control" id="rp_start_date" name="rp_start_date"
                                            placeholder="">
                                    </div>
                                </div>


                                <div class="row">
                                    <label for="rp_installment" class="col-5 col-form-label">No Of Total
                                        Installment</label>
                                    <div class="col-7">
                                        <input type="number" class="form-control" id="rp_installment"
                                            name="no_of_total_installment" placeholder="">
                                    </div>
                                </div>

                                <div class="row">
                                    <label for="rpGenerate" class="col-5 col-form-label"></label>
                                    <div class="col-7">
                                        <button id="rpGenerate" class="btn btn-sm btn-primary"
                                            type="button">{{__('cruds.generate')}}</button>
                                    </div>
                                </div>
                            </div>

                            <hr class="mt-3">
                            <div id="rpparentRpDiv"></div>
                        </div>
                    </div>
                </div>



                <div class="col-md-12 mt-4 text-center">
                    <button class="btn ripple btn-warning update" type="submit">{{__('cruds.submit')}}</button>
                </div>
        </form>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script>
$(document).on("click", "#dpGenerate", function() {
    $('#dpParentDiv').html('');
    var dp_cnt = $('#dp_installment').val();
    var dpDate = new Date($('#dp_start_date').val());
    var dp_perInst = $('#dp_amount').val() / dp_cnt;

    if (dp_perInst == '') {
        alert("Please fill the field.");
        $('#dp_amount').focus();
        return false;
    }

    if (dp_cnt == '') {
        alert("Please fill the field.");
        $('#dp_installment').focus();
        return false;
    }


    for (i = 1; i <= dp_cnt; i++) {
        //   var dpDateString = dpDate.getFullYear() + '-' + ('0' + (dpDate.getMonth() + i)).slice(-2) + '-' + ('0' + dpDate.getDate()).slice(-2);
        var dpDateString = moment(dpDate, "YYYY-MM-DD").add((i - 1), 'months').format('YYYY-MM-DD');
        $('#dpParentDiv').append(
            '<div class="row"><div class="col-6"> <div class="row"> <label for="dp_nstallment" class="col-5 col-form-label">Down Payment ' +
            i + ' </label> <div class="col-7"> <input value="' + dp_perInst.toFixed(window.precision) +
            '" type="number" class="form-control" id="dp_nstallment" name="dp_installment[]" placeholder="Type here"><input type="hidden" name="dp_installment_details_id[]" value="0"> </div> </div> </div><div class="col-6"> <div class="row"> <label for="dp_payment_date" class="col-5 col-form-label">Payment Date </label> <div class="col-7"> <input value="' +
            dpDateString +
            '" type="date" class="form-control" id="dp_payment_date" name="dp_payment_date[]" placeholder="Type here"> </div> </div> </div> </div>'
        )
    }
});

$(document).on("click", "#rpGenerate", function(e) {


    $('#rpparentRpDiv').html('');
    var rp_cnt = $('#rp_installment').val();
    var rpDate = new Date($('#rp_start_date').val());
    var rp_perInst = $('#rp_amount').val() / rp_cnt;

    if (rp_perInst == '') {
        alert("Please fill the field.");
        $('#rp_amount').focus();
        return false;
    }

    if (rp_cnt == '') {
        alert("Please fill the field.");
        $('#rp_installment').focus();
        return false;
    }


    for (i = 1; i <= rp_cnt; i++) {
        // var rpDateString = rpDate.getFullYear() + '-' + ('0' + (rpDate.getMonth() + i)).slice(-2) + '-' + ('0' + rpDate.getDate()).slice(-2);
        var rpDateString = moment(rpDate, "YYYY-MM-DD").add((i - 1), 'months').format('YYYY-MM-DD');
        $('#rpparentRpDiv').append(
            '<div class="row"><div class="col-6"> <div class="row"> <label for="dp_nstallment" class="col-5 col-form-label">Installment ' +
            i + ' </label> <div class="col-7"> <input value="' + rp_perInst.toFixed(window.precision) +
            '" type="number" class="form-control" id="dp_nstallment" name="rp_installment[]" placeholder="Type here"><input type="hidden" name="rp_installment_details_id[]" value="0"> </div> </div> </div><div class="col-6"> <div class="row"> <label for="rp_payment_date" class="col-5 col-form-label">Payment Date </label> <div class="col-7"> <input value="' +
            rpDateString +
            '" type="date" class="form-control" id="rp_payment_date" name="rp_payment_date[]" placeholder="Type here"> </div> </div> </div> </div>'
        )
    }
});

$(document).on('keyup', '#dp_amount, #booking_money', function() {
    let dp_amount = +$('#dp_amount').val() || 0;
    let booking_money = +$('#booking_money').val() || 0;
    let booking_amount = +$('#booking_amount').text() || 0;

    if (dp_amount > booking_amount) {
        dp_amount = booking_amount;
        $('#dp_amount').val(dp_amount);
    }

    let rest_amount = booking_amount - dp_amount - booking_money;
    if (rest_amount < 0) rest_amount = 0;

    $('#rp_amount').val(rest_amount.toFixed(window.precision || 2));
});


{{-- $(document).on('keyup', '#dp_amount', '#booking_money', function() {
    let dp_amount, booking_amount, rest_amount;
    dp_amount = $(this).val();
    dp_amount = +dp_amount;
    booking_money = $('#booking_money').val();
    booking_amount = $('#booking_amount').text();
    booking_amount = +booking_amount;
    if (dp_amount > booking_amount) {
        dp_amount = booking_amount;
        $(this).val(dp_amount);
    }
    rest_amount = booking_amount - dp_amount - booking_money;
    $('#rp_amount').val(rest_amount);
}) --}}
</script>
@endsection