@extends('layouts.app')
@section('title', __( 'lang_v1.emi'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1>@lang( 'lang_v1.emi')
    </h1>
</section>









<!-- Main content -->
<section class="content no-print">
    @component('components.filters', ['title' => __('report.filters')])
        @include('sell.partials.emi_list_filters')
        @if(!empty($sources))
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('sell_list_filter_source',  __('lang_v1.sources') . ':') !!}

                    {!! Form::select('sell_list_filter_source', $sources, null, ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('lang_v1.all') ]); !!}
                </div>
            </div>
        @endif
    @endcomponent
    @component('components.widget', ['class' => 'box-primary', 'title' => __( 'lang_v1.emi')])
       
        @if(auth()->user()->can('direct_sell.view') ||  auth()->user()->can('view_own_sell_only') ||  auth()->user()->can('view_commission_agent_sell'))
       
            <table class="table table-bordered table-striped ajax_view" id="sell_table">
                <thead>
                    <tr>
                        <th>Payment</th>
                        <!--<th>Partial</th>-->
                       <th>@lang('sale.invoice_no')</th>
                        <th>@lang('messages.date')</th>
                        <th>Customer</th>
                        <th>Mobile</th>
                        <th>EMI Total</th>
                        <th>Down Payment</th>
                        <th>Emi Amount</th>
                        <th>Month</th>
                        <th>Est. Payment</th>
                        <th>Payment Date</th>
                        <th>Paid</th>
                       
                    </tr>
                </thead>
                <tbody>
                   
                    @foreach($sells as $sell)
                    
                        <tr>

                    <td>
                        @if($sell->status == 0)
                            <select class="btn btn-danger dropdown-toggle btn-xs" onchange="handleChange(this)">
                                <option selected>Due Payment</option>
                                <option value="{{ action('SellController@payEmi', $sell->emi_item_id) }}">Full Payment</option>
                                <option value="{{ action('SellController@payEmipartial',$sell->emi_item_id) }}">Partial Payment</option>
                            </select>
                        @else
                            <select class="btn btn-success dropdown-toggle btn-xs" onchange="handleChange(this)">
                                <option selected>Already Paid</option>
                                <option value="{{ action('TransactionPaymentController@deleteEmipayment', $sell->emi_item_id) }}">Unpaid</option>
                            </select>
                        @endif
                    </td>

                            <!--<td><a href="{{ action('SellController@payEmipartial',$sell->emi_item_id) }}">pay</a></td>-->
                            <td><a href="{{ action('SellController@emiItem',$sell->id) }}">{{ $sell->invoice_no }}</a></td>
                            <td>{{ $sell->transaction_date }}</td>
                            <td>{{ $sell->conatct_name }}</td>
                            <td>{{ $sell->mobile }}</td>
                            <td>{{ $sell->emi_total_amount }}</td>
                            <td>{{ $sell->down_payment_amount }}</td>
                            <td>{{ $sell->emi_amount }}</td>
                            <td>{{ $sell->emi_month_name }}</td>
                            <td>{{ $sell->est_payment_date }}</td>
                             <td>{{ $sell->payment_date }}</td>
                             <td>{{ number_format(\App\TransactionPayment::where('emiitem_id',$sell->emi_item_id)->sum('amount') ,2)}}</td>
                   
                           
                        </tr>
                    
                    @endforeach
                </tbody>
                
            </table>
        @endif
    @endcomponent
</section>
<!-- /.content -->
<div class="modal fade payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>

<div class="modal fade edit_payment_modal" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
</div>

<!-- This will be printed -->
<!-- <section class="invoice print_section" id="receipt_section">
</section> -->

@stop

@section('javascript')
<script>
$(document).ready(function() {

    $('#sell_table').DataTable({
        "scrollX": true
    });
    
   
    $(document).on('change', '#sell_list_filter_location_id, #sell_list_filter_customer_id, #created_by, #month', function() {
        const url = window.location.href.split('?')[0];
        location.replace(url + '?f_name=' + $(this).attr('name') + '&f_value=' + $(this).val());
    });
});
</script>

<script>
    function handleChange(select) {
        var url = select.value;
        if (url) {
            window.location = url;
        }
    }
</script>
@endsection