@props(['lead' => []])


<h4 class="text-primary mt-3">Comps</h4>

<div id="comps-section">
    @php
    // Decode JSON-encoded strings safely for edit form
    $comps = isset($lead['requirements'][0]['comps']) ? json_decode($lead['requirements'][0]['comps'], true) : [];
    $sellerPriceMin = isset($lead['requirements'][0]['seller_price_min']) ? json_decode($lead['requirements'][0]['seller_price_min'], true) : [];
    $sellerPriceMax = isset($lead['requirements'][0]['seller_price_max']) ? json_decode($lead['requirements'][0]['seller_price_max'], true) : [];
    $pricePerSqrFT = isset($lead['requirements'][0]['price_per_sqrFT']) ? json_decode($lead['requirements'][0]['price_per_sqrFT'], true) : [];
    $sellerCompsFile = isset($lead['requirements'][0]['seller_comps_file']) ? json_decode($lead['requirements'][0]['seller_comps_file'], true) : [];

    // Ensure values are arrays
    $comps = is_array($comps) ? $comps : [];
    $sellerPriceMin = is_array($sellerPriceMin) ? $sellerPriceMin : [];
    $sellerPriceMax = is_array($sellerPriceMax) ? $sellerPriceMax : [];
    $pricePerSqrFT = is_array($pricePerSqrFT) ? $pricePerSqrFT : [];
    $sellerCompsFile = is_array($sellerCompsFile) ? $sellerCompsFile : [];

    // If creating a new form, ensure there is at least one empty row
    if (empty($comps)) {
    $comps = [""];
    $sellerPriceMin = [""];
    $sellerPriceMax = [""];
    $pricePerSqrFT = [""];
    $sellerCompsFile = [""];
    }
    @endphp

    @foreach($comps as $index => $comp)
    <div class="row comps-item mt-3">
        <div class="col-md-3">
            <x-input-label for="comps" :value="__('Comps')" />
            <x-text-input id="comps" placeholder="Enter Comps" name="comps[]"
                value="{{ $comp ?? '' }}" />
        </div>

        <div class="col-md-3">
            <x-input-label for="price" :value="__('Price')" />
            <div class="input-group">
                <span class="input-group-text p-0">$</span>
                <input type="text" class="form-control form-control-sm money-format"
                    placeholder="Min" name="seller_price_min[]" oninput="formatNumber(this)"
                    value="{{ $sellerPriceMin[$index] ?? '' }}">
                <input type="text" class="form-control form-control-sm money-format"
                    placeholder="Max" name="seller_price_max[]" oninput="formatNumber(this)"
                    value="{{ $sellerPriceMax[$index] ?? '' }}">
            </div>
        </div>

        <div class="col-md-3">
            <x-input-label for="price_per_sqrFT" :value="__('Price Per SqrFT')" />
            <div class="input-group">
                <span class="input-group-text p-0">$</span>
                <input type="text" id="price_per_sqrFT" class="form-control form-control-sm money-format"
                    placeholder="Enter Price Per SqrFT" name="price_per_sqrFT[]"
                    value="{{ $pricePerSqrFT[$index] ?? '' }}">
            </div>
        </div>

        <div class="col-md-2">
            <x-input-label for="file" :value="__('File')" />
            <input type="file" class="form-control form-control-sm" name="seller_comps_file[]">
            @if(isset($sellerCompsFile[$index]) && $sellerCompsFile[$index])
            <a href="{{ $sellerCompsFile[$index] }}" target="_blank">View File</a>
            @endif
        </div>

        <div class="col-md-1">
            @if($index === 0)
            <!-- "+" button only on the first row -->
            <button type="button" id="add-new-comps" class="btn btn-sm mt-4 add-comps">
                <i class="fas fa-plus"></i>
            </button>
            @else
            <div class="col-md-1">
                <button type="button" id="" class="btn btn-sm mt-4 add-comps fa-regular fa-trash-can delete-comps delete-inputs border border-primary-subtle p-1 py-2 rounded-4 text-danger"><i class="fa-solid fa-trash"></i></button>
            </div>
            @endif
        </div>
    </div>
    @endforeach
</div>

<style>
    .fa-trash-alt::before,
    .fa-trash-can::before {
        content: "" !important;

    }
</style>