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

@endphp

@php
    // Only preselect in edit mode or if old() exists
    $selectedClientId = ($mode === 'edit') 
        ? old('client_id', $invoice->client_id ?? null)
        : old('client_id', null);
@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'
                ? 'P-INV-' . now()->format('dmY-His') // Format: ddmmyyyy-HHMMSS
                : ($invoice->invoice_number ?? '');
        @endphp
        <input type="text" name="invoice_number" class="form-control"
            value="{{ $mode === 'edit' ? old('invoice_number', $invoice->invoice_number) : $defaultInvoiceNo }}"
            required readonly>
    </div>
    <div class="mb-2">
        <label>Date</label>
        <input type="date" name="date" class="form-control"
            value="{{ old('date', $mode === 'edit' ? (\Carbon\Carbon::parse($invoice->date)->format('Y-m-d')) : now()->toDateString()) }}"
            required>
    </div>
   
<div class="mb-3">
    <label for="client_id">Client:</label>
    @if($mode === 'edit')
        <!-- Edit mode: show readonly -->
        <input type="text" class="form-control" 
               value="{{ $invoice->client->name ?? '' }}" readonly>
        <input type="hidden" name="client_id" value="{{ $invoice->client_id }}">
    @else
        <!-- Create mode: editable select with old value retained -->
        <select id="client_id" name="client_id" class="form-control selectpicker client-select"
            data-live-search="true" required>
            <option value="">-- Select Client --</option>
            @foreach ($clients as $client)
                <option value="{{ $client->id }}"
                    {{ old('client_id') == $client->id ? 'selected' : '' }}>
                    {{ $client->name }}
                </option>
            @endforeach
        </select>
    @endif





<small class="text-muted module-loading" style="display: none;">Loading modules...</small>


</div>

<script>
$(document).ready(function () {
    const clientSelect = $('#client_id');

    @if($mode === 'create')
        // Initialize selectpicker only in create mode
        clientSelect.selectpicker();

        // Retain old selected client after validation errors
        const selectedClient = "{{ old('client_id') }}";
        if(selectedClient) {
            clientSelect.selectpicker('val', selectedClient);
            clientSelect.selectpicker('refresh');
        }
    @endif
});
</script>


<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script>




    <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">
                            @if($item->module_id)
                                {{-- Module-based Item --}}
                                <div class="col-md-10">
                                    <label>Module</label>
                                    @php
                                        $clientModules = $modules->filter(function ($module) use ($invoice, $item) {
                                            // Always include the module if it’s the one used in the item (even if client mismatch)
                                            return $module->id == $item->module_id ||
                                                ($module->activity && $module->activity->client == $invoice->client_id);
                                        });
                                    @endphp

                                    <select name="items[{{ $index }}][module_id]" class="form-control" required>
                                        <option value="">-- Select Module --</option>
                                        @foreach($clientModules as $module)
                                            <option value="{{ $module->id }}" {{ old("items.$index.module_id", $item->module_id) == $module->id ? 'selected' : '' }}>
                                                {{ $module->name }}
                                            </option>
                                        @endforeach
                                    </select>

                                </div>
                                <input type="hidden" name="items[{{ $index }}][type]" value="module">
                            @else
                                {{-- Other Item --}}
                                <div class="col-md-10">
                                    <label>Other Title</label>
                                    <input type="text" name="items[{{ $index }}][title]" class="form-control"
                                        value="{{ old("items.$index.title", $item->description) }}" required>
                                    <input type="hidden" name="items[{{ $index }}][type]" value="other">
                                </div>
                            @endif

                            <div class="col-md-1">
                                <label>Price</label>
                                <input type="number" name="items[{{ $index }}][price]" class="form-control"
                                    value="{{ old("items.$index.price", $item->rate) }}" required>
                            </div>

                            <div class="col-md-1 d-flex align-items-end">
                                <button type="button" class="btn btn-danger remove-item w-100">Remove</button>
                            </div>
                        </div>
                    </div>
                @endforeach
                @foreach($invoice->designations as $index => $designation)
                    <div class="row g-2 mb-2 designation-row">
                        <div class="col-md-6">
                            <label>Designation</label>
                            <input type="text" name="designations[{{ $index }}][designation]" class="form-control"
                                value="{{ old("designations.$index.designation", $designation->name) }}" required>
                        </div>
                        <div class="col-md-4">
                            <label>Count</label>
                            <input type="number" name="designations[{{ $index }}][count]" class="form-control"
                                value="{{ old("designations.$index.count", $designation->pivot->count ?? 1) }}" required>
                        </div>
                        <div class="col-md-2 d-flex align-items-end">
                            <button type="button" class="btn btn-danger remove-designation w-100">Remove</button>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
    <div class="designation-wrapper">
        <div class="designation-container">
            <!-- Dynamic designations will be appended here -->
        </div>
    </div>
    @if($mode === 'create')
        <button type="button" class="btn btn-primary mt-2 add-item-btn">Add Item</button>
        <button type="button" class="btn btn-outline-secondary add-other-item-btn">+ Add Other Item</button>
        <button type="button" class="btn btn-outline-success add-designation">Add Resources</button>
    @endif
    <div class="mb-2">
        <label for="technologies" class="form-label">Technologies</label>
        <select class="selectpicker form-select form-control" multiple data-live-search="true" id="technologies"
            name="technologies[]">
            @php
                // For Edit: use old input or invoice technologies
                // For Create: empty array if $invoice not set
                $selectedTechnologies = old('technologies', isset($invoice) ? json_decode($invoice->technologies ?? '[]', true) : []);
                if (!is_array($selectedTechnologies)) {
                    $selectedTechnologies = [];
                }
            @endphp

            @foreach ($technologies as $technology)
                <option value="{{ $technology->id }}" {{ in_array($technology->id, $selectedTechnologies) ? 'selected' : '' }}>
                    {{ $technology->technology }}
                </option>
            @endforeach
        </select>
    </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>