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

    <div class="card">
        <div class="card-header">
            Edit 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" value="{{ $coverNote->no }}" 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" value="{{ $coverNote->cn_number }}"
                                    class="form-control Cn_number">
                                <input type="hidden" name="id" value="{{ $coverNote->id }}" class="form-control cn_id">
                            </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" value="{{ $coverNote->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" value="{{ $coverNote->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" value="{{ $coverNote->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" value="{{ $coverNote->bank_name }}"
                                    class="form-control Bank_name">
                            </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" value="{{ $coverNote->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" value="{{ $coverNote->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" value="{{ $coverNote->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" value="{{ $coverNote->sum_insured }}" onkeyup="extras(this)"
                                    name="sum_insured" 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)" value="{{ $coverNote->extra }}"
                                    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" value="{{ $coverNote->amount }}" name="amount"
                                    class="form-control Amount">
                            </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" value="{{ $coverNote->rate }}" 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" onchange="TransitBy(this)" class="form-control Transit_by">
                                    <option value="">Select One</option>
                                    <option @if ($coverNote->transit_by == 1) selected @endif value="1">Steamer</option>
                                    <option @if ($coverNote->transit_by == 2) selected @endif 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" value="{{ $coverNote->period_from }}" 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" value="{{ $coverNote->period_to }}"
                                    class="form-control Period_to">
                            </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" name="currency" id="changeRate">
                                    <option @if ($coverNote->currency == 'us') selected @endif value="us">US$</option>
                                    <option @if ($coverNote->currency == 'eur') selected @endif value="eur">EUR</option>
                                    <option @if ($coverNote->currency == 'bdt') selected @endif value="bdt">BDT</option>
                                </select>
                            </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" value="{{ $coverNote->printing_sl }}" 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" value="{{ $coverNote->mr_no }}" 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" value="{{ $coverNote->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 @if ($coverNote->mop == 1) selected @endif value="1">Cash</option>
                                    <option @if ($coverNote->mop == 2) selected @endif value="2">Pay Order</option>
                                    <option @if ($coverNote->mop == 3) selected @endif value="3">Cheque </option>
                                </select>
                            </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" value="{{ $coverNote->branch }}" name="branch"
                                    class="form-control Branch">
                            </div>
                        </div>
                        <div class='col-md-6 form-group row'>
                            <div class='col-md-4'>
                                <label>Cheque /Payorder No </label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" name="cheque_no" value="{{ $coverNote->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" value="{{ $coverNote->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>Bank Name</label>
                            </div>
                            <div class='col-md-8'>
                                <input type="text" value="{{ $coverNote->bankram_mr }}" 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" value="{{ $coverNote->branch_mr }}"
                                    class="form-control Branch_mr">
                            </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">{{ $coverNote->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">{{ $coverNote->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" value="{{ $coverNote->producer_number }}"
                                class="form-control Producer_number" name="producer_number">
                        </div>
                        <div class='col-md-4'>
                            <input type="text" value="{{ $coverNote->producer_name }}" 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" value="{{ $coverNote->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" value="{{ $coverNote->marine_rate }}" name="marine_rate"
                                onkeyup="Marine_rate(this)" class="form-control Marine_rate">
                        </div>
                        <div class='col-md-4'>
                            <input type="number" value="{{ $coverNote->marine_value }}" 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" value="{{ $coverNote->war_rate }}" name="war_rate"
                                        onkeyup="WarRate(this)" class="form-control War_rate">
                                </div>
                                <div class='col-md-5'>
                                    <input type="number" value="{{ $coverNote->war_value }}"
                                        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" value="{{ $coverNote->premium }}" 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" value="{{ $coverNote->vat_rate }}" name="vat_rate"
                                        onkeyup="vatCalculate(this)" class="form-control Vat_rate">
                                </div>
                                <div class='col-md-5'>
                                    <input type="text" value="{{ $coverNote->vat_value }}" 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" value="{{ $coverNote->stamp_duty }}" 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" value="{{ $coverNote->grand_total }}"
                                class="form-control Grand_total">
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center">
                <button class="btn btn-primary btn-sm" onclick="updateCovernote(this)">Update</button>
            </div>
        </div>
        @if ($coverNote->mop == 1)
            <script>
                $(".Cheque_no").hide();
                $(".Cheque_date").hide();
                $(".Bankram_mr").hide();
                $(".Branch_mr").hide();

            </script>
        @endif
        <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();
                        $(".Rate").val(0);
                    } 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();
            //             $(".Branch").hide();
            //         } else if ($(this).val() == 2) {
            //             $(".Cheque_no").show();
            //             $(".Branch").show();
            //         } else if ($(this).val() == 3) {
            //             $(".Cheque_no").show();
            //             $(".Branch").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('');
                        $(".Bankram_mr").val('');
                        $(".Cheque_date").val('');
                    } else if ($(this).val() == 2) {
                        $(".Cheque_no").show();
                        $(".Bankram_mr").show();
                        $(".Branch_mr").show();
                        $(".Branch_mr").val('');
                        $(".Cheque_no").val('');
                        $(".Bankram_mr").val('');
                        $(".Cheque_date").val('');
                        $(".Cheque_date").show();
                    } else if ($(this).val() == 3) {
                        $(".Cheque_no").show();
                        $(".Bankram_mr").show();
                        $(".Branch_mr").show();
                        $(".Branch_mr").val('');
                        $(".Cheque_no").val('');
                        $(".Bankram_mr").val('');
                        $(".Cheque_date").val('');
                        $(".Cheque_date").show();
                    }
                });
            });

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