@php
    $months = '';
    if(app()->getLocale() == 'it') {
        $months = '<option value="0">Gennaio</option>
            <option value="1">Febbraio</option>
            <option value="2">Marzo</option>
            <option value="3">Aprile</option>
            <option value="4">Maggio</option>
            <option value="5">Giugno</option>
            <option value="6">Luglio</option>
            <option value="7">Agosto</option>
            <option value="8">Settembre</option>
            <option value="9">Ottobre</option>
            <option value="10">Novembre</option>
            <option value="11">Dicembre</option>
        ';
    } else {
        $months = '<option value="0">January</option>
            <option value="1">February</option>
            <option value="2">March</option>
            <option value="3">April</option>
            <option value="4">May</option>
            <option value="5">June</option>
            <option value="6">July</option>
            <option value="7">August</option>
            <option value="8">September</option>
            <option value="9">October</option>
            <option value="10">November</option>
            <option value="11">December</option>
        ';
    }
@endphp

<div class="calendar-container {{ implode(' ', $classes) }}"
    id="{{ $id ?? '' }}"
    data-uuid="{{ $uuid }}"
     style="{{ $extraAttributes['style'] ?? '' }} {{ $style ?? '' }}"
    {!! $extraAttributesString !!}
    data-min-year="{{ $minYear }}"
    data-max-year="{{ $maxYear }}"
    @include('kfw::partials.shared-properties')
>
    <div class="calendar-header">
        <div class="calendar-controls">
            <select id="monthSelect">
                {!! $months !!}
            </select>
            <select id="yearSelect"></select>
        </div>
        <div class="navigation-buttons">
            <button class="btn secondary" id="prevMonth" type="button">
                <i class="mdi mdi-chevron-left i-large"></i>
            </button>
            <button class="btn secondary" id="nextMonth" type="button">
                <i class="mdi mdi-chevron-right i-large"></i>
            </button>
        </div>
    </div>
    <div class="calendar-grid" id="calendarGrid"></div>
</div>