@extends('layouts.guest')
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">First Aid Proposal Edit</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="#">Proposal</a></li>
                            <li class="breadcrumb-item active">First aid Proposal Edit</li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                @if (Session::has('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ Session::get('success') }}
                        @php
                            Session::forget('success');
                        @endphp
                        <button type="button" class="close" data-dismiss="alert"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif
                <!-- Main row -->
                <div class="row">
                    <!-- Left col -->
                    <section class="col-lg-12 connectedSortable">
                        <!-- Custom tabs (Charts with tabs)-->
                        <div class="card">
                            <div class="card-header">
                                <div class="col">
                                    <button value="Back" type="Button" onclick="history.go(-1);" class="btn btn-info float-right">Back</button>
                                </div>
                            </div><!-- /.card-header -->
                            <div class="card-body">
                                <form action="{{route('contract/fa/store/update')}}" method="post" enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div style="font-size: 25px;font-weight: 600;color: #fb9044;">NAJMA</div>
                                            <div style="font-size: 15px;font-weight: 600;">HUMAN RESOURCES</div>
                                            <div style="font-size: 15px;font-weight: 600;">CONSULTANCY</div>
                                            <div style="font-size: 12px;">PO Box. 32390</div>
                                            <div style="font-size: 12px;">Dubai U.A.E</div>
                                            <div style="font-size: 12px;">Telephone: 04 3455707,04 3453780</div>
                                            <div style="font-size: 12px;">Fax: 04 3453761</div>
                                            <div style="font-size: 12px;">Email: najmauae@eim.ae</div>
                                            <div style="font-size: 12px;">rohit@najmaconsultancy.com</div>
                                            <div style="font-size: 12px;">TRN: 100355383900003</div>
                                        </div>
                                        <div class="col-lg-4">
                                            <img src="{{ url('najma_logo.jpg') }}" class="img-fluid" alt="">
                                        </div>
                                        <div class="col-lg-4">
                                            <div style="font-size: 25px;font-weight: 600;color: #fb9044;">نجمة</div>
                                            <div style="font-size: 15px;font-weight: 600;">الموارد البشرية</div>
                                            <div style="font-size: 15px;font-weight: 600;">الاستشارات</div>
                                            <div style="font-size: 12px;">صندوق البريد. 32390</div>
                                            <div style="font-size: 12px;">دبي الامارات العربية المتحدة</div>
                                            <div style="font-size: 12px;">الهاتف: 04 3455707,04 3453780</div>
                                            <div style="font-size: 12px;">فاكس: 043453761</div>
                                            <div style="font-size: 12px;">البريد الإلكتروني: najmauae@eim.ae</div>
                                            <div style="font-size: 12px;">rohit@najmaconsultancy.com</div>
                                            <div style="font-size: 12px;">رقم التسجيل الضريبي: 100355383900003</div>
                                        </div>
                                    </div>
                                    <hr><br>
                                    @foreach ($edits as $edit)
                                    <input type="hidden" name="fapid" value="{{ $edit->id }}" readonly>
                                    <input type="hidden" name="alp_ndid" value="{{ $edit->alp_ndid }}" readonly>
                                    <input type="hidden" name="alp_user_id" value="{{ Auth::user()->id }}" readonly>
                                    {{-- {{ $edit->alp_company_intro }} --}}
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_company_intro') is-invalid @enderror" name="alp_company_intro" id="summernote_one">{{ $edit->alp_company_intro }}</textarea>
                                        @error('alp_company_intro')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row border border-dark" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-white p-2" style="background-color: #170068">The Client</div>
                                                <div class="col-lg-12 text-bold pb-2 pt-3">Individual</div>
                                                <div class="col-lg-12 text-bold">Dubai, UAE</div>
                                                <div class="col-lg-3 p-2">Project</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_project" value="{{ $edit->alp_project }}"></div>
                                                <div class="col-lg-3 p-2">POC</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_poc" value="{{ $edit->alp_poc }}"></div>
                                                <div class="col-lg-3 p-2">Email Id</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_email_id" value="{{ $edit->alp_email_id }}"></div>
                                                <div class="col-lg-3 p-2">Designation/Dpt</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_designation_dt" value="{{ $edit->alp_designation_dt }}"></div>
                                                <div class="col-lg-3 p-2">Tel. No</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_telephone_no" value="{{ $edit->alp_telephone_no }}"></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row border border-dark" style="height: 100%;">
                                                <div class="col-lg-12 text-center text-white p-2" style="background-color: #170068">The Reference</div>
                                                <div class="col-lg-3 text-bold pb-3 p-2">Quatation No</div>
                                                <div class="col-lg-9 p-2 pb-4 pt-3"><input type="text" class="w-100" name="alp_quotation_no" value="{{ $edit->alp_quotation_no }}"></div>
                                                <div class="col-lg-3 p-2">Date</div>
                                                <div class="col-lg-9 p-2"><input type="date" class="w-100" name="alp_date" value="{{ $edit->alp_date }}"></div>
                                                <div class="col-lg-3 p-2">Inquiry Ref No</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_inquiry_ref_no" value="{{ $edit->alp_inquiry_ref_no }}"></div>
                                                <div class="col-lg-3 p-2">Payment Term</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_payment_term" value="{{ $edit->alp_payment_term }}"></div>
                                                <div class="col-lg-3 p-2">Currency</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_currency" value="{{ $edit->alp_currency }}"></div>
                                                <div class="col-lg-3 p-2">Validity</div>
                                                <div class="col-lg-9 p-2"><input type="text" class="w-100" name="alp_validity" value="{{ $edit->alp_validity }}"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <br><br>
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_commercial_proposal') is-invalid @enderror" name="alp_commercial_proposal" id="summernote_two">{{ $edit->alp_commercial_proposal }}</textarea>
                                        @error('alp_commercial_proposal')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="row d-flex justify-content-end pb-1">
                                        {{-- <div class="btn btn-info btn-sm" id="add_rowA">Add</div> --}}
                                        <a href="javascript:void(0);" class="btn btn-success btn-sm" id="add_rowA"><i class="fa fa-plus"></i> Add Row</a>
                                    </div>
                                    <div class="row">
                                        <table class="table table-bordered table-sm" id="dynamicTable">
                                            <thead>
                                                <tr class="text-center bg-light">
                                                    {{-- <th style="width: 50px;"><span>No</span></th> --}}
                                                    <th style=""><span>DESCRIPTION</span></th>
                                                    <th><span>DURATION</span></th>
                                                    <th><span>LOCATION</span></th>
                                                    <th><span>QUANTITY</span></th>
                                                    <th><span>UNIT</span></th>
                                                    <th style="width: 93px;"><span>REGULAR UNIT PRICE</span></th>
                                                    <th style="width: 93px;"><span>OFFERED DISCOUNT (%)</span></th>
                                                    <th style="width: 93px;"><span>OFFERED UNIT PRICE</span></th>
                                                    <th style="width: 126px;"><span>AMOUNT EXCEL.VAT (AED)</span></th>
                                                    <th><span>Action</span></th>
                                                </tr>
                                            </thead>
                                            <tbody id="row_body3">
                                                <input type="hidden" name="alp_rep_amount" value="" id="rep_amount">
                                                <input type="hidden" value="{{$items_leads}}" id="row_countA">
                                                @php
                                                    $numItems = count($items);
                                                    $i = 0;
                                                @endphp
                                                @foreach ($items as $item)
                                                    @if(++$i === $numItems)
                                                    @endif
                                                <tr id="rowA{{ $i }}">
                                                    <td><input type="hidden" name="items[{{ $i }}][fap_item_id]" id="fapitemid{{ $i }}" value="{{ $item->id }}" readonly>
                                                        <input type="hidden" name="items[{{ $i }}][fapid]" id="fapid{{ $i }}" value="{{ $item->fap_id }}" readonly>
                                                        <input type="text" class="w-100" name="items[{{ $i }}][alp_description]" id="des{{ $i }}" value="{{ $item->alp_description }}"></td>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][alp_duration]" id="dur{{ $i }}" value="{{ $item->alp_duration }}"></td>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][alp_location]" id="loca{{ $i }}" value="{{ $item->alp_location }}"></td>
                                                    <td><input type="text" class="w-100 uqty" name="items[{{ $i }}][alp_quantity]" id="qty{{ $i }}" value="{{ $item->alp_quantity }}" onkeypress="return /[0-9/.]/i.test(event.key)"></td>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][alp_unit]" id="unit{{ $i }}" value="{{ $item->alp_unit }}"></td>
                                                    <td><input type="text" class="w-100 unitprince" name="items[{{ $i }}][alp_regular_unit_price]" id="unitp{{ $i }}" value="{{ $item->alp_regular_unit_price }}"></td>
                                                    <td><input type="text" class="w-100 disc" name="items[{{ $i }}][alp_offered_discount]" id="offered_dic{{ $i }}" value="{{ $item->alp_offered_discount }}"></td>
                                                    <td><input type="text" class="w-100" name="items[{{ $i }}][alp_offered_unit_price]" id="oup{{ $i }}" value="{{ $item->alp_offered_unit_price }}"></td>
                                                    <td><input type="text" class="w-100 t2g" name="items[{{ $i }}][alp_amount]" id="amt{{ $i }}" value="{{ $item->alp_amount }}"></td>
                                                    <td><a href="javascript:void(0);" class="w-100 remove_row btn btn-danger btn-sm" data-row="{{ $i }}"><i class="fa fa-trash"></i></a></td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                            <tr class="text-bold">
                                                <td colspan="7" style="border-left: none;"></td>
                                                <td colspan="2">SUBTOTAL</td>
                                                <td style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_subtotal" id="subamount" value="{{ $edit->alp_subtotal }}"></td>
                                            </tr>
                                            <tr class="text-bold">
                                                <td colspan="7"></td>
                                                <td colspan="2">Less: Other Disc (If any)</td>
                                                <td style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_other_discount" id="vat" value="{{ $edit->alp_other_discount }}"></td>
                                            </tr>
                                            <tr class="text-bold">
                                                <td colspan="7"></td>
                                                <td class="bg-light" colspan="2">TOTAL AMOUNT</td>
                                                <td class="bg-light" style="width: 130px;" colspan="2"><input type="text" class="w-100" name="alp_total_amount" id="final_amount" value="{{ $edit->alp_total_amount }}"></td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea class="@error('alp_tac') is-invalid @enderror" name="alp_tac" id="summernote_three">{{ $edit->alp_tac }}</textarea>
                                        @error('alp_tac')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div>For and on behalf of NAJMA Human Resources Consultancy.</div>
                                        </div>
                                    </div><br>
                                    <div class="col-lg-6 border-top border-dark pb-3"></div>
                                    <div class="row pb-1">
                                        <div class="col-lg-1">Name :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_name" value="{{ $edit->alp_najma_hrc_name }}"></div>
                                    </div>
                                    <div class="row pb-1">
                                        <div class="col-lg-1">Email :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_email" value="{{ $edit->alp_najma_hrc_email }}"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-1">Contact # :</div>
                                        <div class="col-lg-11"><input type="text" class="w-50" name="alp_najma_hrc_contact" value="{{ $edit->alp_najma_hrc_contact }}"></div>
                                    </div>
                                    @endforeach
                                    <br>
                                    <div class="row p-4">
                                        <div class="col-lg-12">
                                            <button type="submit" class="btn btn-success">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div><!-- /.card-body -->
                        </div>
                    </section>
                    <!-- /.Left col -->
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <script>
        $().ready(function() {
            $('#add_rowA').on('click', function() {
                var row_countA = $('#row_countA').val();
                row_countA++;
                var content =   '<tr id="rowA'+row_countA+'">' +
                                    '<td><input type="hidden" class="text-center w-100" name="items['+row_countA+'][srno]" id="srno'+row_countA+'" value="'+row_countA+'" readonly>\<input type="text" class="w-100" name="items['+row_countA+'][alp_description]" id="des'+row_countA+'"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_duration]" id="dur'+row_countA+'"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_location]" id="loca'+row_countA+'"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_quantity]" id="qty'+row_countA+'" value="0" onkeypress="return /[0-9/.]/i.test(event.key)"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_unit]" id="unit'+row_countA+'"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_regular_unit_price]" id="unitp'+row_countA+'" value="0" onkeypress="return /[0-9/.]/i.test(event.key)"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_offered_discount]" id="offered_dic'+row_countA+'" value="0" onkeypress="return /[0-9/.]/i.test(event.key)"></td>\
                                    <td><input type="text" class="w-100" name="items['+row_countA+'][alp_offered_unit_price]" id="offered_up'+row_countA+'" value="0" onkeypress="return /[0-9/.]/i.test(event.key)"></td>\
                                    <td><input type="text" class="w-100 t2g" name="items['+row_countA+'][alp_amount]" id="amt'+row_countA+'" value="0.000" onkeypress="return /[0-9/.]/i.test(event.key)" readonly></td>\
                                    <td><a href="javascript:void(0);" class="w-100 remove_row btn btn-danger btn-sm" data-row="'+row_countA+'"><i class="fa fa-trash"></i></a></td>';
                                '</tr>';
                $('#row_body3').append(content);
                $('#row_countA').val(row_countA);

                // unit section
                $(document).on("keyup", "#unitp"+row_countA, function() {
                    var unitp = parseFloat($("#unitp"+row_countA).val()).toFixed(3);
                    var qty = parseFloat($("#qty"+row_countA).val()).toFixed(3);
                    if(unitp == 'NaN'){
                        $("#amt"+row_countA).val(0.000);
                    }else{
                        var into_count = (qty*unitp).toFixed(3);
                        $("#amt"+row_countA).val(into_count);
                    }

                    var sum = 0;
                    $(".t2g").each(function() {
                        sum += +$(this).val();
                    });
                    var total = (sum).toFixed(3);
                    $("#subamount").val(total);
                    $("#rep_amount").val(total);
                    $("#final_amount").val(total);
                });
                // discount section
                $(document).on("keyup", "#offered_dic"+row_countA, function() {
                    var qty = parseFloat($("#qty"+row_countA).val()).toFixed(3);
                    var unitp = parseFloat($("#unitp"+row_countA).val()).toFixed(3);
                    var discount = parseFloat($("#offered_dic"+row_countA).val()).toFixed(3);
                    var into_count = (qty * unitp).toFixed(3);
                    var percentage = (parseFloat(into_count) * parseFloat(discount) / 100).toFixed(3);
                    var discountAmt = (parseFloat(into_count) - parseFloat(percentage)).toFixed(3);
                        console.log(discountAmt, 'percentage');
                    // var discountAmt = (parseFloat(into_count) - parseFloat(discount)).toFixed(3);
                    if(discount == 'NaN'){
                        $("#amt"+row_countA).val(into_count);
                    }else{
                        $("#offered_up"+row_countA).val(discountAmt);
                        $("#amt"+row_countA).val(discountAmt);
                    }
                    var sum = 0;
                    $(".t2g").each(function() {
                        sum += +$(this).val();
                    });
                    var total = (sum).toFixed(3);
                    $("#subamount").val(total);
                    $("#rep_amount").val(total);
                    $("#final_amount").val(total);
                });
            });
        });
        // delete row
        $(document).on('click', '.remove_row', function() {
            var row_countA = $(this).attr('data-row');
            var item_id = $('#fapitemid'+row_countA).val();
            var fap_id = $('#fapid'+row_countA).val();
            // console.log(row_countA,fap_id, 'ddd');
            // subtotal
            var subtotal = $("#subamount").val();
            // other discount
            var odisc = $("#vat").val();
            // total amount
            var famount = $("#final_amount").val();

         
            swal({
                title: "Are you sure?",
                text: "Once deleted, you want to delete!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url:'{{ route("contract/fa/store/item/delete") }}',
                        method:'POST',
                        dataType:"json",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            item_id:item_id,
                            fap_id:fap_id,
                            subtotal:subtotal,
                            odisc:odisc,
                            famount:famount,
                        },
                        success:function(response){
                            $('#rowA'+row_countA).remove();
                            var sum = 0;
                            $(".t2g").each(function() {
                                sum += +$(this).val();
                            });
                            var total = (sum).toFixed(3);
                            $("#subamount").val(total);
                            $("#rep_amount").val(total);
                            $("#final_amount").val(total);
                        }
                    })
                }else {
                    swal("Your lead is safe!");
                }
            });

        });

        // quantity press on 
        $(document).on("keyup", ".uqty", function() {  
            var current_value = jQuery(this).parent().parent().attr('id');
            var rowno = current_value.replace(/^rowA+/i, '');

            var rate = parseFloat($("#unitp"+rowno).val()).toFixed(3);
		   	var qty = parseFloat($("#qty"+rowno).val()).toFixed(3);
            var discount = parseFloat($("#offered_dic"+rowno).val()).toFixed(3);

            var into_count = parseFloat(rate*qty).toFixed(3);
            if(into_count == 'NaN'){
                $("#amt"+rowno).val(0.000);
            }else{
                $("#amt"+rowno).val(into_count);
                // discount calculate
                var discount_percentage = parseFloat(into_count*discount/100).toFixed(3)
                $("#oup"+rowno).val(discount_percentage);
                // discount and total amount is less count
                var subtotal = (into_count - discount_percentage).toFixed(3);
                $("#amt"+rowno).val(subtotal);

                var sum = 0;
                $(".t2g").each(function() {
                    sum += +$(this).val();
                });
                var total = (sum).toFixed(3);
                $("#subamount").val(total);
                $("#rep_amount").val(total);
                $("#final_amount").val(total);
            }
        });
        // rate onpress key
        $(document).on("keyup", ".unitprince", function() {  
            var current_value = jQuery(this).parent().parent().attr('id');
            var rowno = current_value.replace(/^rowA+/i, '');

            var rate = parseFloat($("#unitp"+rowno).val()).toFixed(3);
		   	var qty = parseFloat($("#qty"+rowno).val()).toFixed(3);
            var discount = parseFloat($("#offered_dic"+rowno).val()).toFixed(3);

            var into_count = parseFloat(rate*qty).toFixed(3);
            if(into_count == 'NaN'){
                $("#amt"+rowno).val(0.000);
            }else{
                $("#amt"+rowno).val(into_count);
                // discount calculate
                var discount_percentage = parseFloat(into_count*discount/100).toFixed(3)
                $("#oup"+rowno).val(discount_percentage);
                // discount and total amount is less count
                var subtotal = (into_count - discount_percentage).toFixed(3);
                $("#amt"+rowno).val(subtotal);

                var sum = 0;
                $(".t2g").each(function() {
                    sum += +$(this).val();
                });
                var total = (sum).toFixed(3);
                $("#subamount").val(total);
                $("#rep_amount").val(total);
                $("#final_amount").val(total);
            }
        });

        // rate onpress key
        $(document).on("keyup", ".disc", function() {  
            var current_value = jQuery(this).parent().parent().attr('id');
            var rowno = current_value.replace(/^rowA+/i, '');

            var rate = parseFloat($("#unitp"+rowno).val()).toFixed(3);
		   	var qty = parseFloat($("#qty"+rowno).val()).toFixed(3);
            var discount = parseFloat($("#offered_dic"+rowno).val()).toFixed(3);

            var into_count = parseFloat(rate*qty).toFixed(3);
            if(discount == 'NaN'){
                var discount_percentage = parseFloat(into_count*0.000/100).toFixed(3)
                $("#oup"+rowno).val(discount_percentage);
                // discount and total amount is less count
                var subtotal = (into_count - discount_percentage).toFixed(3);
                $("#amt"+rowno).val(subtotal);

                var sum = 0;
                $(".t2g").each(function() {
                    sum += +$(this).val();
                });
                var total = (sum).toFixed(3);
                $("#subamount").val(total);
                $("#rep_amount").val(total);
                $("#final_amount").val(total);
            }else{
                $("#amt"+rowno).val(into_count);
                // discount calculate
                var discount_percentage = parseFloat(into_count*discount/100).toFixed(3)
                $("#oup"+rowno).val(discount_percentage);
                // discount and total amount is less count
                var subtotal = (into_count - discount_percentage).toFixed(3);
                $("#amt"+rowno).val(subtotal);

                var sum = 0;
                $(".t2g").each(function() {
                    sum += +$(this).val();
                });
                var total = (sum).toFixed(3);
                $("#subamount").val(total);
                $("#rep_amount").val(total);
                $("#final_amount").val(total);
            }
        });
        // other discount calculate
        $(document).on("keyup", "#otherdicsount", function() {  
            var otherdiscount = jQuery(this).val();
            var subamount = $("#subamount").val();
            let total_amount = (parseFloat(subamount) - parseFloat(otherdiscount)).toFixed(3);
            $("#final_amount").val(total_amount);
            // console.log(total_amount, 'otherdiscount');
        });
    </script>
    <script>
        $(function () {
            $('#summernote_one').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
          $('#summernote').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
        });

        //payment terms day
		$(document).on("keyup", "#payment_term_date", function() {
            var payment_termsday = jQuery(this).val();
            $("#day").html(payment_termsday);

            console.log(payment_termsday, 'ffff');

        });
        // second template text
        $(function () {
            $('#summernote_two').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
          $('#summernote').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
        });

        //payment terms day
		$(document).on("keyup", "#payment_term_date", function() {
            var payment_termsday = jQuery(this).val();
            $("#day").html(payment_termsday);

            // console.log(payment_termsday, 'ffff');

        });
        // third template text
        $(function () {
            $('#summernote_three').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
          $('#summernote').summernote({
            fontSizes: ['8', '9', '10', '11', '12', '14', '15', '16', '17', '18', '19', '20'],
            toolbar: [
              // [groupName, [list of button]]
              ['style', ['bold', 'italic', 'underline', 'clear']],
              ['font', ['strikethrough', 'superscript', 'subscript']],
              ['fontsize', ['fontsize']],
              ['color', ['color']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['height', ['height']]
            ]
          });
        });

        //payment terms day
		$(document).on("keyup", "#payment_term_date", function() {
            var payment_termsday = jQuery(this).val();
            $("#day").html(payment_termsday);

            console.log(payment_termsday, 'ffff');

        });
    </script>
@endsection