@extends('admin.layout.master')
@section('title', 'Sales Contract')
@section('content')
    <style>
        label {
            font-size: 13px
        }

        .labels {
            font-size: 16px;
            font-weight: bold;
        }
        .input_field{
            text-align: right !important;
        }

        input[type=text],
        input[type=number],
        input[type=file],
        .select2-selection--single {
            height: 32px !important;
            box-shadow: none !important;
        }

        input[type=checkbox] {
            transform: scale(1.2);
        }

        .page-content {
            /* margin: 0  !important; */
            padding-top: 0 !important;
        }

        .page-content {
            /* margin: 0  !important; */
            padding-top: 0 !important;
        }

        .form-group {
            margin-bottom: .2rem;
        }

        .sm-pd-t th,
        .sm-pd-t td {
            padding: 0rem;
            padding-right: 0.35rem;
            padding-left: 0.35rem;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-top: 1px solid #2c7f6f;
            border-bottom: 1px solid #e2e2e2;
            border-left: 1px solid #2c7f6f;
            border-right: 1px solid #2c7f6f;
            background: none !important;
            color: #2c7f6f;
        }

        .nav-link:hover {
            border-bottom: #2c7f6f !important;
        }

        a.nav-link.active:hover {
            border-bottom: #e2e2e2 !important;
        }

        a.nav-link {
            color: #9e9e9e;
        }

        .nav-tabs {
            border-bottom: 1px solid #2c7f6f;
        }

    </style>
    <div class="card sina-card" style="background-color: #FFFF !important">
        <div class="card-header card-header-s">
            <h4>Sales Contract</h4>
        </div>

        <div class="card-body">

            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <form id="form" method="post" action="{{ route('purchase.store') }}" name="form"
                enctype="multipart/form-data">
                <div class="row">
                    <div class="col-md-4 text-left">
                        <div class="form-group row">
                            <label for="" class="col-sm-5 col-form-label">Contract No</label>
                            <div class="col-sm-7">
                                <input type="text" name="contract_no" class="form-control" id="" placeholder="">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="" class="col-sm-5 col-form-label">Date</label>
                            <div class="col-sm-7">
                                <input type="text" name="contract_date" class="form-control fd_bs_datepicker" id=""
                                    placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5  text-center">
                        {{-- <h3>Sale Contract Details Screen</h3> --}}
                        <div class="form-group row">
                            <label for="" class="col-sm-5 col-form-label">Contract Name</label>
                            <div class="col-sm-7">
                                <input type="text" name="contract_name" class="form-control" id="">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="" class="col-sm-5 col-form-label">Contract For</label>
                            <div class="col-sm-7">
                                <input type="text" name="contract_for" class="form-control" id="">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3  text-right">
                        <label for="ispro">Stand By</label>
                        <input type="checkbox" name="stand_by" id="stand_by" value="1"><br>
                        <label for="ispro">Inprocess</label>
                        <input type="checkbox" name="inprocess" id="inprocess" value="2"> <br>

                    </div>
                </div>
                <hr style="border:dotted 2px rgb(31, 196, 40)">
                <div class="">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Primary Info</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Amount Installment</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Payment Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">Period Expension</a>
                        </li>
                    </ul><!-- Tab panes -->
                    <div class="tab-content mt-3">
                        <div class="tab-pane active" id="tabs-1" role="tabpanel">
                            <div class="row mb-1">
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="exception_type" class="labels">Warehouse</label>
                                    {{ Form::select('ware_id', ['1' => 'Central Office'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Warehouse']) }}

                                    @error('exception_type')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="contract_group" class="labels">Contract Group</label>
                                    {{ Form::select('contract_group', ['1' => 'Group 1', '2' => 'Group 2'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Select Contract Group']) }}
                                    @error('contract_group')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="cost_center_id" class="labels">Cost Center</label>
                                    {{ Form::select('cost_center_id', ['1' => 'Group 1', '2' => 'Group 2'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Select Cost Center']) }}
                                    @error('cost_center_id')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="ref_contract_no" class="labels">Ref Contract No:</label>
                                    {{ Form::text('ref_contract_no', null, ['class' => 'form-control', 'id' => 'ref_contract_no', 'required', 'placeholder' => '']) }}
                                    @error('ref_contract_no')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="ref_contract_no" class="labels">Ref No:</label>
                                    {{ Form::text('ref_no', null, ['class' => 'form-control', 'id' => 'ref_contract_no', 'required', 'placeholder' => '']) }}
                                    @error('ref_no')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="contract_document" class="labels">Contract Document:</label>
                                    <input type="file" class="form-control" style="overflow: hidden"
                                        name="contract_document">
                                    @error('contract_document')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="start_date" class="labels">Contract Start Date:</label>
                                    {{ Form::text('start_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'start_date', 'required']) }}
                                    @error('start_date')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="end_date" class="labels">Contract End Date:</label>
                                    {{ Form::text('end_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'end_date', 'required']) }}
                                    @error('end_date')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>

                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="party_id" class="labels">Customer Name:</label>
                                    {{ Form::text('party_id', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'party_id', 'required']) }}
                                    @error('party_id')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="party_code" class="labels">Customer Code:</label>
                                    {{ Form::text('party_code', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'party_id', 'required']) }}
                                    @error('party_code')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="contract_type" class="labels">Contract Type:</label>
                                    {{ Form::select('contract_type', ['1' => 'Type 1', '2' => 'Type 2'], null, ['class' => ' form-control', 'id' => 'contract_type', 'required', 'placeholder' => 'Select Contract Group']) }}
                                    @error('contract_type')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="Description" class="labels">Description:</label>
                                    {{ Form::textarea('description', null, ['class' => 'form-control', 'id' => 'description', 'required', 'rows' => 1]) }}
                                    @error('description')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                            </div>


                            <div class="row">

                                <div class="col-md-4  d-flex flex-wrap pr-0 mb-3">
                                    <label for="Description" class="labels">Show alert when arrive amount is less than
                                        :</label>
                                    {{ Form::text('contract_amount', null, ['class' => 'form-control', 'id' => 'description', 'required', 'rows' => 1]) }}
                                    @error('description')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>


                                <div class="col-md-2 offset-4 col-12 d-flex flex-wrap mt-4 ">
                                    <label for="tax" class="">Including Tax</label> &nbsp;

                                    <input type="checkbox" class="m-1" name="tax" id="tax" value="0">
                                    @error('tax')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mt-3">
                                    {{ Form::select('taxt_parcentage', ['1' => '0%', '2' => '5%', '2' => '10%'], null, ['class' => ' form-control', 'id' => 'contract_type', 'required']) }}
                                    @error('taxt_parcentage')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                            </div>
                            <hr>
                            <div class="table-responsive">
                                <table id="sales_contract_table text-right" class="table table-bordered table-hover sm-pd-t" width="100%">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th width="12%">Products</th>
                                            <th>Description</th>
                                            <th>Qty</th>
                                            <th>Price</th>
                                            <th>Total Price</th>
                                            {{-- <th>Total(Without Vat)</th> --}}
                                            <th>Discount(%)</th>

                                            <th>Total After Discount</th>

                                            @foreach ($vat_tax as $data )
                                              <th>Vat({{$data->value}})%</th>
                                            @endforeach
                                            
                                            <th>Net Total</th>
                                             {{-- <th>Action</th> --}}
                                           
                                        </tr>
                                    </thead>
                                    <tbody id="tbl_body">
                                        @for ($i = 1; $i <= 5; $i++)
                                             <tr class="tr_clone"  id="row_id{{ $i }}" data-id="{{ $i }}">
                                                <td>{{ $i }}</td>
                                                <td>

                                                 <select class="input_field form-control select2" id="party_id" required="" name="party_id"><option selected="selected" value="">Select product</option><option value="3">Mizan</option><option value="5">Rakib</option></select>
                                                    
                                                 {{-- {{ Form::select('party_id', $repository->parties(), null,['class'=>'form-control','id'=>'party_id','required','placeholder'=>'Select product'] )}} --}}

                                                   
                                                </td>
                                                <td>
                                                    <input type="text" name="description[]" id="description{{ $i }}" field-id= {{ $i}} class=" input_field form-control">
                                                </td>
                                                <td>

                                                    {{-- <input type="number" min="0" name="product_quantity[]" value="0"
                                                        id="product_quantity{{ $i }}" step=".000000000000000001"
                                                        onkeyup="calculateTotal({{ $i }})"
                                                        onchange="calculateTotal({{ $i }})"
                                                        class="form-control"> --}}
                                                  <input type="number" name="qty[]" id="qty{{ $i }}" field-id= {{ $i}} class=" input_field form-control">

                                                </td>
                                                <td>
                                                    <input type="number" name="price[]" id="price{{ $i }}" field-id= {{ $i}} class=" input_field form-control">

                                                </td>

                                                <td>
                                                    <input type="number" name="total_price[]" id="total_price{{ $i }}" field-id= {{ $i}} class="form-control input_field" readonly/>
                                                </td>

                                                {{-- <td> 
                                                    <input type="number" name="total_without_vat[]" id="total_without_vat{{ $i }}" field-id= {{ $i}} class="form-control input_field" readonly/>
                                                </td> --}}
                                                <td> 
                                                    <input type="number" name="diacount[]" id="discount{{ $i }}" field-id= {{ $i}} class="form-control input_field">
                                                </td>  
                                                <td> 
                                                    <input type="number" name="total_with_discount[]" id="total_with_discount{{ $i }}" field-id= {{ $i}} class="form-control input_field" readonly/>
                                                </td>                                          
                                                @foreach ($vat_tax as $data )
                                                <td> 
                                                    <input type="number" name="vat_{{$data->id }}[]" id="vat_{{$data->id }}{{ $i }}" field-id= {{ $i}} class="form-control input_field" readonly/>
                                                </td>
                                              @endforeach
                                              <td> 
                                                <input type="number" name="net_total[]" id="net_total{{ $i }}" field-id= {{ $i}} class="form-control net_total input_field" readonly/>
                                             </td> 
                                            
                                            </tr>
                                        @endfor
                                       
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="tabs-2" role="tabpanel">
                            <div class="row mb-1">
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="exception_type" class="labels">Warehouse</label>
                                    {{ Form::select('ware_id', ['1' => 'Central Office'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Warehouse']) }}

                                    @error('exception_type')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="contract_group" class="labels">Contract Group</label>
                                    {{ Form::select('contract_group', ['1' => 'Group 1', '2' => 'Group 2'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Select Contract Group']) }}
                                    @error('contract_group')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="ref_contract_no" class="labels">Ref No:</label>
                                    {{ Form::text('ref_no', null, ['class' => 'form-control', 'id' => 'ref_contract_no', 'required', 'placeholder' => '']) }}
                                    @error('ref_no')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="contract_document" class="labels">Contract Document:</label>
                                    <input type="file" class="form-control" style="overflow: hidden"
                                        name="contract_document">
                                    @error('contract_document')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="start_date" class="labels">Contract Start Date:</label>
                                    {{ Form::text('start_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'start_date', 'required']) }}
                                    @error('start_date')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>

                            </div>
                        </div>

                        <div class="tab-pane" id="tabs-3" role="tabpanel">
                            <div class="row mb-1 justify-content-center">
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="exception_type" class="labels">Warehouse</label>
                                    {{ Form::select('ware_id', ['1' => 'Central Office'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Warehouse']) }}

                                    @error('exception_type')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">
                                    <label for="contract_group" class="labels">Contract Group</label>
                                    {{ Form::select('contract_group', ['1' => 'Group 1', '2' => 'Group 2'], null, ['class' => 'select2 form-control', 'id' => '', 'required', 'placeholder' => 'Select Contract Group']) }}
                                    @error('contract_group')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="ref_contract_no" class="labels">Ref No:</label>
                                    {{ Form::text('ref_no', null, ['class' => 'form-control', 'id' => 'ref_contract_no', 'required', 'placeholder' => '']) }}
                                    @error('ref_no')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="contract_document" class="labels">Contract Document:</label>
                                    <input type="file" class="form-control" style="overflow: hidden"
                                        name="contract_document">
                                    @error('contract_document')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>
                                <div class="col-md-3 col-12 d-flex flex-wrap pr-0 mb-3">

                                    <label for="start_date" class="labels">Contract Start Date:</label>
                                    {{ Form::text('start_date', null, ['class' => 'form-control fd_bs_datepicker', 'id' => 'start_date', 'required']) }}
                                    @error('start_date')
                                        <span class="help-block text-center text-danger">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                {{-- end --}}

{{-- @dd($vat_tax) --}}
                <div class="stickybutton">
                    <button class="btn btn-sm btn-success btn-pill" style="font-size: 16px" onclick="addRow({{$vat_tax}})"
                        type="button" name="add_Row" id="add_Row"> <i class="fa fa-plus"></i></button>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-8"></div>
                    <div class="col-md-4">

                        <div class="form-group row">
                            <label for="" class="col-sm-5 col-form-label">Grand Total</label>
                            <div class="col-sm-7">
                                <input type="number"  value="0" readonly class="form-control" id="grand_total">
                            </div>
                        </div>
                    </div>
                 
                
                 
                
                </div>
            
                <div id="div_modal">
                    <!-- Modal -->
                </div>
                <div class="row pb-0  modal-footer">
                    {{-- <a type="button" class="btn-sina-close" href="{{ route('purchase.index') }}">close</a> --}}
                    <input class="btn-sina-submit" type="submit" id="save" value="save">
                </div>
            </form>
        </div>
    </div>
    </div>
@endsection
@section('script')
    <script>

  
        $('.select2').select2();
       
        var temp = {{ $i }};
      

        function addRow(data) {
            alert('fgfgdfg');
            var rowCount = $('#sales_contract_table tr').length;
            var lastRow  = parseInt($('table tr:last').attr('data-id'))+1
                console.log(data)
                html = '<tr  id="row_id' + lastRow + '" field-id="'+ lastRow +'">';
                html += '<td>' + lastRow + '</td>';
     
                html += '<td><select class="form-control select2" id="party_id" required="" name="party_id"><option selected="selected" value="">Select product</option><option value="3">Mizan</option><option value="5">Rakib</option></select></td>';

                // html += '<td> <select class="form-control medicine_class select2" name="medicine_id[]" id="medicine_id" style="width: 160px;"><option value=""></option></select></td>';
                
                html += '<td><input type="text" name="description[]" id="description' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control"/></td>';
                html += '<td><input type="text" name="qty[]" id="qty' + lastRow +'" field-id="'+ lastRow +'"class=" input_field form-control"/></td>';
                html += '<td><input type="text" name="price[]" id="price' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control"/></td>';
                html += '<td><input type="text" name="total_price[]" id="total_price' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control" readonly/></td>';
                // html += '<td><input type="text" name="total_without_vat[]" id="total_without_vat' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control" readonly/></td>';
                html += '<td><input type="text" name="discount[]" id="discount' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control"/></td>';
                html += '<td><input type="text" name="total_with_discount[]" id="total_with_discount' + lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control"  readonly/></td>';

                if(data.length > 0){
                    jQuery.each( data, function( i, val ) {
                        html += '<td><input type="text" name="vat_' + lastRow +'[]" id="vat_'+ lastRow +'" field-id="'+ lastRow +'" class=" input_field form-control" readonly/></td>';
                    });
                   }
               
                html += '<td><input type="text" name="net_total[]" id="net_total' + lastRow +'" field-id="'+ lastRow +'" class="form-control input_field net_total"  readonly/></td>';

                html += '</tr>';  
                $('#sales_contract_table').append(html);
               
       }

       $(document).on('keyup', '.input_field', function() {
            event.preventDefault();
            var field_id= $(this).attr("field-id");
            
            var qty = $("#qty"+field_id).val();

            var price= $("#price"+field_id).val();
            var total_price =  parseInt(qty) * parseInt(price);
            var discount = $("#discount"+field_id).val();
            var total_with_discount = total_price - discount/100 * total_price;
            // alert(total_with_discount);

            var vat_1 = $("#vat_"+field_id).val();
           
           


            // var total_marks = (creative.length === 0 ? 0 : parseInt(creative) ) + (mcq.length === 0 ? 0 : parseInt(mcq) ) + (practical.length === 0 ? 0 : parseInt(practical));

            $("#total_price"+field_id).val(total_price);
            $("#total_without_vat"+field_id).val(total_price);
            $("#total_with_discount"+field_id).val(total_with_discount);
            $("#net_total"+field_id).val(total_with_discount);


            var sum=0;
            $(".net_total").each(function(){
                if($(this).val() !== "")
                sum += parseInt($(this).val());   
            });

            $("#grand_total").val(sum);


        });

       
            var vat_1 = $("#vat_0"+field_id).val();
            var vat_2 = $("#vat_1"+field_id).val();
            var vat_3 = $("#vat_2"+field_id).val();
            var total_vat_amount = (total_with_discount * vat_1/100) +  (total_with_discount * vat_2/100)

            var net_total = total_with_discount +  total_vat_amount;

        var setting = @json($setting);

        var store_setting = @json(warehouse_info());
    </script>
    <script type="text/javascript" src="{{ asset('') }}"></script>
@endsection