@php
    $action = $mode == 'edit' ? route('proforma-invoices.update', $invoice->id) : route('proforma-invoices.store');
    $method = $mode == 'edit' ? 'PUT' : 'POST';
@endphp

<form method="POST" action="{{ $action }}" class="invoice-form">
    @csrf
    @if($mode === 'edit') @method('PUT') @endif

    <div class="mb-2">
        <label>Invoice Number</label>
        @php
            $defaultInvoiceNo = $mode === 'create' ? 'INV-' . time() : ($invoice->invoice_number ?? '');
        @endphp
        <input type="text" name="invoice_number" class="form-control"
            value="{{ $mode === 'edit' ? old('invoice_number', $invoice->invoice_number) : $defaultInvoiceNo }}"
            required>
    </div>

    <div class="mb-2">
        <label>Date</label>
        <input type="date" name="date" class="form-control"
               value="{{ old('date', $invoice->date ?? now()->toDateString()) }}" required>
    </div>

    {{-- Client Dropdown --}}
    <div class="mb-3">
        <label for="client_id">Client:</label>
        <select id="client_id" name="client_id" class="form-control client-select" required>
            <option value="">-- Select Client --</option>
            @foreach ($clients as $client)
                <option value="{{ $client->id }}"
                    {{ old('client_id', $invoice->client_id ?? '') == $client->id ? 'selected' : '' }}>
                    {{ $client->name }}
                </option>
            @endforeach
        </select>
        <small class="text-muted module-loading" style="display: none;">Loading modules...</small>
    </div>

    {{-- Items --}}
    <div class="items-wrapper mb-3">
        <label>Invoice Items</label>
        <div class="mt-4 items-container">
            @if($mode === 'edit' && isset($invoice->items))
                @foreach($invoice->items as $index => $item)
                    <div class="item-row border p-3 mb-2 rounded bg-light" data-index="{{ $index }}">
                        <div class="row g-2 align-items-end">
                            <div class="col-md-4">
                                <label>Module</label>
                                <select name="items[{{ $index }}][module_id]" class="form-control" required>
                                    <option value="">-- Select Module --</option>
                                    @foreach($modules as $module)
                                        <option value="{{ $module->id }}"
                                            {{ old("items.$index.module_id", $item->module_id) == $module->id ? 'selected' : '' }}>
                                            {{ $module->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                       {{--      <div class="col-md-3">
                                <label>Quantity</label>
                                <input type="number" name="items[{{ $index }}][quantity]" class="form-control"
                                       value="{{ old("items.$index.quantity", $item->quantity) }}" required>
                            </div> --}}
                            <div class="col-md-3">
                                <label>Price</label>
                                <input type="number" name="items[{{ $index }}][rate]" class="form-control"
                                       value="{{ old("items.$index.rate", $item->rate) }}" required>
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger remove-item w-100">Remove</button>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>

        @if($mode === 'create')
            <button type="button" class="btn btn-primary mt-2 add-item-btn">Add Item</button>
        @endif
    </div>

    <div class="mb-2">
        <label>Status</label>
        <select name="status" class="form-control">
            @foreach(['draft', 'sent', 'approved', 'cancelled'] as $status)
                <option value="{{ $status }}"
                    {{ old('status', $invoice->status ?? 'draft') == $status ? 'selected' : '' }}>
                    {{ ucfirst($status) }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="mb-2">
        <label>Remarks</label>
        <textarea name="remarks" class="form-control">{{ old('remarks', $invoice->remarks ?? '') }}</textarea>
    </div>

    <button class="btn btn-success">Save</button>
</form>