@php
    $schedule = $schedule ?? new \App\Models\SalesPaymentSchedule();
@endphp

<div class="form-row">
    <div class="form-group col-md-3">
        <label>Customer <span class="text-danger">*</span></label>
        <select name="users_id" class="form-control" id="customerSelect" required>
            <option value="">Select Customer</option>
            @foreach($users as $user)
                <option value="{{ $user->id }}"
                    {{ (string) old('users_id', $schedule->users_id ?? ($selectedUserId ?? '')) === (string) $user->id ? 'selected' : '' }}>
                    {{ $user->company_name ? $user->company_name . ' (' . $user->name . ')' : $user->name }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="form-group col-md-3">
        <label>Company Total Due</label>
        <input type="text" class="form-control" id="companyTotalDueDisplay" readonly style="background-color: #f8f9fa; font-weight: bold;">
    </div>
    <div class="form-group col-md-3">
        <label>Sales Invoice <span class="text-danger">*</span></label>
        <select name="sales_invoice_id" class="form-control" required>
            <option value="">Select Invoice</option>
            @foreach($invoices as $invoice)
                <option value="{{ $invoice->id }}"
                    data-amount="{{ $invoice->invoice_amount }}"
                    data-due-amount="{{ $invoice->due_amount ?? $invoice->invoice_amount }}"
                    data-user-id="{{ $invoice->customer_id }}"
                    {{ (string) old('sales_invoice_id', $schedule->sales_invoice_id ?? '') === (string) $invoice->id ? 'selected' : '' }}>
                    {{ $invoice->invoice_no }}
                </option>
            @endforeach
        </select>
    </div>
    <div class="form-group col-md-3">
        <label>Invoice Due Amount <span class="text-danger">*</span></label>
        <input type="number" step="0.01" min="0" name="sales_invoice_amount" class="form-control"
               value="{{ old('sales_invoice_amount', $schedule->sales_invoice_amount ?? '') }}" required>
    </div>
</div>

@php
    $isCreate = !$schedule->exists;
@endphp

@if($isCreate)
    {{-- Multiple entries for create form --}}
    <div class="form-group">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <label class="mb-0">Expected Payment Schedules <span class="text-danger">*</span></label>
            <button type="button" class="btn btn-sm btn-success" id="addScheduleRow">
                <i class="fas fa-plus"></i> Add Row
            </button>
        </div>
        <div id="scheduleRowsContainer">
            <div class="schedule-row border rounded p-3 mb-3" data-row-index="0">
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label>Expected Payment Date <span class="text-danger">*</span></label>
                        <input type="date" name="schedules[0][expected_payment_date]" class="form-control schedule-expected-date" required>
                    </div>
                    <div class="form-group col-md-4">
                        <label>Expected %</label>
                        <input type="number" step="0.01" min="0" max="100" name="schedules[0][expected_amount_percentage]" class="form-control schedule-percentage">
                    </div>
                    <div class="form-group col-md-4">
                        <label>Expected Amount <span class="text-danger">*</span></label>
                        <div class="d-flex align-items-end">
                            <input type="number" step="0.01" min="0" name="schedules[0][expected_payment_amount]" class="form-control schedule-expected-amount" required>
                            <button type="button" class="btn btn-sm btn-danger ml-2 remove-row" style="display: none;">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@else
    {{-- Single entry for edit form --}}
    <div class="form-row">
        <div class="form-group col-md-4">
            <label>Expected Payment Date <span class="text-danger">*</span></label>
            <input type="date" name="expected_payment_date" class="form-control"
                   value="{{ old('expected_payment_date', optional($schedule->expected_payment_date ?? null)->format('Y-m-d')) }}" required>
        </div>
        <div class="form-group col-md-4">
            <label>Expected %</label>
            <input type="number" step="0.01" min="0" max="100" name="expected_amount_percentage" class="form-control"
                   value="{{ old('expected_amount_percentage', $schedule->expected_amount_percentage ?? '') }}">
        </div>
        <div class="form-group col-md-4">
            <label>Expected Amount <span class="text-danger">*</span></label>
            <input type="number" step="0.01" min="0" name="expected_payment_amount" class="form-control"
                   value="{{ old('expected_payment_amount', $schedule->expected_payment_amount ?? '') }}" required>
        </div>
    </div>
@endif

<div class="form-row">
    <div class="form-group col-md-12">
        <label>Remarks</label>
        <textarea name="remarks" class="form-control" rows="3">{{ old('remarks', $schedule->remarks ?? '') }}</textarea>
    </div>
</div>

<div class="text-right">
    <button type="submit" class="btn btn-primary">
        <i class="fas fa-save mr-2"></i>{{ $submitLabel }}
    </button>
    <a href="{{ route('reseller.sales-payment-schedules.index') }}" class="btn btn-secondary">Cancel</a>
</div>