@extends('admin.master')
@section('home')

    <div class="card">
        <div class="card-header">
            Add Cover Note
        </div>
        <div class="card-body">
            <div class="row">
                <div class='col-md-8'>
                    <div class="row">
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>No</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="no" class="form-control No">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>CN Number</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="cn_number" class="form-control Cn_number">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Issue Date</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="date" name="issue_date" class="form-control Issue_date">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Client Name</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="client_name" class="form-control Client_name">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Client Address</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="client_address" class="form-control Client_address">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Bank Name</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="bank_name" class="form-control Bank_name">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Branch</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="branch" class="form-control Branch">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Bank Address</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="bank_address" class="form-control Bank_address">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Voyage From</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="voyage_from" class="form-control Voyage_from">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Voyage to</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="voyage_to" class="form-control Voyage_to">
                            </div>
                        </div>



                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Sum Insured</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="number" name="sum_insured" onkeyup="extras(this)" id="Sum_insured"
                                    class="form-control Sum_insured">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Extra(%)</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="number" name="extra" onkeyup="extras(this)" class="form-control Extra">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Total Amount</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="number" name="amount" class="form-control Amount">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Currency</label>
                            </div>
                            <div class='col-md-8'>
                                <select class="form-control Currency" id="changeRate" name="currency">
                                    <option value="us">US$</option>
                                    <option value="eur">EUR</option>
                                    <option value="bdt">BDT</option>
                                </select>
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Rate</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="number" onkeyup="extras(this)" name="rate" class="form-control Rate">
                                <input type="number" style="display: none" readonly class="form-control BlockRate">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Transit Duty</label>
                            </div>
                            <div class='col-md-8'>
                                <select name="transit_by" required onchange="TransitBy(this)" class="form-control Transit_by">
                                    <option value="">Select One</option>
                                    <option value="1">Steamer</option>
                                    <option value="2">Lorry</option>
                                </select>
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Period From</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="date" name="period_from" class="form-control Period_from">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Period To</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="date" name="period_to" class="form-control Period_to">
                            </div>
                        </div>



                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Printing SL</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="printing_sl" class="form-control Printing_sl">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>MR NO</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="mr_no" class="form-control Mr_no">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>MR Date</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="date" name="mr_date" class="form-control Mr_date">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>MOP</label>
                            </div>
                            <div class='col-md-8'>
                                <select class="form-control Mop" name="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 class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Bank Name</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="bankram_mr" class="form-control bankram_mr">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Branch</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="branch_mr" class="form-control Branch_mr">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Cheque No /Payorder</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="cheque_no" class="form-control Cheque_no">
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Cheque / Payorder Date</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="date" name="cheque_date" class="form-control Cheque_date">
                                <input type="hidden" name="post_by" value="{{ Auth::user()->id }}"
                                    class="form-control Post_by">
                            </div>
                        </div>
                        {{-- <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Branch</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" class="form-control">
                            </div>
                        </div> --}}
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Interest Covered </label>
                            </div>
                            <div class='col-md-8'>
                                <textarea class="form-control Interest_covered" name="interest_covered"></textarea>
                            </div>
                        </div>

                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Declaration</label>
                            </div>
                            <div class='col-md-8'>
                                <textarea class="form-control Declaration" name="declaration"></textarea>
                            </div>
                        </div>
                    </div>
                </div>



                <div class='col-md-4'>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Producer ID</label>
                        </div>
                        <div class='col-md-4'>
                            <input type="text" class="form-control Producer_number" name="producer_number">
                        </div>
                        <div class='col-md-4'>
                            <input type="text" class="form-control Producer_name" name="producer_name">
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Risk Option</label>
                        </div>
                        <div class='col-md-8'>
                            <input type="text" name="risk_option" class="form-control Risk_option">
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Marine(%)</label>
                        </div>
                        <div class='col-md-4'>
                            <input type="number" name="marine_rate" onkeyup="Marine_rate(this)"
                                class="form-control Marine_rate">
                        </div>
                        <div class='col-md-4'>
                            <input type="number" class="form-control Marine_value" name="marine_value">
                        </div>

                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>War & Srcc(%)</label>
                        </div>
                        <div class='col-md-8'>
                            <div class='col-md-2'>
                                <input type="checkbox" class="warsrcc" value="1">
                            </div>
                            <div class='row warshow' style="display: none">
                                <div class='col-md-5'>
                                    <input type="number" name="war_rate" onkeyup="WarRate(this)"
                                        class="form-control War_rate">
                                </div>
                                <div class='col-md-5'>
                                    <input type="number" class="form-control War_value" name="war_value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Premium</label>
                        </div>
                        <div class='col-md-8'>
                            <input type="number" class="form-control Premium" name="premium">
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Vat(%)</label>
                        </div>
                        <div class='col-md-8'>
                            <div class='col-md-2'>
                                <input type="checkbox" class="vats" value="1">
                            </div>
                            <div class='row vat' style="display: none">
                                <div class='col-md-5'>
                                    <input type="text" name="vat_rate" onkeyup="vatCalculate(this)"
                                        class="form-control Vat_rate">
                                </div>
                                <div class='col-md-5'>
                                    <input type="text" class="form-control Vat_value" name="vat_value">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Stamp Duty</label>
                        </div>
                        <div class='col-md-8'>
                            <div class='col-md-2'>
                                <input type="checkbox" class="stampss_duty" value="1">
                            </div>
                            <div class='row stduty' style="display: none">
                                <div class='col-md-12'>
                                    <input type="number" name="stamp_duty" class="form-control Stamp_duty">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='form-group row'>
                        <div class='col-md-4'>
                            <label>Grand Total</label>
                        </div>
                        <div class='col-md-8'>
                            <input type="text" name="grand_total" class="form-control Grand_total">
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <button class="btn btn-primary btn-sm" onclick="saveCovernote(this)">Save</button>
            </div>
        </div>

        <script src="{{ asset('/') }}public/admin/custom/api.js"></script>
        <script src="{{ asset('/') }}public/admin/custom/coverNote.js"></script>

        <script>
            $(document).ready(function() {
                $(".warsrcc").change(function() {
                    if ($(this).val() == 1) {
                        $(".warshow").show();
                    } else {
                        $(".warshow").hide();
                    }
                });
            });

        </script>

        <script>
            $(document).ready(function() {
                $(".vats").change(function() {
                    if ($(this).val() == 1) {
                        $(".vat").show();
                    } else {
                        $(".vat").hide();
                    }
                });
            });

        </script>

        <script>
            $(document).ready(function() {
                $(".stampss_duty").change(function() {
                    if ($(this).val() == 1) {
                        $(".stduty").show();
                    } else {
                        $(".stduty").hide();
                    }
                });
            });

            $(document).ready(function() {
                $("#changeRate").change(function() {
                    if ($(this).val() == "bdt") {
                        $(".BlockRate").show();
                        $(".Rate").hide();
                    } else if ($(this).val() == "eur") {
                        $(".BlockRate").hide();
                        $(".Rate").show();
                    } else if ($(this).val() == "us") {
                        $(".BlockRate").hide();
                        $(".Rate").show();
                    }
                });
            });

            $(document).ready(function() {
                $(".Mop").change(function() {
                    if ($(this).val() == 1) {
                        $(".Cheque_no").hide();
                        $(".bankram_mr").hide();
                        $(".Branch_mr").hide();
                        $(".Cheque_date").hide();
                        $(".Branch_mr").val('');
                        $(".Cheque_no").val(0);
                        $(".bankram_mr").val('');

                    } else if ($(this).val() == 2) {
                        $(".Cheque_no").show();
                        $(".bankram_mr").show();
                        $(".Cheque_date").show();
                        $(".Branch_mr").show();
                        $(".Branch_mr").val('');
                        $(".Cheque_no").val(0);
                        $(".bankram_mr").val('');
                    } else if ($(this).val() == 3) {
                        $(".Cheque_no").show();
                        $(".bankram_mr").show();
                        $(".Cheque_date").show();
                        $(".Branch_mr").show();
                        $(".Branch_mr").val('');
                        $(".Cheque_no").val(0);
                        $(".bankram_mr").val('');
                    }
                });
            });

        </script>

        <script>
            function extras(v) {
                let sumins = Number($('.Sum_insured').val());
                let extra = Number($('.Extra').val());
                let rate = Number($('.Rate').val());

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

                let sum = (sumins * (extra / 100));
                let total = (sumins + sum);
                if (rate > 0) {
                    total = total * rate;
                }
                $('.Amount').val(Math.round(total).toFixed(2))
                Marine_rate();
                WarRate();
                vatCalculate();
                TransitBy();
                GrandTotal();

            }


            // function Rate(v) {
            //     let amount = $('.Amount').val();
            //     let rate = $('.Rate').val();
            //     let totalrate = (parseFloat(amount) * parseFloat(rate));
            //     $('.Amount').val(totalrate);
            //     GrandTotal();
            // }

            function Marine_rate(v) {
                let amount = $('.Amount').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();
                GrandTotal();
            }

            function WarRate(v) {
                let amount = $('.Amount').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();
                GrandTotal();
            }

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

            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 TransitBy(v) {
                if ($(v).val() == 1) {
                    let steamer = 1500;
                    let amount = $('.Amount').val();
                    if(typeof amount =="undefined" || amount ==''){
                        amount = 0;
                    }
                    let steamerStampduty = parseFloat(amount) / parseFloat(steamer);
                    $('.Stamp_duty').val(Math.round(steamerStampduty).toFixed(2))
                } else if ($(v).val() == 2) {
                    $('.Stamp_duty').val(50)
                } else if ($(v).val() == 0) {
                    $('.Stamp_duty').val(0)
                }
                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));
                console.log('grandTotal', grandTotal)

            }

        </script>



    @endsection