@php
    use App\Models\Info\FactoringCategory;
@endphp
<form autocomplete="off" action="{{ route('lead.update', ['section' => 'init', 'serial_no' => $lead->serial_no]) }}" method="POST">
    @csrf
    @if(($formTarget ?? 'edit') === 'application')
    <input type="hidden" name="form_target" value="application">
    @endif
    <div class="row">
        <div class="col-lg-12 mb-3">
            <label class="fw-bold">Serial No.</label>
            <div class="input-group">
                <div class="text-bold">{{ $lead->serial_no }}</div>
            </div>
        </div>
        <div class="col mb-3">
            {{-- Factoring --}}
            <fieldset class="row border-top py-2">
                <label class="fw-bold">{{ $factoring->description }}</label>

                <label for="purpose_code">Purpose <span class="text-danger">*</span></label>
                <div class="input-group mb-2">
                    <input type="hidden" name="facility_code" id="facility_code" value="{{ FactoringCategory::CODE_FACTORING }}"/>
                    <select class="form-select @error('purpose_code') is-invalid @enderror" id="purpose_code" name="purpose_code" required>
                        <option value="">Select Purpose</option>
                        @foreach ($factoringTypes as $facilities_type)
                            @if ($facilities_type->facility_code == $factoring->code)
                                <option value="{{ $facilities_type->code }}" {{ ($lead->purpose_code ?? '') == $facilities_type->code ? 'selected' : '' }}>{{ $facilities_type->description }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>

                <label for="fund_amount" class="form-label">Fund Amount <span class="text-danger">*</span></label>
                <div class="input-group mb-2">
                    <span class="input-group-text">RM</span>
                    <input type="number" id="fund_amount" name="fund_amount" class="form-control @error('fund_amount') is-invalid @enderror" value="{{ $lead->fund_amount ?? '' }}" inputmode="numeric" step="0.01" min="1000" required>
                </div>
            </fieldset>
        </div>
        <div class="col mb-3 d-none" id="pre_factoring_section">
            {{-- Pre-Factoring --}}
            <fieldset class="row border-top py-2">
                <label class="fw-bold">{{ $pre_factoring->description }}</label>

                <label for="pre_purpose_code">Purpose <span class="text-danger">*</span></label>
                <div class="input-group mb-2">
                    <input type="hidden" name="pre_facility_code" id="pre_facility_code" value="{{ FactoringCategory::CODE_PRE_FACTORING }}"/>
                    <select class="form-select @error('pre_purpose_code') is-invalid @enderror" id="pre_purpose_code" name="pre_purpose_code" required>
                        <option value="">Select Purpose</option>
                        @foreach ($factoringTypes as $facilities_type)
                            @if ($facilities_type->facility_code == $pre_factoring->code)
                                <option value="{{ $facilities_type->code }}" {{ ($lead->pre_purpose_code ?? '') == $facilities_type->code ? 'selected' : '' }}>{{ $facilities_type->description }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                
                <label for="pre_fund_amount" class="form-label">Fund Amount <span class="text-danger">*</span></label>
                <div class="input-group mb-2">
                    <span class="input-group-text">RM</span>
                    <input type="number" id="pre_fund_amount" name="pre_fund_amount" class="form-control @error('pre_fund_amount') is-invalid @enderror" value="{{ $lead->pre_fund_amount ?? '' }}" inputmode="numeric" step="0.01" min="1000" required>
                </div>
            </fieldset>
        </div>
        <div class="col-md-12 mb-3">
            {{-- Checkbox Require Pre-factoring --}}
            <fieldset class="row border-top py-2">
                <legend class="float-none w-auto px-2 fs-6 fw-bold">Require Additional Facility?</legend>
                <div class="input-group mb-2">
                    <input type="checkbox" id="pre_checkbox" name="pre_checkbox" value="1" class="me-2" {{ !empty($lead->pre_facility_code) ? 'checked' : '' }}>{{ $pre_factoring->description }}</input>
                </div>
            </fieldset>
        </div>
                                                
        <div class="col-md-12 mb-3">
            {{-- Loan Details --}}
            <fieldset class="row border-top py-2">
                {{-- Summary --}}
                <legend class="float-none w-auto px-2 fs-6 fw-bold">Loan Details</legend>
                <div class="col-md-12 mb-3">
                    <label for="title_summary">Loan Purpose / Summary <span class="text-danger">*</span></label>
                    <div class="input-group mb2">
                        <textarea class="form-control @error('title_summary') is-invalid @enderror" rows="3" id="title_summary" name="title_summary" required>{{ $lead->title_summary ?? '' }}</textarea>
                    </div>
                </div>
                {{-- Tenure --}}
                <div class="col-lg-4 mb-3">
                    <label for="tenure_period" class="form-label">Contract Duration <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" name="tenure_period" id="tenure_period" class="form-control @error('tenure_period') is-invalid @enderror" value="{{ $lead->tenure_period ?? '' }}" required>
                        <select name="tenure_unit" id="tenure_unit" class="form-select @error('tenure_unit') is-invalid @enderror" required>
                            <option value="">Select Unit</option>
                            @foreach ($tenure_units as $unit)
                            <option value="{{ $unit->code }}" {{ ($lead->tenure_unit ?? '') == $unit->code ? 'selected' : '' }}>
                                {{ $unit->description }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                {{-- Originator --}}
                <div class="col-lg-4 mb-3">
                    <label for="originator" class="form-label">Originator <span class="text-danger">*</span></label>
                    <select class="form-select @error('originator') is-invalid @enderror" id="originator" name="originator" required>
                        <option value="">Select Originator</option>
                        @php
                            $selectedOriginator = $lead->originator ?? '';
                            $exists = $originators->pluck('id')->contains($selectedOriginator);
                        @endphp
                        @if ($selectedOriginator && !$exists)
                            <option value="{{ $selectedOriginator }}" selected>{{ $selectedOriginator }}</option>
                        @endif
                        @foreach ($originators as $originator)
                            <option value="{{ $originator->id }}" {{ ($lead->originator ?? '') == $originator->id ? 'selected' : '' }}>
                                {{ $originator->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                {{-- Vendor --}}
                <div class="col-lg-4 mb-3">
                    <label for="vendor_id" class="form-label">Vendor <span class="text-danger">*</span></label>
                    <select class="form-select @error('vendor_id') is-invalid @enderror" id="vendor_id" name="vendor_id" required>
                        <option value="">Select Vendor</option>
                        @php
                            $selectedVendor = optional($lead->vendor);
                            $exists = $vendors->pluck('id')->contains($selectedVendor->id);
                        @endphp
                        @if ($selectedVendor && !$exists)
                            <option value="{{ $selectedVendor->id }}" selected>{{ $selectedVendor->id }}</option>
                        @endif
                        @foreach ($vendors as $vendor)
                            <option value="{{ $vendor->id }}"
                                {{ optional($lead->vendor)->id == $vendor->id ? 'selected' : '' }}>
                                {{ $vendor->name }} - {{ $vendor->email }}
                            </option>
                        @endforeach
                        
                    </select>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="text-end mt-3">
        <button type="submit" class="btn btn-primary">Update Lead</button>
    </div>

</form>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const checkbox = document.getElementById('pre_checkbox');
        const section = document.getElementById('pre_factoring_section');

        function togglePreFactoring() {
            const inputs = section.querySelectorAll('input, select, textarea');

            if (checkbox.checked) {
                section.classList.remove('d-none');

                inputs.forEach(field => {
                    if (
                        field.name === 'pre_purpose_code' ||
                        field.name === 'pre_fund_amount'
                    ) {
                        field.required = true;
                    }
                    if (field.name === 'pre_facility_code') {
                        field.value = "{{ FactoringCategory::CODE_PRE_FACTORING }}";
                    }
                });
            } else {
                section.classList.add('d-none');

                inputs.forEach(field => {
                    field.required = false;

                    if (field.tagName === 'SELECT') {
                        field.selectedIndex = 0;
                    } else {
                        field.value = '';
                    }
                });
            }
        }

        togglePreFactoring(); // Initial state
        checkbox.addEventListener('change', togglePreFactoring);
    });
</script>