{{-- ═══ Law Firm about fields ═══ --}}

{{-- Main Section --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Principal (About)</h4>
    <p class="text-gray-600 fs-7 mb-4">Título, misión, descripción y firma del CEO.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título principal</label>
            <input type="text" name="about[main_title]" class="form-control form-control-solid" value="{{ old('about.main_title', $siteData['about']['main_title'] ?? '') }}" placeholder="About Us" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="about[main_subtitle]" class="form-control form-control-solid" value="{{ old('about.main_subtitle', $siteData['about']['main_subtitle'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Misión</label>
            <textarea name="about[mission]" class="form-control form-control-solid" rows="2">{{ old('about.mission', $siteData['about']['mission'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Clientes</label>
            <textarea name="about[clients_text]" class="form-control form-control-solid" rows="2">{{ old('about.clients_text', $siteData['about']['clients_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Confianza</label>
            <textarea name="about[trust_text]" class="form-control form-control-solid" rows="2">{{ old('about.trust_text', $siteData['about']['trust_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- Global Service + Signature --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Global Service + Firma</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título</label>
            <input type="text" name="about[global_title]" class="form-control form-control-solid" value="{{ old('about.global_title', $siteData['about']['global_title'] ?? '') }}" placeholder="Global Service Provided By Exceptional Attorneys" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Nombre firma</label>
            <input type="text" name="about[signature_name]" class="form-control form-control-solid" value="{{ old('about.signature_name', $siteData['about']['signature_name'] ?? '') }}" placeholder="JOHN DOE - CEO & FOUNDER" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="about[global_description]" class="form-control form-control-solid" rows="3">{{ old('about.global_description', $siteData['about']['global_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- Counters --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Contadores (About)</h4>
    <div class="row g-4 mb-6">
        @for($i = 1; $i <= 4; $i++)
        <div class="col-6 col-md-2">
            <label class="form-label">Valor {{ $i }}</label>
            <input type="text" name="about[counter_{{ $i }}_value]" class="form-control form-control-solid" value="{{ old("about.counter_{$i}_value", $siteData['about']["counter_{$i}_value"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-4">
            <label class="form-label">Etiqueta {{ $i }}</label>
            <input type="text" name="about[counter_{{ $i }}_label]" class="form-control form-control-solid" value="{{ old("about.counter_{$i}_label", $siteData['about']["counter_{$i}_label"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>