@extends('Admin.master_layout.master')
@section('title', 'Supplier Payable Bills')
@section('header_menu')
@parent
@endsection
@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 

            <a href="{{ url('orders') }}" title="Go to Supplier Payable Bills" class="tip-bottom">
                Supplier Payable Bills
            </a> 


            <a href="" class="current">
                Edit
            </a> 
        </div>
        <h1>Supplier Payable Bills - Edit</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                @if($transaction_type !== null)
                <form action="{{ url('orders') }}/{{ $transaction_type }}/save" method="post" class="form-horizontal" id="order" enctype="multipart/form-data"> 
                    <input type="hidden" name="supplierId" id="supplierId" value="{{ Auth::user()->id }}" />
                    @else
                    <form action="{{ url('orders/store') }}" method="post" class="form-horizontal" id="order" enctype="multipart/form-data"> 
                        @endif
                        <div class="widget-box">
                            <div class="widget-title"> 
                                <span class="icon"> <i class="icon-align-justify"></i> 
                                </span>
                                <h5>Items</h5>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <input type="hidden" name="action" value="edit" id="frmaction"/>
                                <input type="hidden" name="id" value="{{ $order->id }}" />
                                <input type="hidden" name="removeInvoiceFile" id="removeInvoiceFile_{{ $order->id }}" value="" />
                                <input type="hidden" name="transaction_type" id="transaction_type" value="{{ $transaction_type }}">
                                <input type="hidden" name="state_id" id="state_id2" value="" />
                                <input type="hidden" name="city_id" id="city_id2" value="" />
                                <input type="hidden" name="supplier_id" id="supplier_id" value="{{ $order->payer_id }}" />
<!--                                <input type="button" class="btn btn-info btn-xs add_item" value="Add Item" id="add_item" style="margin-top:3px;">-->
                            </div>
                            <div class="widget-content nopadding">
                                <div id="no-more-tables">
                                    <table class="table table-striped col-md-12 table-bordered table-striped table-condensed cf">
                                        <thead class="cf">
                                            <tr>
                                                <th class="w15proc">Account Head</th>
                                                <th class="w15proc">Item</th>
                                                
                                                <th class="w15proc">UoM</th>
                                                <th class="w10proc">Qty</th>
                                                <th class="w50proc invoice_desc">Rate</th>
                                                <th class="w50proc invoice_desc">Base Rate</th>
                                                 <!--  <th class="w15proc">Currency</th>-->
                                                <th class="w15proc">SGST(%)</th>
                                                <th class="w15proc">CGST(%)</th>
                                                <th class="w15proc">IGST(%)</th>
                                                <th class="w15proc">TDS(%)</th>
                                                <th class="w15proc">Nature of Payment</th>
                                                <th class="w10proc">TDS Amount</th>
                                                <th class="w10proc">Amount</th>
<!--                                                <th class="w10proc"></th>-->
                                            </tr>
                                        </thead>

                                        <tbody class="addItem">
                                            @if(count($OrderItems) > 0 && Input::old('item_list_id') == null)
                                            @php
                                            $i = 1;
                                            @endphp
                                            @foreach($OrderItems as $key => $item)
                                            <tr class="item" id="item{{ $i }}">
                                                <td>
                                                    <select class="span11 account_head_id searchdata" data-placeholder="Select Account Head" name="account_head_id[]" id="account_head_id{{ $i }}" data-id="{{$item['account_head_id']}}">
                                                        <option value="">Select Account Head</option>
                                                    </select>
                                                    <div id='result'></div>
                                                </td>
                                                <td>
                                                    <select class="span11 item_list_id searchdata" name="item_list_id[]" onchange="getItemUoMandRate()">
                                                        <option value="">Select Item List</option>
                                                    </select>
                                                </td>

                                                <td class="wUom">
                                                    <select class="span11 uom" name="uom[]" id="uom{{$i}}">
                                                        <option value="{{ $item['uom'] }}">{{ getUOMName($item['uom']) }}</option>
                                                    </select>

                                                </td>
                                                <td class="wQtm">
                                                    <input class="span11" placeholder="Quantity" id="quantity{{$i}}" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" value="{{ $item['quantity'] }}">
                                                </td>
                                                <td class="wRate">
                                                    <input class="span11 rate" placeholder="Rate" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" type="text" name="rate[]" id="rate{{$i}}" value="{{ $item['rate'] }}">
                                                </td>
                                                <td class="wQtm"><input class="span11 base_amount" type="text" name="base_amount[]" value="{{ $item['quantity'] * $item['rate'] }}" readonly=""></td>
                                                <td class="wQtm">
                                                    <input class="span11" placeholder="(%)"type="text" name="sgst[]" value="@if(isset($item['sgst'])){{ $item['sgst'] }}@endif" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" id="sgst{{$i}}">
                                                </td>
                                                <td class="wQtm">
                                                    <input class="span11" placeholder="(%)" type="text" name="cgst[]" value="@if(isset($item['cgst'])){{ $item['cgst'] }}@endif" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" id="cgst{{$i}}">
                                                </td>
                                                <td class="wQtm">
                                                    <input class="span11"  placeholder="(%)" type="text" name="igst[]" value="@if(isset($item['igst'])){{ $item['igst']}}@endif" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()">
                                                </td>
                                                <td class="wQtm">
                                                    @if(!empty(Auth::user()->admin_role_id))
                                                    @if(array_intersect([1,11],explode(",",Auth::user()->admin_role_id)))
                                                    <!-- <input type="checkbox" name="tds_rate[]" class="span11 tds_rate" value="1" id="tds_rate1" > -->
                                                    <select name="tds_rate[]" class="span11" id="tds_rate1" onchange="updateTotalPrice();">
                                                        <option value=0>NO</option>
                                                        <option value="1" {{ ($item['is_tds_applied']==1)?'selected':'' }}>YES</option>
                                                    </select>
                                                    @else
                                                    <!--<input type="checkbox" name="tds_rate[]" class="span11 tds_rate" value="1" id="tds_rate1"  disabled>-->
                                                    <select name="tds_rate[]" class="span11" id="tds_rate1"  onchange="updateTotalPrice();">
                                                        <option value=0>NO</option>
                                                        <option value="1" {{ ($item['is_tds_applied']==1)?'selected':'' }}>YES</option>
                                                    </select>
                                                    @endif
                                                    @endif
                                                    <!-- <input class="span11 tds_rate" placeholder="0" type="text" name="tds_rate[]" readonly=""> -->
                                                </td>
                                                <td data-title="Nature of payment">
                                                    <select class="span11 item_nature_of_payment" name="item_nature_of_payment[]" id="item_nature_of_payment{{$i}}" onchange="updateTotalPrice();">
                                                        <option value="">Select Nature of payment</option>
                                                    </select>
                                                </td>
                                                <td class="wamount"> 
                                                    <input class="span11" placeholder="Amount" type="text" name="tds_amount[]" value="{{ $item['tds_amount'] }}" readonly="">
                                                </td>
                                                <td class="wamount"> 
                                                    <input class="span11" placeholder="Amount" type="text" name="amount[]" value="{{ $item['amount'] }}" readonly="">
                                                </td>
<!--                                                <td>
                                                    <a class="btn btn-mini btn-danger item_delete" onclick="remove_education_fields('{{$key}}')" title="Delete"><i class="icon-trash"></i></a>
                                                    <a class="btn btn-mini btn-primary add_item add-res" title="Add" href="javascript:void(0)"><i class="icon-plus"></i></a>
                                                </td>-->
                                            </tr>
                                            @php $i++; @endphp
                                            @endforeach
                                            @endif

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="widget-box">
                            <div class="widget-content nopadding">
                                <div class="control-group">
                                    <label class="control-label">Date :</label>
                                    <div class="controls">
                                        <input class="span5" type="text" name="date_name" value="{{ changeDateFormate($order->date) }}" readonly=""/>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Total Amount :</label>
                                    <div class="controls">
                                        <input class="span5" placeholder="Amount" pattern="\d*" type="text" name="total_amount" required="" value="{{ $order->amount }}" readonly=""/>
                                    </div>
                                </div>

                                @if(!empty(Auth::user()->admin_role_id))
                                @if(array_intersect([10,11],explode(",",Auth::user()->admin_role_id)))
                                <div class="control-group">
                                    <label class="control-label">TDS Category :</label>
                                    <div class="controls">
                                        <select class="span11" name="tds_category_id">
                                            <option value="">Select TDS Category </option>
                                            @if(count($tds))
                                            @foreach($tds as $key => $tdsCat)
                                            <option value="{{ $tdsCat->id }}" @if($order->tds_category_id == $tdsCat->id) selected @endif>{{ $tdsCat->title }}</option>

                                            <!-- <option value="{{ $tdsCat->id }}" {{ (Input::old('tds_category_id')==$tdsCat->id)?'selected':'' }}>{{ $tdsCat->title }}</option> -->
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                @endif
                                @endif
                                <div class="control-group">
                                    <label class="control-label">Payment Mode* :</label>
                                    <div class="controls">
                                        @if(count($paymentModes) == 1)
                                        <input type="hidden" name="payment_mode" value="{{ $paymentModes[0]->id }}" />
                                        <input type="text" name="payment_mode_name" class="span11" value="{{ $paymentModes[0]->name }}" readonly=""/>
                                        @else
                                        <select class="span11" name="payment_mode" required="">
                                            <option value="">Select Payment Mode</option>
                                            @if(count($paymentModes) > 0)
                                            @foreach($paymentModes as $modes)
                                            <option value="{{ $modes->id }}" {{ ($order->payment_mode== $modes->id)?'selected':'' }}>{{ $modes->name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @endif

                                    </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label">Transaction Status :</label>
                                    <div class="controls" required>
                                        <select class="span11" name="status">
                                            @if(count(getTransactionUserStatus()) > 0)
                                            @foreach(getTransactionUserStatus() as $key => $status)
                                            <option value="{{ $status->id }}" {{ ($order->status == $status->id?'selected=""':'') }}>{{ $status->name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">Save</button>
                        <a href="{{ url('supplier-payables') }}" class="btn btn-default rightClnBtn">Cancel</a>
                    </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<script type="text/javascript">
    $("#picker").html('<span>{{ Carbon\Carbon::parse($order->due_date)->format("Y-m-d") }}</span><i class="fa fa-calendar ico-size"></i><span>{{ Carbon\Carbon::parse($order->due_date)->format("H:i") }}</span><i class="fa fa-clock-o ico-size"></i>');
    $("input[name='customer_same_as_payer']").change(function () {
    if (this.checked) {
    $('#customer_same_as_payer_div').hide();
    } else {
    $('#customer_same_as_payer_div').show();
    }
    });
    $("input[name='user_type']").change(function () {
    var checked = $(this).val();
    if (checked == 'N') {
    $('#old_payer').hide();
    $('#new_payer').show();
    $('#new_payer input').show();
    $("input[name='payer_name']").val('');
    $("input[name='payer_email']").val('');
    $("input[name='payer_mobile']").val('');
    $("input[name='payer_pancard']").val('');
    } else {
    $('#old_payer').show();
    $('#new_payer').hide();
    }
    });
    $('#agent_types_id').on('change', function () {
    var agent_types_id = $(this).val();
    var token = $('input[name="_token"]').val();
    if (agent_types_id) {
    $.ajax({
    url: "{{url('/rahebar/get-agent-type-rahebar/')}}",
            data: {agent_types_id: agent_types_id, _token: token},
            type: "POST",
            success: function (data) {
            $('#rahebar').show();
            $('#state').show();
            $('#city').show();
            $('#rahebar_id').empty();
            //$('#rahebar').append('<option value="">Select City</option>');
            $.each(data, function (key, value) {
            $('#rahebar_id').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
            }
    });
    }
    });
// $('input[name="is_partial_payment_allowed"]').on('click',function() {
//     var ischecked= $(this).is(':checked');
//     if(ischecked){
//       $('#partial_paid_amount').show();
//     }else{
//       $('#partial_paid_amount').hide();
//     }
// });


    $('#payer_id').on('change', function () {
    var payer_id = $(this).val();
    var token = $('input[name="_token"]').val();
    if (payer_id) {
    $.ajax({
    url: "{{url('/payers/get-payer-data-by-Id/')}}",
            data: {payer_id: payer_id, _token: token},
            type: "POST",
            success: function (data) {
            $("#new_payer input").hide();
            $('#payer_email').val(data[0].email);
            $('#payer_mobile').val(data[0].mobile_number);
            $('#payer_pancard').val(data[0].pancard);
            //payer_pancard
            $('#order').append('<input type="hidden" name="payer_name" value="' + data[0].first_name + ' ' + data[0].last_name + '" />');
            }
    });
    }
    });
    $('.item_list_id').live('change', function () {
    var item = $(this);
    var item_list_id = $(this).val();
    if (item_list_id) {
    $.ajax({
    url: "{{url('/item-list/get-uom/')}}/" + item_list_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            item.parent().next().next().find('.rate').val(data.rate);
            // item.parent().next().next().next().next().next().next().next().find('.tds_rate').val(data.tds_rate);
            //item.parent().next().find('.uom').val(data.uom);
            item.parent().next().find('.uom').empty();
            item.parent().next().find('.uom').append('<option value="' + data.uom_id + '">' + data.uom + '</option>');
            }
    });
    }
    });
    $('#merchant_id').on('change', function () {
    var merchant_id = $('#merchant_user_id option:selected').val();
    var token = $('input[name="_token"]').val();
    if (merchant_id) {

    // Get Currancy by marchant
    $.ajax({
    url: "{{url('/merchant/currancy/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('#marchant_currency').html(data.symbol);
            }
    });
    // Get Reasons list
    $.ajax({
    url: "{{url('/reasons/get/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="reason_list_id"]').empty();
            $('select[name="reason_list_id"]').append('<option value="">Select Reasons</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="reason_list_id"]').append('<option value="' + value.reason_list_id + '">' + value.reason_name + ' (' + ((value.type == '1') ? "R" : "D") + ')</option>');
            });
            }
    });
    // Get Agent Type list
    $.ajax({
    url: "{{url('/merchant/get-merchant-agent-type/')}}",
            type: "GET",
            data: {merchant_id: merchant_id, _token: token},
            dataType: "json",
            success: function (data) {
            $('select[name="agent_types_id"]').empty();
            $('select[name="agent_types_id"]').append('<option value="">Select Agent Type</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="agent_types_id"]').append('<option value="' + value.agent_types_id + '">' + value.agent_title + '</option>');
            });
            }
    });
    $.ajax({
    url: "{{url('/payers/merchant/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="payer_id"]').empty();
            $('select[name="payer_id"]').append('<option value="">Select Payer</option>');
            $.each(data, function (key, value) {
            $('select[name="payer_id"]').append('<option value="' + value.id + '">' + value.first_name + ' ' + value.last_name + '</option>');
            });
            }
    });
    // Get Item list
//    $.ajax({
//    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
//            type: "GET",
//            dataType: "json",
//            success: function (data) {
//            $('select[name="item_list_id[]"]').empty();
//            $('select[name="item_list_id[]"]').append('<option value="">Select Item List</option>');
//            $.each(data, function (key, value) {
//            //console.log(value.id);
//            $('select[name="item_list_id[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
//            });
//            }
//    });
//    $.ajax({
//    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
//            type: "GET",
//            dataType: "json",
//            success: function (data) {
//            $('select[name="item_list_id[]"]').empty();
//            $('select[name="item_list_id[]"]').append('<option value="">Select Item List</option>');
//            $.each(data, function (key, value) {
//            //console.log(value.id);
//            $('select[name="item_list_id[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
//            });
//            }
//    });
    $.ajax({
    url: "{{url('/item-group/merchant/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="item_group_id[]"]').empty();
            $('select[name="item_group_id[]"]').append('<option value="">Select Item group</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="item_group_id[]"]').append('<option value="' + value.item_group_id + '">' + value.name + ' (' + value.short_title + ')</option>');
            });
            }
    });
    } else {
    $('select[name="reason_list_id"]').empty();
    $('select[name="agent_types_id"]').empty();
    }
    });
    //$('.addItem').html('<tr class="removeclass1"><td><select class="span11 item_list_id" onchange="getItemUoMandRate()" name="item_list_id[]"><option value="">Select Item List</option></select></td><td><input class="span11 uom" placeholder="UoM" type="text" name="uom[]"></td><td><input class="span11 rate" placeholder="Rate" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()" type="text" name="rate[]"></td><td><input class="span11" placeholder="Quantity" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td> <input class="span11" placeholder="Amount" type="text" name="amount[]"></td><td></td></tr>');

    var room = {{ count($OrderItems) }};
    var header = Array();
    $('.cf thead tr th').each(function(i, v){
    header[i] = $(this).text();
    });
    $(".addItem tr").each(function(i, v) {
    var myRow = $(this);
    myRow.find('td').each(function(j) {
    $(this).attr('data-title', header[j]);
    });
    });
    $('.add_item').live('click', function () {

    var merchant_id = $('#merchant_user_id option:selected').val();
    room++;
    var rdiv = 'removeclass' + room;
    var respclass = 'multi-collapse' + room;
    var html = '<tr class="' + rdiv + '"><td><select class="span11 item_group_id" onchange="getItemList(this.value,' + room + ')" name="item_group_id[]" id="item_group_id_' + room + '"><option value="">Select Item Group</option></select></td><td><select class="span11 item_list_id" onchange="getItemUoMandRate()" name="item_list_id[]" id="item_id_' + room + '"><option value="">Select Item List</option></select></td><td class="wUom"><select class="span11 item_nature_of_payment" name="item_nature_of_payment[]" id="item_nature_id_' + room + '"><option value="">Select Nature of Payment</option></select></td><td class="wUom"><select class="span11 uom" name="uom[]"><option value="">Select UOM</option></select></td><td class="wQtm"><input class="span11" placeholder="Quantity" type="text" name="quantity[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td class="wRate"><input class="span11 rate" placeholder="Rate" type="text" name="rate[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td class="wQtm"><input class="span11" placeholder="(%)" type="text" name="sgst[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td class="wQtm"><input class="span11" placeholder="(%)" type="text" name="cgst[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td class="wQtm"><input class="span11" placeholder="(%)" type="text" name="igst[]" onchange="updateTotalPrice()" onkeyup="updateTotalPrice()" onblur="updateTotalPrice()"></td><td class="wQtm"> <input class="span11 tds_rate" placeholder="0" type="text" name="tds_rate[]" readonly=""></td><td class="wamount"> <input class="span11" placeholder="Amount" type="text" name="amount[]" readonly=""></td><td><a class="btn btn-mini btn-danger item_delete" onclick="remove_education_fields(' + room + ')" title="Delete"><i class="icon-trash"></i></a><a class="btn btn-mini btn-primary add_item add-res" title="Add" href="javascript:void(0)"><i class="icon-plus"></i></a> </td></tr>';
    $('.addItem').append(html);
    var checkResIcon = $(this).hasClass('add-res');
    if (checkResIcon){
    $(this).remove();
    }

    var header = Array();
    $('.cf thead tr th').each(function(i, v){
    header[i] = $(this).text();
    });
    $(".addItem tr").each(function(i, v) {
    var myRow = $(this);
    myRow.find('td').each(function(j) {
    $(this).attr('data-title', header[j]);
    });
    });
    if (merchant_id) {
//    $.ajax({
//    url: "{{url('/merchant-item-list/get/')}}/" + merchant_id,
//            type: "GET",
//            dataType: "json",
//            success: function (data) {
//            $('#item_id_' + room).empty();
//            $('#item_id_' + room).append('<option value="">Select Item List</option>');
//            $.each(data, function (key, value) {
//            //console.log(value.id);
//            $('#item_id_' + room).append('<option value="' + value.id + '">' + value.title + '</option>');
//            });
//            }
//    });
    $.ajax({
    url: "{{url('/item-group/merchant/')}}/" + merchant_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('#item_group_id_' + room).empty();
            $('#item_group_id_' + room).append('<option value="">Select Item group</option>');
            //$('select[name="item_group_id[]"]').empty();
            //$('select[name="item_group_id[]"]').append('<option value="">Select Item group</option>');
            $.each(data, function (key, value) {
            $('#item_group_id_' + room).append('<option value="' + value.item_group_id + '">' + value.name + ' (' + value.short_title + ')</option>');
            //$('select[name="item_group_id[]"]').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
            }
    });
    }
    $.ajax({
    url: "{{ url('/account-group/order') }}",
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('#account_group_id_' + room).empty();
            $('#account_group_id_' + room).append('<option value="">Select Account Group</option>');
            $('#account_group_id_' + room).append(data.response);
            }
    });
    });
    function getItemList(itemGroupId, room = 0) {

    $.ajax({
    url: "{{url('/item-group/item/')}}/" + itemGroupId,
            type: "GET",
            dataType: "json",
            success: function (data) {
            if (room > 0) {
            $('#item_id_' + room).empty();
            $('#item_id_' + room).append('<option value="">Select Item List</option>');
            } else {
            $('select[name="item_list_id[]"]').empty();
            $('select[name="item_list_id[]"]').append('<option value="">Select Item List</option>');
            }

            $.each(data, function (key, value) {
            //console.log(value.id);
            if (room > 0) {
            $('#item_id_' + room).append('<option value="' + value.id + '">' + value.title + '</option>');
            } else {
            $('select[name="item_list_id[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
            }

            });
            }
    });
    $.ajax({
    url: "{{url('/supplier-payables/getTds/'.$order->id)}}/" + itemGroupId,
            type: "GET",
            dataType: "json",
            success: function (data) {

            if (room > 0) {
            $('#item_nature_id_' + room).empty();
            $('#item_nature_id_' + room).append('<option value="">Select Nature Of Payment</option>');
            } else {
            $('select[name="item_nature_of_payment[]"]').empty();
            $('select[name="item_nature_of_payment[]"]').append('<option value="">Select Nature Of Payment</option>');
            }

            $.each(data, function (key, value) {
            //console.log(value.id);
            if (room > 0) {
            alert("if");
            $('#item_nature_id_' + room).append('<option value="' + value.id + '">' + value.title + '</option>');
            } else {

            $('select[name="item_nature_of_payment[]"]').append('<option value="' + value.id + '">' + value.title + '</option>');
            }

            });
            }
    });
    }
    function remove_education_fields(rid) {

    if (confirm("Are you sure you want to delete item?")){
    $('.removeclass' + rid).remove();
    }
    else{
    return false;
    }

    }
    function getItemUoMandRate() {
    //alert($("select[name^='item_list_id']").val());
    }
    function updateTotalPrice() {
        var total_final_amount = 0;
        var pending_payment = 0;
        var sum = 0;
        var rate = new Array();
        $('input[name^=rate]').each(function (index) {
            rate.push($(this).val());
        });
        var quantity = new Array();
        $('input[name^=quantity]').each(function (index) {
            quantity.push($(this).val());
        });
        var tds = new Array();
        $('select[name^=tds_rate]').each(function (index) {
            tds.push($(this).val());
        });
        var sgst = 0;
        var sgst_value = new Array();
        $('input[name^=sgst]').each(function (index) {
            sgst_value.push($(this).val());
        });
        var cgst = 0;
        var cgst_value = new Array();
        $('input[name^=cgst]').each(function (index) {
            cgst_value.push($(this).val());
        });
        var igst = 0;
        var igst_value = new Array();
        $('input[name^=igst]').each(function (index) {
            igst_value.push($(this).val());
        });
        var item_nature_of_payment = new Array();
        $('select[name^=item_nature_of_payment]').each(function (index) {
            item_nature_of_payment.push($(this).find(':selected').attr('data-rate'));
        });
        console.log(item_nature_of_payment);
        $.each(quantity, function (key) {
        $('input[name^=base_amount]').each(function (index) {
            var baseAmount = parseFloat((rate[index] * quantity[index]));
            $(this).val(parseFloat(baseAmount).toFixed(2));
        });
        $('input[name^=tds_amount]').each(function (index) {
            if(tds[index] == 1 && item_nature_of_payment[index]>0){
                var tds_amount = parseFloat((rate[index] * quantity[index]) * item_nature_of_payment[index] / 100 );
            } else {
                var tds_amount = 0;
            }
            
            $(this).val(parseFloat(tds_amount).toFixed(2));
        });
        $('input[name^=amount]').each(function (index) {
                key = index;
                console.log(index)
                        if (index == key){
                var totalAmount = parseFloat((rate[key] * quantity[key]));
                console.log(totalAmount);
                var singletds = tds[key];
                var single_sgst = sgst_value[key];
                var single_cgst = cgst_value[key];
                var single_igst = igst_value[key];
                /* var deductAmount = totalAmount - ((totalAmount * singletds) / 100);*/
                deductAmount = 0;
                add_sgst = 0;
                add_cgst = 0;
                add_igst = 0;
                if (single_sgst > 0)
                        var add_sgst = (parseFloat(totalAmount * single_sgst)) / 100;
                if (single_cgst > 0)
                        var add_cgst = (parseFloat(totalAmount * single_cgst)) / 100;
                if (single_igst > 0)
                        var add_igst = (parseFloat(totalAmount * single_igst)) / 100;

                if(tds[index] == 1 && item_nature_of_payment[index]>0){
                    var tds_amount = parseFloat(totalAmount * item_nature_of_payment[index] / 100 );
                } else {
                    var tds_amount = 0;
                }

                var final_totalAmount = parseInt(totalAmount) + parseInt(add_sgst) + parseInt(add_cgst) + parseInt(add_igst) + parseFloat(tds_amount);
                // $(this).val(parseFloat((rate[key] * quantity[key])).toFixed(2));

                $(this).val(parseFloat(final_totalAmount).toFixed(2));
                }
        });
    });
    var amount = new Array();
    $('input[name^=amount]').each(function (index) {
        total_final_amount += parseInt($(this).val());
    });
    // var sgst = 0;
    // var cgst = 0;
    // var igst = 0;
    // var sgst_value = $('input[name="sgst"]').val();
    // var cgst_value = $('input[name="cgst"]').val();
    // var igst_value = $('input[name="igst"]').val();
    // if (sgst_value) {
    // var add_sgst = (parseFloat(total_final_amount * sgst_value)) / 100;
    // total_final_amount += parseInt(add_sgst);
    // }

    // if (cgst_value) {
    // var add_cgst = (parseFloat(total_final_amount * cgst_value)) / 100;
    // total_final_amount += parseInt(add_cgst);
    // }

    // if (igst_value) {
    // var add_igst = (parseFloat(total_final_amount * igst_value)) / 100;
    // total_final_amount += parseInt(add_igst);
    // }

        $('input[name="total_amount"]').val(parseFloat(total_final_amount).toFixed(2));
    }

    function getAccountGroup(accountGroupId, room = 0) {
    $.ajax({
    url: "{{url('/account-head/get/')}}/" + accountGroupId,
            type: "GET",
            dataType: "json",
            success: function (data) {
            if (room > 0) {
            $('#account_head_id_' + room).empty();
            $('#account_head_id_' + room).append('<option value="">Select Account Head</option>');
            } else {
            $('select[name="account_head_id[]"]').empty();
            $('select[name="account_head_id[]"]').append('<option value="">Select Account Head</option>');
            }

            $.each(data, function (key, value) {
            if (room > 0) {
            $('#account_head_id_' + room).append('<option value="' + value.id + '">' + value.name + '</option>');
            } else {
            $('select[name="account_head_id[]"]').append('<option value="' + value.id + '">' + value.name + '</option>');
            }

            });
            }
    });
    }
    function remove_invoice_file(id){
    $('#invoice_file_' + id).hide();
    $('#removeInvoiceFile_' + id).val('1');
    $('#invoice_delete_' + id).hide();
    }
    $('select[name="state_id"]').on('change', function () {
    var country_id = 1;
    var state_id = $(this).val();
    if (state_id) {
    $.ajax({
    url: "{{url('/city/get/')}}/" + country_id + '/' + state_id,
            type: "GET",
            dataType: "json",
            success: function (data) {
            $('select[name="city_id"]').empty();
            $('select[name="state_id"]').append('<option value="">Select City</option>');
            $.each(data, function (key, value) {
            //console.log(value.id);
            $('select[name="city_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
            }
    });
    } else {
    $('select[name="city_id"]').empty();
    }
    });
    // $('.item_group_id').live('change', function () {
    //     var title = $(this).find('option:selected').text();
    //     $(this).parent().parent().attr("data-title",title);
    // });
</script>
@parent
@endsection