@extends('layout.main')

@section('content')
    <div class="container grid px-6 mx-auto">
        <h4 class="mb-4 mt-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
            {{ isset($payment) ? 'EDIT LOAN PAYMENT' : 'ADD LOAN PAYMENT' }}
        </h4>
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <form
                action="{{ isset($payment) ? route('loan.payment.update', [$loan, $payment]) : route('loan.payment', $loan) }}"
                method="post" enctype="multipart/form-data">
                @csrf
                @if (isset($payment))
                    @method('PUT')
                @endif

                <x-form.input type="date" name="deposit_date" label="Select Payment Date" required="true"
                    value="{{ old('deposit_date', isset($payment) ? $payment->deposit_date : '') }}" />


                <x-form.input type="text" name="amount" class="numeric-input" label="Amount" min="0" required="true"
                    value="{{ old('amount', isset($payment) ? $payment->amount : '') }}" placeholder="Enter amount" />


                <div class="flex justify-end mt-10 space-x-4">
                    <a href="{{ route('loan.payment.details', $loan) }}"
                        class="px-4 py-2 text-sm font-medium text-gray-600 bg-gray-200 rounded-lg hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-gray-500">
                        Cancel
                    </a>
                    <x-button type="submit" label="{{ isset($payment) ? 'Update' : 'Save' }}" />
                </div>
            </form>
        </div>
    </div>
@endsection