@extends('admin.master')
@section('home')
    <div class="card">
        <div class="card-body">
            <div class="col-8">
                <div class="row">
                    <div class="col-2">
                        <label>CN Search</label>
                    </div>
                    <div class="col-6">
                        <input type='text' name="cover_note_no" id="covernote" class="form-control" />
                    </div>
                    <div class="col-4">
                        <button class="btn btn-primary btn-sm" onclick="searchNote(this)">Submit</button>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="row">
                    <div class="col-8">
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Adden No:</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="addn_no" class="form-control addn_no" id="addn_no" />
                                        {{-- <p id="cn_number"></p> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>CN Number:</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="cn_no" readonly class="form-control" id="cn_number" />
                                        {{-- <p id="cn_number"></p> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Client Name</label>
                                    </div>
                                    <div class='col-8'>
                                        <p id="client_name"></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Bank Name</label>
                                    </div>
                                    <div class='col-8'>
                                        <p id="bank_name"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Amount</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="number" name="amount" onkeyup="extras(this)" class="form-control"
                                            id="amount" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 ">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Extra</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="number" onkeyup="extras(this)" name="extra" class="form-control"
                                            id="extra" />
                                        <input type="hidden" class="form-control" id="sumofextra" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <div class="row">
                                    <div class='col-6'>
                                        <label>Currency</label>
                                    </div>
                                    <div class='col-6'>
                                        <select class="form-control Currency" id="currency" name="currency">
                                            <option value="us">USD</option>
                                            <option value="eur">EUR</option>
                                            <option value="bdt">BDT</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="row">
                                    <div class="col-4">
                                        <label>Rate</label>
                                    </div>
                                    <div class="col-8">
                                        <input type="number" onkeyup="extras(this)" name="rate" id="rate"
                                            class="form-control" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="row">
                                    <div class="col-4">
                                        <label>Amount:</label>
                                    </div>
                                    <div class="col-8">
                                        <input type='number' readonly id="Amounts" class="form-control" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class="col-4">
                                        <label>MR No</label>
                                    </div>
                                    <div class="col-8">
                                        <input type="text" name="mr_no" id="mr_no" class="form-control" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>MR Date</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="date" name="mr_date" id="mr_date" class="form-control" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>MOP</label>
                                    </div>
                                    <div class='col-8'>
                                        <select class="form-control Mop" name="mop" id="mop">
                                            <option value="0">Select One</option>
                                            <option value="1">Cash</option>
                                            <option value="2">Pay Order</option>
                                            <option value="3">Cheque</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Bank Name</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="bank_name" id="Bank_name" class="form-control" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Branch</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="branch" id="branch" class="form-control" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Cheque/Payorder No</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="cheque_no" id="cheque_no" class="form-control" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Cheque /Payorder Date</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="date" name="cheque_date" id="cheque_date" class="form-control" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="row">
                                    <div class='col-4'>
                                        <label>Clause</label>
                                    </div>
                                    <div class='col-8'>
                                        <input type="text" name="clouse" id="clouse" class="form-control" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div>

                        <div class="col-6">
                            <div class="row mt-3">
                            </div>
                        </div>
                        <div class='col-6 form-group row'>

                        </div>
                        <div class="col-6">
                                  <div class="row mt-3">
                                      <div class='col-4'>
                                          <label>Bank Name</label>
                                      </div>
                                      <div class='col-8'>
                                          <input type="text" name="bank_name" id="bank_name" class="form-control" />
                                      </div>
                                  </div>
                              </div>

                        <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div>
                        <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div>

                        <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div>
                        <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div>

                        <div class="col-6">
                            <div class="row mt-3">

                            </div>
                        </div> --}}
                    </div>
                    <div class="col-4">
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Producer ID</label>
                            </div>
                            <div class="col-8">
                                <div class="row">
                                    <div class="col-6">
                                        <input type="text" class="form-control Producer_number" name="producer_number"
                                            id="producer_number" />
                                    </div>
                                    <div class="col-6">
                                        <input type="text" class="form-control Producer_name" id="producer_name"
                                            name="producer_name" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Risk Option</label>
                            </div>
                            <div class="col-8">
                                <input type="text" name="risk_option" id="risk_option" class="form-control Risk_option">
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Marine(%)</label>
                            </div>
                            <div class="col-8">
                                <div class="row">
                                    <div class="col-6">
                                        <input type="number" onkeyup='Marine_rate(this)' name="marine_rate" id="marine_rate"
                                            class="form-control ">
                                    </div>
                                    <div class="col-6">
                                        <input type="number" class="form-control" name="marine_value" id="marine_value">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>War & Srcc
                                    <input type="checkbox" class="warsrcc" value="1">
                                </label>
                            </div>
                            <div class="col-8">
                                <div class="row warshow" style="display: none">
                                    <div class="col-6">
                                        <input type="number" onkeyup="WarRate(this)" name="war_rate" id="war_rate"
                                            class="form-control">
                                    </div>
                                    <div class="col-6">
                                        <input type="number" class="form-control" name="war_value" id="war_value">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Premium</label>
                            </div>
                            <div class="col-8">
                                <input type="number" readonly id="premium" class="form-control" name="premium">
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Vat
                                    <input type="checkbox" class="vats" value="1">
                                </label>
                            </div>
                            <div class="col-8">
                                <div class="row vat" style="display: none">
                                    <div class="col-6">
                                        <div class="input-group">
                                            <input type="number" class="form-control" onkeyup="vatCalculate(this)"
                                                name="vat_rate" id="vat_rate" placeholder="" aria-label=""
                                                aria-describedby="basic-addon2">
                                            <div class="input-group-append">
                                                <span class="input-group-text" id="basic-addon2">%</span>
                                            </div>
                                        </div>
                                        {{-- <input type="number" onkeyup="vatCalculate(this)" name="vat_rate" id="vat_rate"
                                            class="form-control">% --}}
                                    </div>
                                    <div class="col-6">
                                        <input type="number" class="form-control" name="vat_value" id="vat_value">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Stamp Duty
                                    <input type="checkbox" class="stampss_duty" value="1">
                                </label>
                            </div>
                            <div class="col-8">
                                <div class="stduty" style="display: none">
                                    <div class="input-group">
                                        <input type="number" name="stamp_duty" id="stamp_duty"
                                        class="form-control Stamp_duty" placeholder="" aria-label="" aria-describedby="basic-addon2">
                                        <div class="input-group-append">
                                            <span class="input-group-text" id="basic-addon2">%</span>
                                            <input type="hidden" name="transit_duty" id="transit_duty" class="form-control">
                                        </div>
                                    </div>
                                    {{-- <input type="number" name="stamp_duty" id="stamp_duty"
                                            class="form-control Stamp_duty">
                                        <input type="hidden" name="transit_duty" id="transit_duty" class="form-control"> --}}
                                </div>
                            </div>
                        </div>
                        <div class="mt-2 row">
                            <div class="col-4">
                                <label>Grand Total</label>
                            </div>
                            <div class="col-8">
                                <input type="text" name="grand_total" id="grand_total" class="form-control Grand_total">
                                <input type="hidden" name="post_by" value="{{ Auth::user()->id }}"
                                    class="form-control Post_by">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center mt-3 mb-4">
            <button class="btn btn-primary btn btn-sm " onclick="saveAddendum()">Submit</button>
        </div>
    </div>
    <script src='{{ asset('/') }}public/admin/custom/api.js'></script>
    <script src='{{ asset('/') }}public/admin/custom/Addendum.js'></script>

    <script>
        $(document).ready(function() {
            $(document).on("click", ".warsrcc", function(e) {
                var checked = $(this).is(":checked");
                if (checked) {
                    $('.warshow').show(300);
                } else {
                    $('.warshow').hide(300);
                }
            });
        });

        $(document).ready(function() {
            $(document).on("click", ".vats", function(e) {
                var checked = $(this).is(":checked");
                if (checked) {
                    $('.vat').show(300);
                } else {
                    $('.vat').hide(300);
                }
            });
        });


        $(document).ready(function() {
            $(".Mop").change(function() {
                if ($(this).val() == 1) {
                    $("#cheque_no").hide();
                    $("#Bank_name").hide();
                    $("#branch").hide();

                    $("#cheque_no").val();
                    $("#Bank_name").val();
                    $("#branch").val();
                } else if ($(this).val() == 2) {
                    $("#cheque_no").show();
                    $("#Bank_name").show();
                    $("#branch").show();

                    $("#cheque_no").val();
                    $("#Bank_name").val();
                    $("#branch").val();
                } else if ($(this).val() == 3) {
                    $("#cheque_no").show();
                    $("#Bank_name").show();
                    $("#branch").show();

                    $("#cheque_no").val();
                    $("#Bank_name").val();
                    $("#branch").val();
                }
            });
        });

    </script>

    <script>
        function extras(v) {
            let amount = Number($('#amount').val());
            let extra = Number($('#extra').val());
            let rate = Number($('#rate').val());

            if (typeof rate == 'undefined' || rate == '') {
                rate = 0;
            }

            let sum = (amount * (extra / 100));
            let total = (amount + sum);
            if (rate > 0) {
                total = total * rate;
            }

            $('#Amounts').val(Math.round(total).toFixed(2));
            Marine_rate();
            WarRate();
            vatCalculate();
        }

        function Marine_rate(v) {
            let amount = $('#Amounts').val();
            if (typeof amount == "undefined" || amount == "") {
                amount = 0;
            }
            let m_rate = $('#marine_rate').val();

            if (typeof m_rate == "undefined" || m_rate == "") {
                m_rate = 0;
            }

            let sum = (parseFloat(amount) * parseFloat(m_rate) / 100);
            let m_val = $('#marine_value').val(Math.round(sum).toFixed(2));

            TotalPremium();
        }

        function WarRate(v) {
            let amount = $('#Amounts').val();
            if (typeof amount == "undefined" || amount == "") {
                amount = 0;
            }
            let w_rate = $('#war_rate').val();

            if (typeof w_rate == "undefined" || w_rate == "") {
                w_rate = 0;
            }

            let sum = (parseFloat(amount) * parseFloat(w_rate) / 100);
            let w_val = $('#war_value').val(Math.round(sum).toFixed(2));
            TotalPremium();

        }

        function TotalPremium() {
            // total amount will be set in Premium ..
            let m_val = $('#marine_value').val();
            let w_val = $('#war_value').val();

            if (typeof m_val != 'undefined' && typeof w_val != 'undefined') {
                let totalPremium = (parseFloat(m_val) + parseFloat(w_val));
                $('#premium').val(Math.round(totalPremium).toFixed(2));
            }
            GrandTotal();
        }

        $(document).ready(function() {
            $(document).on("click", ".stampss_duty", function(e) {
                var checked = $(this).is(":checked");
                if (checked) {
                    $('.stduty').show(300);
                } else {
                    $('.stduty').hide(300);
                }
                GrandTotal();
            });
        });


        function vatCalculate(v) {
            let valRate = $('#vat_rate').val();
            if (typeof valRate == "undefined" || valRate == "") {
                valRate = 0;
            }
            let TotalPremium = $('#premium').val();
            if (typeof TotalPremium == "undefined" || TotalPremium == "") {
                TotalPremium = 0;
            }
            let Total = (parseFloat(TotalPremium) * parseFloat(valRate) / 100);
            let valValue = $('#vat_value').val(Math.round(Total).toFixed(2));
            GrandTotal();
        }

        function GrandTotal() {
            let TotalPremium = $('#premium').val();
            if (typeof TotalPremium == "undefined" || TotalPremium == "") {
                TotalPremium = 0;
            }
            let valValue = $('#vat_value').val();
            if (typeof valValue == "undefined" || valValue == "") {
                valValue = 0;
            }
            let stampDuty = $('#stamp_duty').val();
            if (typeof stampDuty == "undefined" || stampDuty == "") {
                stampDuty = 0;
            }
            let grandTotal = parseFloat(TotalPremium) + parseFloat(valValue) + parseFloat(stampDuty)
            $('#grand_total').val(Math.round(grandTotal).toFixed(2));

        }

    </script>
@endsection