@props([
    'container' => '#modal-report',
    'startEmpty' => false,
    'name' => 'period'
])
@php
    $value = $startEmpty ? null : today()->format('M-Y');
    $nameId = 'datepicker-'.$name;
@endphp
<div id="option-period" class="col-12 px-4">
    <div class="form-floating mb-2">
        <input id="{{ $nameId }}" type="text" class="form-control" name="{{ $name }}" value="{{ $value }}" readonly />
        <label class="form-label">{{ __('general.period') }}</label>
    </div>
</div>

@pushonce('scripts')
    <script type="module">
        const name = @json($name);
        $(document).ready(function () {
            $('#datepicker-' + name).datepicker({
                format: 'M-yyyy',
                minViewMode: 1,
                maxViewMode: 2,
                container: '{{ $container }}',
            });
        })
    </script>
@endpushonce