{{--  @if ($ad->image_type == 'one')  --}}
{{--  @php
    dd($ad->products)
@endphp  --}}
<div class="form-group form-check row width-100" id="oneProductForm">
    <div class="col-12">
        <h4 class="mb-3">Single Product</h4>

        <table class="table table-bordered align-middle">
            <thead class="table-light">
                <tr>
                    <th width="25%">Select Product</th>
                    <th width="20%">Image</th>
                    <th width="25%">Title</th>
                    <th width="15%">Old Price</th>
                    <th width="15%">New Price</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td>
                        <select id="product_id" class="product-select form-control" name="product_id"
                            data-selected="{{ $ad->products->first()->product_id ?? '' }}">
                        </select>
                    </td>

                    <td>
                        <div style="display: flex; flex-direction: column;">
                            <input type="file" name="product_image" class="form-control mb-2">


@if ($ad->products->isNotEmpty() && ($img = $ad->products->first()->getFirstMedia('quadrant_ad_product')))
    <img src="{{ $img->getFullUrl() }}" width="50">
@endif

                        </div>
                    </td>

                    <td>
                        <input type="text" name="title" class="form-control"
                            value="{{ $ad->products->first()->title }}">
                    </td>

                    <td>
                        <input type="text" name="price" class="form-control"
                            value="{{ $ad->products->first()->price }}" readonly>
                    </td>

                    <td>
                        <input type="text" name="new_price" class="form-control"
                            value="{{ $ad->products->first()->new_price }}">
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{{--  @endif
@if ($ad->image_type == 'four')  --}}
<div class="form-group form-check row width-100" id="fourProductForm">
    <div class="col-7">
        <h4>Four Products</h4>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style="width: 25%">Select Product</th>
                    <th style="width: 20%">Image</th>
                    <th style="width: 25%">Title</th>
                    <th style="width: 15%">Old Price</th>
                    <th style="width: 15%">New Price</th>
                </tr>
            </thead>

            <tbody>
                @php
                    // Convert products to fixed 4 rows
                    $rows = [];

                    for ($i = 0; $i < 4; $i++) {
                        $rows[$i] = $ad->products[$i] ?? null;
                    }
                @endphp

                @foreach ($rows as $key => $p)
                    <tr>
                        <input type="hidden" name="products[{{ $key }}][product_row_id]"
                            value="{{ $p->id ?? '' }}">

                        <input type="hidden" name="products[{{ $key }}][old_product_image]"
                            value="{{ $p->product_image ?? '' }}">


                        <td>
                            <select class="product-select form-control" name="products[{{ $key }}][product_id]"
                                data-selected="{{ $p->product_id ?? '' }}">
                            </select>
                        </td>

                        <td>
                            <input type="file" name="products[{{ $key }}][product_image]"
                                class="form-control">

                           @if ($p && ($img = $p->getFirstMedia('quadrant_ad_product')))
    <img src="{{ $img->getFullUrl() }}" width="50">
@endif
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][title]" class="form-control"
                                value="{{ $p->title ?? '' }}">
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][price]" class="form-control"
                                value="{{ $p->price ?? '' }}" readonly>
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][new_price]" class="form-control"
                                value="{{ $p->new_price ?? '' }}">
                        </td>
                    </tr>
                @endforeach
            </tbody>

        </table>
    </div>
</div>
{{--  @endif  --}}


<div class="form-group form-check row width-100" id="threeProductForm">
    <div class="col-7">
        <h4>Three Products</h4>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style="width: 25%">Select Product</th>
                    <th style="width: 20%">Image</th>
                    <th style="width: 25%">Title</th>
                    <th style="width: 15%">Old Price</th>
                    <th style="width: 15%">New Price</th>
                </tr>
            </thead>

            <tbody>
                @php
                    // Convert products to fixed 4 rows
                    $rows = [];

                    for ($i = 0; $i < 3; $i++) {
                        $rows[$i] = $ad->products[$i] ?? null;
                    }
                @endphp

                @foreach ($rows as $key => $p)
                    <tr>
                        <input type="hidden" name="products[{{ $key }}][product_row_id]"
                            value="{{ $p->id ?? '' }}">

                        <input type="hidden" name="products[{{ $key }}][old_product_image]"
                            value="{{ $p->product_image ?? '' }}">


                        <td>
                            <select class="product-select form-control" name="products[{{ $key }}][product_id]"
                                data-selected="{{ $p->product_id ?? '' }}">
                            </select>
                        </td>

                        <td>
                            <input type="file" name="products[{{ $key }}][product_image]"
                                class="form-control">

                          @if ($p && ($img = $p->getFirstMedia('quadrant_ad_product')))
    <img src="{{ $img->getFullUrl() }}" width="50">
@endif
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][title]" class="form-control"
                                value="{{ $p->title ?? '' }}">
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][price]" class="form-control"
                                value="{{ $p->price ?? '' }}" readonly>
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][new_price]" class="form-control"
                                value="{{ $p->new_price ?? '' }}">
                        </td>
                    </tr>
                @endforeach
            </tbody>

        </table>
    </div>
</div>

<div class="form-group form-check row width-100" id="twoProductForm">
    <div class="col-7">
        <h4>Two Products</h4>

        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style="width: 25%">Select Product</th>
                    <th style="width: 20%">Image</th>
                    <th style="width: 25%">Title</th>
                    <th style="width: 15%">Old Price</th>
                    <th style="width: 15%">New Price</th>
                </tr>
            </thead>

            <tbody>
                @php
                    // Convert products to fixed 4 rows
                    $rows = [];

                    for ($i = 0; $i < 2; $i++) {
                        $rows[$i] = $ad->products[$i] ?? null;
                    }
                @endphp

                @foreach ($rows as $key => $p)
                    <tr>
                        <input type="hidden" name="products[{{ $key }}][product_row_id]"
                            value="{{ $p->id ?? '' }}">

                        <input type="hidden" name="products[{{ $key }}][old_product_image]"
                            value="{{ $p->product_image ?? '' }}">


                        <td>
                            <select class="product-select form-control" name="products[{{ $key }}][product_id]"
                                data-selected="{{ $p->product_id ?? '' }}">
                            </select>
                        </td>

                        <td>
                            <input type="file" name="products[{{ $key }}][product_image]"
                                class="form-control">
@if ($p && ($img = $p->getFirstMedia('quadrant_ad_product')))
    <img src="{{ $img->getFullUrl() }}" width="50">
@endif

                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][title]" class="form-control"
                                value="{{ $p->title ?? '' }}">
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][price]" class="form-control"
                                value="{{ $p->price ?? '' }}" readonly>
                        </td>

                        <td>
                            <input type="text" name="products[{{ $key }}][new_price]" class="form-control"
                                value="{{ $p->new_price ?? '' }}">
                        </td>
                    </tr>
                @endforeach
            </tbody>

        </table>
    </div>
</div>