@extends('layouts.admin', ['title' => 'ویرایش آیتم های سفارش'])

@section('content')

<h3>ویرایش آیتم های اقساط</h3>

<form action="{{ route('admin.order.installment.edit.item', ['id' => $id, 'iid' => $iid]) }}" method="post">
	@csrf

	<div class="row">
		<div class="col-md-3">
			شماره قسط:<input type="number" class="form-control ltr" name="installment_number"
				value="{{ $item->installment_number ?? '' }}" />
		</div>
		<div class="col-md-3">
			تاریخ سررسید:<input type="text" class="form-control ltr" name="paytime_at"
				value="{{  GetShamsiFullDate($item->paytime_at ?? '')   }}" />

		</div>
		<div class="col-md-3">
			مبلغ قابل پرداخت:<input type="number" class="form-control ltr" name="payable_amount"
				value="{{  $item->payable_amount ?? 0  }}" />
		</div>
		<div class="col-md-3">
			تاریخ پرداخت:<input type="text" class="form-control ltr" name="payed_at"
				value="{{  GetShamsiFullDate($item->payed_at ?? '')   }}" />

		</div>
		<div class="col-md-3">

			<input type="checkbox" name="payed" id="payed" value="true" {{ ($item->payed ?? false) == true ? 'checked' :
			'' }} />
			<label for="payed">پرداخت شد</label>

		</div>

	</div>

	<div class="row" style="margin-top: 15px;">
		<div class="col-md-12">
			<label for="payment_note">جزئیات پرداخت:</label>
			<textarea class="form-control" name="payment_note" id="payment_note" rows="3" 
				placeholder="در صورت تغییر وضعیت به پرداخت شده، لطفاً جزئیات پرداخت را وارد کنید">{{ $item->payment_note ?? '' }}</textarea>
		</div>
	</div>


	<button type="submit" class="btn btn-success">ذخیره</button>


	<a href="/admin/orders/{{ $id }}/edit" class="btn btn-default">بازگشت</a>


</form>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const payedCheckbox = document.getElementById('payed');
    const paymentNoteField = document.getElementById('payment_note');
    const form = document.querySelector('form');
    
    function togglePaymentNoteRequired() {
        if (payedCheckbox.checked) {
            paymentNoteField.setAttribute('required', 'required');
            paymentNoteField.style.borderColor = '#d9534f';
        } else {
            paymentNoteField.removeAttribute('required');
            paymentNoteField.style.borderColor = '';
        }
    }
    
    payedCheckbox.addEventListener('change', togglePaymentNoteRequired);
    
    form.addEventListener('submit', function(e) {
        if (payedCheckbox.checked && !paymentNoteField.value.trim()) {
            e.preventDefault();
            alert('در صورت تغییر وضعیت به پرداخت شده، لطفاً جزئیات پرداخت را وارد کنید.');
            paymentNoteField.focus();
            return false;
        }
    });
    
    // Initialize on page load
    togglePaymentNoteRequired();
});
</script>

@stop