@props(['name', 'time' => false, 'id' => null, 'alpine' => false, 'live' => false])
@php
    $inputId = $id ?? 'di-'.\Illuminate\Support\Str::random(8);
    $altId = $inputId.'-alt';
    $bindAttr = $alpine ? 'x-model' : ($live ? 'wire:model.live' : 'wire:model');
@endphp

@if (app()->getLocale() === 'fa')
    <input type="hidden" id="{{ $altId }}" {{ $bindAttr }}="{{ $name }}">
    <input
        type="text"
        id="{{ $inputId }}"
        autocomplete="off"
        x-persian-date="{{ json_encode(['time' => $time, 'alt' => $altId]) }}"
        {{ $attributes->merge(['class' => 'block w-full rounded-md border-[var(--panel-border)] bg-[var(--panel-surface)] text-sm text-[var(--panel-text)] shadow-sm ltr-numerals focus:border-[var(--panel-primary)] focus:ring-[var(--panel-border-strong)]']) }}
    >
@else
    <input
        type="{{ $time ? 'datetime-local' : 'date' }}"
        id="{{ $inputId }}"
        {{ $bindAttr }}="{{ $name }}"
        {{ $attributes->merge(['class' => 'block w-full rounded-md border-[var(--panel-border)] bg-[var(--panel-surface)] text-sm text-[var(--panel-text)] shadow-sm ltr-numerals focus:border-[var(--panel-primary)] focus:ring-[var(--panel-border-strong)]']) }}
    >
@endif