{{-- @dd($installment) --}}
<div class="modal-dialog modal-xl" role="document">
    @php
        $currency_precision = config('constants.currency_precision', 2);
    @endphp
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">@lang('installments::installment.installment_details')</h4>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('invoice_no', __('installments::installment.transaction_id') . ':') !!}
                                {!! Form::text('invoice_no', $installment->transaction->invoice_no, ['class' => 'form-control', 'readonly']) !!}
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('transaction_amount', __('installments::installment.final_total') . ':') !!}
                                {!! Form::text('transaction_amount', number_format($installment->transaction->final_total, $currency_precision, $currency_details->decimal_separator, $currency_details->thousand_separator) . ' ' . $currency_details->code, ['class' => 'form-control', 'readonly']) !!}
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('location_id', __('sale.location') . ':') !!}
                                {!! Form::text('location_id', $installment->location->name, ['class' => 'form-control', 'readonly']) !!}
                            </div>
                        </div>
                        <!-- <div class="col-md-12">
                            <div class="form-group">
                                <div class="input-group" style="width: 100%">
                                    {!! Form::select('interval_type', ['amount' => __('installments::installment.installment_amount'), 'no_installments' => __('installments::installment.no_installments')], empty($installment->installment_amount) ? 'no_installments' : 'amount', ['class' => 'form-control', 'style' => 'width: 50%;', 'readonly']) !!}
                                    {!! Form::number('interval_num', empty($installment->installment_amount) ? $installment->no_installments : $installment->installment_amount, ['class' => 'form-control', 'style' => 'width: 50%;', 'readonly']) !!}
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('pay_term_type', __('installments::installment.pay_term_type') . ':') !!}
                                {!! Form::select('pay_term_type', ['days' => __('lang_v1.days'), 'months' => __('lang_v1.months')], $installment->pay_term_type, ['class' => 'form-control', 'style' => 'width: 100%;', 'readonly']) !!}
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="col-md-8">
                    <table class="table table-bordered table-striped" style="width:100%" id="installment_lines_table">
                        <thead>
                            <tr>
                                <th>@lang('installments::installment.installment_line_date')</th>
                                <th>@lang('installments::installment.installment_line_amount')</th>
                                <th>@lang('installments::installment.payment_status')</th>
                            </tr>
                        </thead>
                        <tbody data-repeater-list="installment_lines">
                            @foreach ($installment->installment_lines as $installment_line)
                                <tr>
                                    <td>
                                        {{ @format_date($installment_line->due_date) }}
                                    </td>
                                    <td>
                                        @format_currency($installment_line->amount)
                                    </td>
                                    <td>
                                        @php $payment_status =  Modules\Installments\Entities\InstallmentLine::getPaymentStatus($installment_line) @endphp
                                        <a class="add_installment_payment_modal" href="{{ action('Modules\Installments\Http\Controllers\InstallmentsController@addPayment', [$installment_line]) }}"><span class="label @payment_status($payment_status)">@lang('lang_v1.' . $payment_status)</span></a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
        </div>
    </div>
</div>