@if ( $item->is_installment == true)
<table class="table table-bordered">
	<tr>
		<td colspan="9">
			<div style="display: flex; justify-content: space-between; align-items: center;">
				<h5>خرید اقساطی</h5>
				@can('admin-unofficial')
				<a href="{{ route('admin-order-installment-edit', $item->id) }}" class="btn btn-warning btn-sm">
					<i class="fa fa-edit"></i> ویرایش اطلاعات اقساط
				</a>
				@endcan
			</div>
			<div>
				<div class="row" style="text-align: right;margin: 8px;">
					<div class="col-md-6">
						نوع پرداخت: {{ $item->InstallmentRefundSetting?->title ?? 'نامشخص' }}
					</div>
					<div class="col-md-6">
						مبلغ هر قسط:
						{{ number_format($item->installment_each_payment,0, '', ',') }} تومان
					</div>
					<div class="col-md-6">
						پیش پرداخت:
						{{ number_format($item->installment_pre_payment,0, '', ',') }} تومان
					</div>
					<div class="col-md-6">
						مانده قابل پرداخت:
						{{ number_format($item->total_mod_installment,0, '', ',') }} تومان
					</div>
					<div class="col-md-6">
						تعداد اقساط: {{ $item->installment_months }}
					</div>
					<div class="col-md-6">
						تاریخ سررسید آخرین قسط: {{ $item->next_installment_date }}
					</div>
				</div>
			</div>
		</td>
	</tr>

	@if($item->CartInstallment()->get()->isNotEmpty())
	<tr>
		<td colspan="9">
			<h5>اقساط</h5>
			<table class="table table-bordered table-center table-border-radius">
				<tr>
					<th>شماره ردیف قسط</th>
					<th>عنوان</th>
					<th>مبلغ (تومان)</th>
					<th>سررسید</th>
					<th>وضعیت</th>
					<th>لینک پرداخت</th>
					<th>جزئیات پرداخت</th>
					<th></th>
				</tr>
				@foreach ($item->CartInstallment()->get() as $ins_item)
				<tr>
					<td>{{ $ins_item->installment_number }}</td>
					<td>قسط {{ numberToPersianTitle($ins_item->installment_number) }}</td>
					<td>{{ number_format($ins_item->payable_amount, 0, '', ',') }}</td>
					<td>{{ GetShamsiDate($ins_item->paytime_at) }}</td>
					<td>{{ $ins_item->payed_title }}</td>
					<td>
						@if($ins_item->payed == false)
						<span style="color:blue;">
							منتظر پرداخت
						</span>
						@else
						{{ GetShamsiDate($ins_item->payed_at) }}
						@endif
					</td>
					<td>
						@if($ins_item->payed == true && $ins_item->payment_note)
							<small style="color: #666;">{{ $ins_item->payment_note }}</small>
						@else
							<span style="color: #999;">-</span>
						@endif
					</td>
					<td>
						@can('admin-unofficial')
						<a href="{{ route('admin.order.installment.edit.item', ['id' => $item->id, 'iid' => $ins_item->id]) }}"
							class="btn btn-primary btn-sm">ویرایش</a>
						@if($ins_item->payed == false)
						<button type="button" class="btn btn-success btn-sm" onclick="markAsPaid({{ $ins_item->id }}, {{ $item->id }})">
							توسط مدیر پرداخت
						</button>
						@endif
						@endcan
						<a href="{{ route('admin.order.installment.sendmessage', ['id' => $item->id, 'iid' => $ins_item->id]) }}"
							class="btn btn-default btn-sm">ارسال پیام</a>
					</td>
				</tr>
				@endforeach
			</table>
		</td>
	</tr>
	@endif

</table>

<!-- Quick Payment Modal -->
<div class="modal fade" id="quickPaymentModal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">علامت‌گذاری پرداخت قسط</h5>
				<button type="button" class="close" data-dismiss="modal">
					<span>&times;</span>
				</button>
			</div>
			<form id="quickPaymentForm" method="POST">
				@csrf
				<div class="modal-body">
					<div class="form-group">
						<label for="quick_payment_note">جزئیات پرداخت *</label>
						<textarea class="form-control" name="payment_note" id="quick_payment_note" rows="3" 
							placeholder="لطفاً جزئیات پرداخت را وارد کنید" required></textarea>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
					<button type="submit" class="btn btn-success">تأیید پرداخت</button>
				</div>
			</form>
		</div>
	</div>
</div>

<script>
function markAsPaid(installmentId, cartId) {
	$('#quickPaymentForm').attr('action', '/admin/orders/' + cartId + '/edit/installment/' + installmentId);
	$('#quickPaymentModal').modal('show');
}

$(document).ready(function() {
	$('#quickPaymentModal').on('hidden.bs.modal', function () {
		$('#quick_payment_note').val('');
	});
});
</script>
@endif