@extends('admin.layout.master')
@section('title', 'QUOTATION MANAGEMENT '.($transaction_type == 2 ? '-Sale' : '-Purchase'))
@section('custom_style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote.css')}}" />
    <style>
        input[type=text],
        input[type=file],
        input[type=number] {
            height: 24px !important;
            border: none;
        }

        .table td {
            padding: 0 !important;
            margin: 0 !important;
            color: black;
        }

        .table th {
            background: var(--cl-primary);
            color: white !important;
        }

        .form-control,
        .form-control {
            width: 100%;
        }

        input#start_date,
        input#end_date {
            margin: 0;
            background: #fff;
        }

        #note:focus {
            outline: 2px solid #000 !important;
        }

        .odd {
            background: #eee !important;
        }

        .quotationData:hover,
        .odd:hover {
            background: #ccc !important;
        }
    </style>
    @if($transaction_type == 2)
        <style>
            .col_req_qty{
                display: none;
            }
        </style>
    @else
    <style>
        .col_vat{
            display: none;
        }
        .product_input_type_change_button{
            display: none;
        }
        .total_vat_amount_div{
            display: none;
        }
        </style>
    @endif
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>
                {{ $parent_id ? __('obs.revise_quotation') : ($quotation ? __('obs.update_quotation') : __('obs.create_quotation')) }}
                {{ $transaction_type == 2 ? '('.__('obs.sale').')' : '' }}
            </h4>
        </div>
        <div class="card-body">

            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <div class="row justify-content-end {{ $transaction_type == 2 ? 'd-none' : '' }}">
                <div class="col-3 pl-0">
                    <label for="requisition_search">{{ __('obs.requisition') }} {{ __('obs.no') }}</label>
                    <select id="requisition_search" class="form-control" name="requisition_search">
                    </select>
                </div>
                <div class="col-4 pl-0">
                    <label>Date</label>
                    <div class="input-group">
                        <div class="input-group input-group-append d-flex align-items-center gap-2">
                            {!! getDateInput('start_date', 'start_date', Request()->start_date) !!}
                            <label class="">{{ __('obs.date_to') }}</label>
                            {!! getDateInput('end_date', 'end_date', Request()->end_date) !!}

                            <button type="submit" style="height: 24px; margin-left: -2px" onclick="getRequisitionData()"
                                class="btn btn-sm btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <fieldset class="border border-primary px-3 py-3 mt-3" style="">
                </legend>
                <form id="form1" method="post" action="{{ route('prepurchase.quotation_store') }}" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="{{ $transaction_type }}">
                    <div>
                        <div class="row mb-1">
                            <input type="hidden" name="requisition_id" id="requisition_id" value="{{ Request()->requisition_id }}">
                            @if($parent_id)
                                <input type="hidden" name="parent_id" id="parent_id" value="{{ $parent_id }}">
                            @else
                                <input type="hidden" name="id" id="id" value="{{ $quotation->id ?? null }}">
                            @endif
                            <div class="col-md-3 col-12 gap-4 pr-0 mb-0">
                                <div class="px-0">
                                    <label for="note">{{ $transaction_type == 1 ? __('obs.vendor') : __('obs.customer') }}</label>
                                </div>
                                <div class="w-100 px-0">
                                    @include('v2.inventory.global.party_live_dd', [
                                        'type' => $transaction_type == 1 ? 1 : 2, // 1 = vendor, 2 = customer
                                        'cls' => 'p',
                                        'id' => 'vendor_id',
                                        'name' => 'vendor_id',
                                        'selected_party' => $quotation ? $quotation->supplier : ($requisition->supplier ?? null),
                                    ])

                                </div>
                            </div>
                            @if($transaction_type == 1)
                                <div class="col-md-3 col-12 gap-4 pr-0 mb-0">
                                    <div class="px-0">
                                        <label for="note">{{ __('obs.description') }}</label>
                                    </div>
                                    <div class="px-0">
                                        <input type="text" class="form-control" name="note" value="{{ $quotation->note ?? null }}" id="note">
                                    </div>
                                </div>
                            @else
                                <div class="col-md-3 col-12">
                                    <div class="px-0">
                                        <label for="group_id">{{ __('obs.group') }}</label>
                                    </div>
                                    <div class="px-0 d-flex">
                                        <select name="group_id" id="group_id" class="form-control select_2">
                                            <option value="">Select</option>
                                            @foreach ($groups as $group)
                                                <option {{ $quotation?->group_id == $group->id ? 'selected' : '' }} value="{{ $group->id }}">{{ $group->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 col-12">
                                    <div class="px-0">
                                        <label for="cost_center_id">{{ __('obs.cost_center') }}</label>
                                    </div>
                                    <div class="px-0 d-flex">
                                        <select name="cost_center_id" id="cost_center_id" class="form-control select_2">
                                            <option value="">Select</option>
                                            @foreach ($costcenters as $costcenter)
                                                <option {{ $quotation?->cost_center_id == $costcenter->id ? 'selected' : '' }} value="{{ $costcenter->id }}">{{ $costcenter->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 col-12 gap-4 pr-0 mb-0">
                                    <div class="px-0">
                                        <label for="template_id">{{ __('obs.template') }}</label>
                                    </div>
                                    <div class="px-0 d-flex">
                                        <select name="template_id" id="template_id" onchange="loadTemplate(this.value)" class="form-control select_2">
                                            <option value="">Select</option>
                                            @foreach ($templates as $template)
                                                <option value="{{ $template->id }}">{{ $template->subject }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 col-12 gap-4 pr-0 mb-0">
                                    <div class="px-0">
                                        <label for="subject">{{ __('obs.subject') }}</label>
                                    </div>
                                    <div class="px-0">
                                        <textarea name="subject" id="subject" class="form-control w-100" rows="2" cols="50">{{ $quotation->subject ?? null }}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-12 col-12 gap-4 pr-0 mb-3">
                                    <div class="px-0">
                                        <label for="body">{{ __('obs.body') }}</label>
                                    </div>
                                    <div class="px-0">
                                        <textarea name="body" id="body" class="form-control w-100 summernote" data-plugin-summernote data-plugin-options='{ "height": 300, "codemirror": { "theme": "ambiance" } }' rows="2" cols="50">
                                            {{ $quotation->body ?? null }}
                                        </textarea>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('obs.product') }}</th>
                                        <th>{{ __('obs.note') }}</th>
                                        <th class="col_req_qty">{{ __('obs.req.') }} {{ __('obs.qty') }}</th>
                                        <th>{{ __('obs.quotation') }} {{ __('obs.qty') }}</th>
                                        <th>{{ __('obs.unit') }} {{ __('obs.price') }}</th>
                                        <th class="col_vat">{{ __('obs.vat') }}%</th>
                                        <th>{{ __('obs.subtotal') }}</th>
                                    </tr>
                                </thead>
                                <tbody id="tbl_body">
                                    @php
                                        $i = 0;
                                    @endphp
                                    @if ($quotation)
                                        @foreach ($quotation->details as $p=>$item)
                                            <tr id="tr{{ $i }}">
                                                <input type="hidden" name="d_id[{{ $i }}]" value="{{ $parent_id ? '' : ($quotation ? $item->id : '') }}">
                                                <td style="padding: 0 5px !important;">{{ $i + 1 }}</td>
                                                <td style="padding: 0 5px !important;" class="d-flex justify-content-between text-center">
                                                    <select class="form-control new_product new_product{{ $i }}" style="width: 100%;" id="product_id{{ $i }}" name="product_id[{{ $i }}]">
                                                        <option selected value="{{ $item->product_id ?? '' }}">{{ $item->product->name_eng ?? __('obs.select') }}</option>
                                                    </select>
                                                    <input type="text" name="product_name[{{ $i }}]" value="{{ $item->product_name ?? '' }}" id="product_name{{ $i }}" class="form-control" style="height: 26px !important;">
                                                    <button class="btn btn-primary product_input_type_change_button" type="button" onclick="changeProductInputType('{{ $i }}')"><i class="fas fa-exchange-alt"></i></button>
                                                </td>
                                                <td>
                                                    <input type="text" name="desc[{{ $i }}]" id="desc{{ $i }}" value="{{ $quotation ? $item->note : '' }}" class="form-control" style="height: 26px !important;">
                                                </td>
                                                <td class="text-center col_req_qty">
                                                    <input type="number" min="0" step=".01" name="req[{{ $i }}]" id="req{{ $i }}" class="form-control" value="{{ $quotation ? 0 : $item->quantity }}" readonly>
                                                </td>
                                                <td>
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" value="{{ $item->quantity }}" name="quantity[{{ $i }}]" id="quantity{{ $i }}" class="form-control">
                                                </td>
                                                <td>
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" name="rate[{{ $i }}]" id="rate{{ $i }}" class="form-control" value="{{ $item->rate ?? 0 }}">
                                                </td>
                                                <td class="text-center col_vat">
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" name="vat[{{ $i }}]" id="vat{{ $i }}" class="form-control" value="{{ $item->vat ?? 0 }}">
                                                    <input type="hidden" name="vat_amount[{{ $i }}]" id="vat_amount{{ $i }}" class="form-control vat_amount" value="{{ $item->vat_amount ?? 0 }}">
                                                </td>
                                                <td class="text-left">
                                                    <input type="number" min="0" step=".01" name="subtotal[{{ $i }}]" id="subtotal{{ $i }}" class="form-control subtotal" readonly value="0">
                                                </td>
                                            </tr>
                                            @php
                                                $i++;
                                            @endphp
                                        @endforeach
                                    @elseif ($requisition)
                                        @foreach ($requisition->details as $p=>$item)
                                            <tr id="tr{{ $i }}">
                                                <input type="hidden" name="d_id[{{ $i }}]" value="">
                                                <td style="padding: 0 5px !important;">{{ $i + 1 }}</td>
                                                <td style="padding: 0 5px !important;">
                                                    <div class="d-flex text-center">
                                                        {{ $item->product->name_eng }}
                                                        <input type="hidden" name="product_id[{{ $i }}]"
                                                            value="{{ $item->product_id }}">

                                                    </div>
                                                </td>
                                                <td>
                                                    <input type="text" name="desc[{{ $i }}]" id="desc{{ $i }}" class="form-control" style="height: 26px !important;">
                                                </td>
                                                <td class="text-center col_req_qty">
                                                    <input type="number" min="0" step=".01" name="req[{{ $i }}]" id="req{{ $i }}" class="form-control" value="{{ $item->quantity }}" readonly>
                                                </td>
                                                <td>
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" value="{{ $item->quantity }}" name="quantity[{{ $i }}]" id="quantity{{ $i }}" class="form-control">
                                                </td>
                                                <td>
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" name="rate[{{ $i }}]" id="rate{{ $i }}" class="form-control" value="0">
                                                </td>
                                                <td class="text-center col_vat">
                                                    <input type="number" onkeyup="setSubtotal('{{ $i }}')" min="0" step=".01" name="vat[{{ $i }}]" id="vat{{ $i }}" class="form-control" value="0">
                                                    <input type="hidden" name="vat_amount[{{ $i }}]" id="vat_amount{{ $i }}" class="form-control vat_amount" value="0">
                                                </td>
                                                <td class="text-left">
                                                    <input type="number" min="0" step=".01" name="subtotal[{{ $i }}]" id="subtotal{{ $i }}" class="form-control subtotal" readonly value="0">
                                                </td>
                                            </tr>
                                            @php
                                                $i++;
                                            @endphp
                                        @endforeach
                                    @endif
                                </tbody>
                                <input type="hidden" name="" id="index_num" value="{{ $i }}">
                                <tfoot>
                                    <tr style="padding-top:2px !important; border-top: black 2px solid !important;">
                                        <td colspan="6" class="text-end" style="padding: 0 5px !important;">{{ __('obs.total') }}</td>
                                        <td class="text-left"> <input type="number" min="0" step=".01" name="total_amount" id="total_amount" class="form-control total_amount" readonly></td>
                                    </tr>
                                    <tr class="total_vat_amount_div" style="padding-top:2px !important; border-top: black 2px solid !important;">
                                        <td colspan="6" class="text-end" style="padding: 0 5px !important;">{{ __('obs.vat_amount') }}</td>
                                        <td class="text-left"> <input type="number" min="0" step=".01" name="" id="total_vat_amount" class="form-control" readonly></td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="text-end" style="padding: 0 5px !important;">{{ __('obs.discount') }}{{ __('obs.(%)') }}</td>
                                        <td class="text-end"> <input type="number" max="100" step=".01" name="discount" id="discount" class="form-control discount" onkeyup="setDiscount()" value="{{ $quotation?$quotation->discount:0 }}"></td>
                                        <td class="text-end" style="padding: 0 5px !important;">{{ __('obs.discount') }} {{ __('obs.(amount)') }}</td>
                                        <td class="text-left"> <input type="number" name="discount_amount" id="discount_amount" class="form-control discount_amount" readonly></td>
                                    </tr>
                                    <tr>
                                        <td colspan="6" class="text-end" style="padding: 0 5px !important;">
                                            {{ __('obs.net') }} {{ __('obs.amount') }}
                                        </td>
                                        <td class="text-left"> <input type="number" name="net_amount" id="net_amount" class="form-control net_amount" readonly></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        @if($transaction_type == 2)
                            <div class="row mt-5">
                                <div class="col-md-12 col-12 gap-4 pr-0 mb-0">
                                    <div class="px-0">
                                        <label for="terms">{{ __('obs.terms') }}</label>
                                    </div>
                                    <div class="px-0">
                                        <textarea name="terms" id="terms" class="form-control summernote w-100" data-plugin-summernote data-plugin-options='{ "height": 300, "codemirror": { "theme": "ambiance" } }' rows="2" cols="50">
                                            {{ $quotation->terms ?? null }}
                                        </textarea>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="px-0">
                                        <input type="checkbox" {{ $quotation?->is_template == 1 ? 'checked' : '' }} name="is_template" id="is_template" value="1">
                                        <label for="is_template">{{ __('obs.use_this_as_template') }}</label>
                                    </div>
                                </div>
                                <div class="col-2">
                                    <div class="px-0">
                                        <label for="signature_by">{{ __('obs.signature') }}</label>
                                    </div>
                                    <div class="px-0">
                                        <select name="signature_by" id="signature_by" class="form-control select_2">
                                            <option value="">Select</option>
                                            @foreach ($admins as $admin)
                                                <option {{ $quotation?->signature_by == $admin->id ? 'selected' : '' }} value="{{ $admin->id }}">{{ $admin->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="row">
                            <div class="col-12 text-right mt-2 mt-md-0">
                                <button class="btn btn-sm btn-primary btn-pill btn-sina-submit"
                                    style="position: fixed;bottom:20%;right:0" onclick="addRow()" type="button"
                                    name="add_Row" id="add_Row"><i class="fas fa-plus"></i></button>
                            </div>
                        </div>
                        <div class="d-flex justify-content-end">
                            <input class="btn-sina-submit" type="submit" id="save" value="save">
                        </div>
                    </div>
                </form>
            </fieldset>
        </div>
    </div>

    @include('inventory.prepurchase.quotation.install_modal')
@endsection
@section('script')
    <script src="{{asset('assets/vendor/summernote/summernote.js')}}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script>
        const store_setting = @json(store_info());
    </script>
    <script>
        let requsitionData = [];
        let templates = @json(isset($templates) ? $templates : []);
        $('#save').on('click', function(event) {
            const vendorID = $('#vendor_id').val();
            const total = parseFloat($('#total_amount').val() || 0);

            if (vendorID === null) {
                event.preventDefault();
                Swal.fire({
                    icon: 'error',
                    title: 'Cannot Save!',
                    text: "Please select a vendor."
                });
            } else if (total === 0) {
                event.preventDefault();
                Swal.fire({
                    icon: 'error',
                    title: 'Cannot Save!',
                    text: "Check if the Quotation Quantity or Unit Price hasn't set correctly."
                });
            } else {
                $('#form1').submit();
            }
        });
        $('#requisition_search').select2({
            minimumInputLength: 2,
            // tags: [],
            ajax: {
                url: "/quotation/create",
                dataType: 'json',
                type: "GET",
                quietMillis: 0,
                data: function(term) {
                    return {
                        type: 2,
                        name: term
                    };
                },
                processResults: function(data) {
                    return {
                        results: $.map(data, function(item) {
                            return {
                                text: item.requisition_no,
                                id: item.id
                            }
                        })
                    };
                }
            }
        });
        partySearch('vendor', 1);
        function getRequisitionData() {
            $('#install_model_table').dataTable().fnDestroy();
            $('#install_model_tbody').empty();
            var returnData;
            var start = $('#start_date').val();
            var end = $('#end_date').val();
            $.ajaxSetup({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
            });
            $.ajax({
                type: "GET",
                url: "/quotation/create",
                data: {
                    start: start,
                    end: end,
                    type: 3,
                },
                success: function(data) {
                    console.log(data);
                    if (data.length > 0) {
                        for (let index = 0; index < data.length; index++) {
                            requsitionData[data[index].id] = data[index];
                            returnData += `<tr onclick="setDataForQuotation(${data[index].id})" role="row" class="odd quotationData">
                                <td class="sorting_1" style="cursor: pointer; padding: 5px 10px !important;">
                                    ${index + 1}
                                </td>
                                <td class="tr_td_group_code-205" style="cursor: pointer; padding: 5px 10px !important;">
                                    ${data[index].requisition_no}
                                </td>
                                <td class="tr_td_title-205" style="cursor: pointer; padding: 5px 10px !important;">
                                    ${getFormatedDate(data[index].created_at)}
                                </td>
                            </tr>`;
                        }
                    }

                    $('#install_model_tbody').html(returnData);
                    $("#install_model").modal("show");
                    $('#install_model_table').DataTable({
                        "destroy": true,
                    });
                },
                error: function(response) {

                },
            });
        }
        function getFormatedDate(dateToBeFormated) {
            var now = new Date(dateToBeFormated);
            var day = ("0" + now.getDate()).slice(-2);
            var month = ("0" + (now.getMonth() + 1)).slice(-2);
            var return_date = now.getFullYear() + "-" + (month) + "-" + (day);
            return return_date;
        }
        function addRow() {
            var index = parseInt($('#index_num').val()) + 1;
            var returnData = `<tr id="tr-${index}">
                <input type="hidden" name="d_id[${index}]" value="">
                <td>${index}</td>
                <td>
                    <div class="d-flex justify-content-between text-center">
                        <select class="form-control new_product new_product${index}" style="width: 100%" id="product_id${index}" name="product_id[${index}]">
                            <option value=" ">-- Select Product --</option>
                        </select>
                        <input type="text" name="product_name[${index}]" id="product_name${index}" class="form-control" style="height: 26px !important; display: none">
                        <button class="btn btn-primary product_input_type_change_button" type="button" onclick="changeProductInputType('${index}')"><i class="fas fa-exchange-alt"></i></button>
                    </div>
                </td>
                <td>
                    <input type="text" name="desc[${index}]" id="desc${index}" class="form-control" style="height: 26px !important;">
                </td>
                <td class="text-center col_req_qty">
                    <input type="number" min="0" name="req[${index}]" id="req${index}" step=".01" class="form-control" value="0" readonly>
                </td>
                <td class="text-center">
                    <input type="number" min="0" onkeyup="setSubtotal('${index}')" name="quantity[${index}]" id="quantity${index}" step=".01" class="form-control" value="0">
                </td>
                <td>
                    <input type="number" onkeyup="setSubtotal('${index}')" min="0" step=".01" name="rate[${index}]" id="rate${index}" class="form-control" value="0">
                </td>
                <td class="col_vat">
                    <input type="number" onkeyup="setSubtotal('${index}')" min="0" step=".01" name="vat[${index}]" id="vat${index}" class="form-control" value="0">
                    <input type="hidden" name="vat_amount[${index}]" id="vat_amount${index}" class="form-control vat_amount" value="0">
                </td>
                <td class="text-left">
                    <div class="input-group text-left" style="position: relative;">
                        <input type="number" min="0" step=".01" name="subtotal[${index}]" id="subtotal${index}" class="form-control subtotal" readonly value="0">
                        <div class="input-group-append" style="position: absolute; right: 3px; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end;">
                            <button type="button" onclick="deleteRow(${index})" class="btn btn-danger btn-sm">
                                <span class="fa fa-minus"></span>
                                <span class="btn_text-${index}"></span>
                            </button>
                        </div>
                    </div>
                </td>
            </tr>`;
            $('#index_num').val((index));
            $('#tbl_body').append(returnData);
            initSelect2();
        }
        function changeProductInputType(index, show_name = false) {
            if ($(`#product_name${index}`).is(':hidden') || show_name) {
                $(`#product_name${index}`).show();
                $(`#product_id${index}`).val('').trigger('change');
                $(`#product_id${index}`).next('.select2-container').hide();
            } else {
                $(`#product_name${index}`).hide();
                $(`#product_name${index}`).val('');
                $(`#product_id${index}`).next('.select2-container').show();
            }
        }
        function setDataForQuotation(i) {
            $('#requisition_id').val(i);
            returnData = '';
            data = requsitionData[i].details;
            if (data.length > 0) {
                for (let index = 0; index < data.length; index++) {
                    returnData += `<tr id="tr-${index}">
                        <input type="hidden" name="d_id[${index}]" value="">
                        <td>${index + 1}</td>
                        <td>
                            <div class="d-flex text-center">
                                ${data[index].product.name_eng}
                                <input type="hidden" name="product_id[${index}]" id="product_id${index}"
                                    class="form-control" value="${data[index].product_id}">
                            </div>
                        </td>
                        <td>
                            <input type="text" name="desc[${index}]" id="desc${index}"
                                class="form-control" style="height: 26px !important;">
                        </td>
                        <td class="text-center">
                            <input type="number" min="0" name="req[${index}]" id="req${index}"
                                step=".01" class="form-control" value="${data[index].quantity}" readonly>
                        </td>
                        <td class="text-center">
                            <input type="number" min="0" onkeyup="setSubtotal('${index}')"
                                name="quantity[${index}]" id="quantity${index}"
                                step=".01" class="form-control" value="${data[index].quantity}">
                        </td>
                        <td>
                            <input type="number" onkeyup="setSubtotal('${index}')"
                                min="0" step=".01" name="rate[${index}]"
                                id="rate${index}" class="form-control" value="0">
                        </td>
                        <td class="col_vat">
                            <input type="number" onkeyup="setSubtotal('${index}')" min="0" step=".01" name="vat[${index}]" id="vat${index}" class="form-control" value="0">
                            <input type="hidden" name="vat_amount[${index}]" id="vat_amount${index}" class="form-control vat_amount" value="0">
                        </td>
                        <td class="text-left">
                            <input type="number" min="0" step=".01" name="subtotal[${index}]"
                                id="subtotal${index}" class="form-control subtotal" readonly value="0">
                        </td>
                    </tr>`;
                    $('#index_num').val(parseInt(index) + 1);
                }
            }

            $('#tbl_body').html(returnData);
            getSum();
            $("#install_model").modal("hide");
        }
        function getSum() {
            var sum = 0;
            $('.subtotal').each(function() {
                sum += parseFloat(this.value);
            });
            $('#total_amount').val(sum.toFixed(2));
            var vat_amount = 0;
            $('.vat_amount').each(function() {
                console.log("vat", this.value);

                vat_amount += parseFloat(this.value);
            });
            $('#total_vat_amount').val(vat_amount.toFixed(2));
            setDiscount();
        }
        function setSubtotal(i) {
            var subtotal = 0;
            var vat_percent = parseFloat($(`#vat${i}`).val());
            var qty = parseFloat($(`#quantity${i}`).val());
            var rate = parseFloat($(`#rate${i}`).val());
            let sub_total = qty * rate;
            let vat = (sub_total * vat_percent) / 100;
            $(`#vat_amount${i}`).val(vat);
            subtotal = sub_total + vat;
            $(`#subtotal${i}`).val(parseFloat(subtotal).toFixed(2));
            getSum();
            setDiscount();
        }
        function setDiscount() {
            var total = 0;
            var discount_amount = 0;
            var discount_rate = (parseFloat($('#discount').val()) / 100);
            total = $('#total_amount').val();
            discount_amount = (discount_rate * total)
            $('#discount_amount').val(parseFloat(discount_amount).toFixed(2));
            $('#net_amount').val(parseFloat(total - discount_amount).toFixed(2));
            // getSum();
        }
        function deleteRow(row_id) {
            $('#tr-' + row_id).remove();
            getSum();
        }
        function initSelect2() {
            liveSearch('new_product', '/product-live-search', false, title = 'Select Product', {}, null, (item) => ({ id: item.id, text: item.custom_name }));
        }
        $(document).ready(function() {
            initiateSummernote();
            if(@json($quotation)) {
                let max_index = $('#index_num').val();
                for (let index = 0; index < max_index; index++) {
                    initSelect2();
                    setTimeout(() => {
                        changeProductInputType(index, $(`#product_name${index}`).val() ? true : false);
                    }, 0);
                    setSubtotal(index);
                }
            }
        });
        function initiateSummernote() {
            $('.summernote').summernote({
                height: 100,
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'underline', 'clear']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ]
            });
        }
        function loadTemplate(id) {
            let template = templates.find(temp => temp.id == id);
            console.log("template", template);

            if (template) {
                $('#subject').val(template.subject).trigger('change');
                $('#body').code(template.body);
                $('#terms').code(template.terms);
            } else {
                $('#subject').val('').trigger('change');
                $('#body').code('');
                $('#terms').code('');
            }
        }
    </script>
@stop