@php
    use Carbon\Carbon;

    // Determinar formato según si se deshabilita la hora
    $hasTime = empty($disable_time); // si no viene, usa tiempo; si viene true, NO usa

    $phpFormat = $hasTime ? 'd/m/Y H:i' : 'd/m/Y';
    $jsFormat  = $hasTime ? 'DD/MM/YYYY HH:mm' : 'DD/MM/YYYY';

    if (!empty($value)) {
        // Carbon::parse soporta Y-m-d y Y-m-d H:i:s
        $value_final = Carbon::parse($value)->format($phpFormat);
    } else {
        $value_final = !empty($default_blank) ? '' : date($phpFormat);
    }
@endphp

@if(!empty($format_vertical))
    <div class="form-group">
        <label for="{{ $id }}">{{ __($name) }}</label>
        <input type="text" class="form-control"
               value="{{ $value_final }}"
               data-target="#date-picker"
               data-toggle="datetimepicker"
               name="{{ $id }}"
               id="datepicker-{{ $id }}"
               autocomplete="off">
    </div>
@else
    <div class="form-group row">
        <label for="{{ $id }}" class="col-sm-3 col-form-label">{{ __($name) }}</label>
        <div class="col-sm-9">
            <input type="text" class="form-control"
                   value="{{ $value_final }}"
                   data-target="#date-picker"
                   data-toggle="datetimepicker"
                   name="{{ $id }}"
                   id="datepicker-{{ $id }}"
                   autocomplete="off">
        </div>
    </div>
@endif

@push('js')
    <script>
        $(function () {
            $.fn.datetimepicker.Constructor.Default = $.extend($.fn.datetimepicker.Constructor.Default, {
                icons: {
                    time: 'fas fa-clock',
                    date: 'fas fa-calendar',
                    up: 'fas fa-arrow-up',
                    down: 'fas fa-arrow-down',
                    previous: 'fas fa-chevron-left',
                    next: 'fas fa-chevron-right',
                    today: 'fas fa-calendar-check-o',
                    clear: 'fas fa-trash',
                    close: 'fas fa-times'
                }
            });

            $('#datepicker-{{ $id }}').datetimepicker({
                format: '{{ $jsFormat }}',
                stepping: 5, // opcional
                useCurrent: false,
                @if(!$hasTime)
                // Oculta selector de hora automáticamente
                icons: { time: '' }
                @endif
            });
        });
    </script>
@endpush