{{-- resources/views/components/tramite-row.blade.php
     Componente para cada fila de fecha + observación en el edit de trámites.
     Recibe value en formato Y-m-d (directo de la BD sin conversión).
     El browser muestra la fecha en formato local automáticamente con type="date".
     El form envía Y-m-d → el controller usa FechaHelper::parseFecha() para leerlo.
--}}
@props([
    'label'  => '',
    'name'   => '',
    'value'  => '',
    'obs'    => null,
    'obsval' => '',
])

<div class="row mb-2 align-items-center g-2">
    <div class="col-sm-4 text-muted fs-sm fw-semibold">{{ $label }}</div>
    <div class="col-sm-{{ $obs ? '4' : '8' }}">
        <div class="input-group input-group-sm">
            <span class="input-group-text bg-white"
                  onclick="this.nextElementSibling.showPicker()"
                  style="cursor:pointer">
                <i class="fa fa-calendar-alt text-primary"></i>
            </span>
            {{-- value en Y-m-d → type="date" lo muestra en formato local del browser --}}
            <input type="date"
                   name="{{ $name }}"
                   class="form-control form-control-sm"
                   value="{{ $value }}">
        </div>
    </div>
    @if($obs)
    <div class="col-sm-4">
        <input type="text"
               name="{{ $obs }}"
               class="form-control form-control-sm bg-body-light"
               placeholder="Observación..."
               value="{{ $obsval }}">
    </div>
    @endif
</div>