{{-- ═══ Supplements Shop — Welcome: Sección "¿Cuál es tu objetivo?" ═══ --}}
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección "¿Cuál es tu objetivo?"</h4>
    <p class="text-gray-600 fs-7 mb-4">4 tarjetas de categoría que guían al cliente según su objetivo.</p>
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-6">
            <label class="form-label">Título de la sección</label>
            <input type="text" name="welcome[goals_heading]" class="form-control form-control-solid"
                value="{{ old('welcome.goals_heading', $siteData['welcome']['goals_heading'] ?? '') }}"
                placeholder="¿Cuál es tu objetivo?" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo de la sección</label>
            <input type="text" name="welcome[goals_subtitle]" class="form-control form-control-solid"
                value="{{ old('welcome.goals_subtitle', $siteData['welcome']['goals_subtitle'] ?? '') }}"
                placeholder="Comprá por categoría según lo que querés lograr" />
        </div>
    </div>

    <div class="separator separator-dashed my-4"></div>

    @php
        $goalDefaults = [
            1 => ['title' => 'AUMENTAR MASA',  'subtitle' => 'Hipertrofia y fuerza',     'url' => '/products-catalogue/category/proteinas'],
            2 => ['title' => 'DEFINICIÓN',      'subtitle' => 'Pérdida de grasa',         'url' => '/products-catalogue/category/proteinas'],
            3 => ['title' => 'SALUD DIARIA',    'subtitle' => 'Vitaminas y bienestar',    'url' => '/products-catalogue/category/vitaminas-minerales'],
            4 => ['title' => 'RENDIMIENTO',     'subtitle' => 'Pre-entrenos y energía',   'url' => '/products-catalogue/category/pre-entrenos-energizantes'],
        ];
    @endphp

    @for($i = 1; $i <= 4; $i++)
    <div class="row g-4 mb-3">
        <div class="col-12">
            <span class="badge bg-light text-dark fw-bold fs-7">Tarjeta {{ $i }}</span>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[goal_{{ $i }}_title]" class="form-control form-control-solid"
                value="{{ old("welcome.goal_{$i}_title", $siteData['welcome']["goal_{$i}_title"] ?? '') }}"
                placeholder="{{ $goalDefaults[$i]['title'] }}" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[goal_{{ $i }}_subtitle]" class="form-control form-control-solid"
                value="{{ old("welcome.goal_{$i}_subtitle", $siteData['welcome']["goal_{$i}_subtitle"] ?? '') }}"
                placeholder="{{ $goalDefaults[$i]['subtitle'] }}" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Enlace a categoría <span class="text-muted fs-8">(ruta relativa)</span></label>
            <input type="text" name="welcome[goal_{{ $i }}_url]" class="form-control form-control-solid"
                value="{{ old("welcome.goal_{$i}_url", $siteData['welcome']["goal_{$i}_url"] ?? '') }}"
                placeholder="{{ $goalDefaults[$i]['url'] }}" />
        </div>
    </div>
    @if($i < 4)<div class="separator separator-dashed my-2"></div>@endif
    @endfor
</div>