@props([
    'currentDate',
    'testDates' => [],
    'testsByDate' => [],
    'datesPreviousValid' => [],
    'gamesThatDay' => [],
    'lastPeriod' => 'anterior',
    'lastGameDate' => '',
    'lastGameId' => ''
])

@php
    use Carbon\Carbon;
    
    $year = $currentDate->year;
    $month = $currentDate->month;
    $firstDay = Carbon::create($year, $month, 1);
    $startWeekday = $firstDay->dayOfWeek; 
    // Convertir el día de la semana para que lunes sea 0 y domingo sea 6
    $startWeekday = $startWeekday === 0 ? 6 : $startWeekday - 1;
    $daysInMonth = $firstDay->daysInMonth;

    // Obtener el primer y último día del mes actual
    $firstDayOfMonth = Carbon::create($year, $month, 1)->startOfDay();
    $lastDayOfMonth = Carbon::create($year, $month, 1)->endOfMonth()->endOfDay();
    
    // Asegurarnos de que test_dates sea una colección
    $test_dates_collection = collect($testDates);
    
    // Calcular meses con tests
    $months_with_tests = [];
    $years_with_tests = [];
    foreach($test_dates_collection as $test_date) {
        $date = Carbon::parse($test_date);
        if (!isset($months_with_tests[$date->year])) {
            $months_with_tests[$date->year] = [];
        }
        $months_with_tests[$date->year][$date->month] = true;
        $years_with_tests[$date->year] = true;
    }
    
    // Verificar si hay tests en el mes anterior
    $firstDayPrevMonth = $firstDayOfMonth->copy()->subMonth()->startOfMonth();
    $lastDayPrevMonth = $firstDayOfMonth->copy()->subMonth()->endOfMonth();
    $hasTestsPrevMonth = $test_dates_collection->filter(function($date) use ($firstDayPrevMonth, $lastDayPrevMonth) {
        $d = Carbon::parse($date);
        return $d->between($firstDayPrevMonth, $lastDayPrevMonth);
    })->isNotEmpty();
    
    // Verificar si hay tests en el mes siguiente
    $firstDayNextMonth = $lastDayOfMonth->copy()->addDay()->startOfDay();
    $lastDayNextMonth = $lastDayOfMonth->copy()->addMonth()->endOfDay();
    $hasTestsNextMonth = $test_dates_collection->filter(function($date) use ($firstDayNextMonth, $lastDayNextMonth) {
        $d = Carbon::parse($date);
        return $d->between($firstDayNextMonth, $lastDayNextMonth);
    })->isNotEmpty();
@endphp

<div class="row mb-4">
    <!-- Calendario -->
    <div class="col-6">
        <div class="mini-calendar mx-auto">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <button type="button" 
                        class="btn btn-sm btn-primary"
                        onclick="navigateMonth(-1)">
                    <i class="fas fa-chevron-left"></i>
                </button>
                <div class="d-flex align-items-center calendar-selectors">
                    <!-- Selector de meses para escritorio (se oculta en móvil) -->
                    <select id="desktopMonthSelect" class="form-control form-control-sm mr-2 d-none d-md-block" style="width: 130px;" 
                            onchange="changeMonth(this.value)">
                        @foreach(range(1, 12) as $num)
                            <option value="{{ $num }}" 
                                {{ $num == $currentDate->month ? 'selected' : '' }}
                                class="{{ isset($months_with_tests[$year][$num]) ? 'has-tests' : '' }}"
                            >
                                {{ __('all.months.' . $num) }}
                            </option>
                        @endforeach
                    </select>
                    
                    <!-- Selector personalizado para móvil -->
                    <div class="mobile-custom-select d-md-none" style="width: 130px;">
                        <div id="mobileMonthDisplay" class="custom-select-display">
                            {{ __('all.months.' . $currentDate->month) }}
                        </div>
                        <div id="mobileMonthDropdown" class="custom-select-dropdown">
                            @foreach(range(1, 12) as $num)
                                <div class="custom-select-option {{ isset($months_with_tests[$year][$num]) ? 'has-tests-mobile' : '' }} {{ $num == $currentDate->month ? 'selected' : '' }}"
                                     data-value="{{ $num }}" onclick="selectMobileMonth(this)">
                                    {{ __('all.months.' . $num) }}
                                </div>
                            @endforeach
                        </div>
                    </div>
                    
                    <!-- Selector de años para escritorio (se oculta en móvil) -->
                    <select id="yearSelect" class="form-control form-control-sm d-none d-md-block" style="width: 100px;" 
                            onchange="changeYear(this.value)">
                        @for($y = $currentDate->year - 5; $y <= $currentDate->year + 5; $y++)
                            <option value="{{ $y }}" 
                                {{ $y == $currentDate->year ? 'selected' : '' }}
                                class="{{ isset($years_with_tests[$y]) ? 'has-tests' : '' }}"
                            >
                                {{ $y }}
                            </option>
                        @endfor
                    </select>
                    
                    <!-- Selector personalizado para años en móvil -->
                    <div class="mobile-custom-select d-md-none" style="width: 100px;">
                        <div id="mobileYearDisplay" class="custom-select-display">
                            {{ $currentDate->year }}
                        </div>
                        <div id="mobileYearDropdown" class="custom-select-dropdown">
                            @for($y = $currentDate->year - 5; $y <= $currentDate->year + 5; $y++)
                                <div class="custom-select-option {{ isset($years_with_tests[$y]) ? 'has-tests-mobile' : '' }} {{ $y == $currentDate->year ? 'selected' : '' }}"
                                     data-value="{{ $y }}" onclick="selectMobileYear(this)">
                                    {{ $y }}
                                </div>
                            @endfor
                        </div>
                    </div>
                </div>
                <button type="button" 
                        class="btn btn-sm btn-primary"
                        onclick="navigateMonth(1)">
                    <i class="fas fa-chevron-right"></i>
                </button>
            </div>
            <table class="mini-calendar-table">
                <thead>
                    <tr>
                        <th>{{ __('all.calendar_days.L') }}</th>
                        <th>{{ __('all.calendar_days.M') }}</th>
                        <th>{{ __('all.calendar_days.X') }}</th>
                        <th>{{ __('all.calendar_days.J') }}</th>
                        <th>{{ __('all.calendar_days.V') }}</th>
                        <th>{{ __('all.calendar_days.S') }}</th>
                        <th>{{ __('all.calendar_days.D') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @php $cell=0; @endphp
                    <tr>
                        @for($i=0;$i<$startWeekday;$i++)
                            <td></td>
                            @php $cell++; @endphp
                        @endfor

                        @for($day=1;$day<=$daysInMonth;$day++)
                            @php
                                $d = Carbon::create($year,$month,$day)->format('Y-m-d');
                                $hasTest = $test_dates_collection->contains($d);
                                $classes = $hasTest ? ' has-test ' : '';
                                if($d == $currentDate->format('Y-m-d')) $classes .= ' selected-day ';
                            @endphp
                            <td class="{{ $classes }}"
                                onclick="
                                    document.getElementById('current_date').value='{{ $d }}';
                                    this.closest('form').submit();
                                "
                            >
                                {{ $day }}
                                @if($hasTest)
                                    @php
                                        $dayTests = $testsByDate[$d] ?? collect();
                                    @endphp
                                    @if($dayTests->isNotEmpty())
                                        <div class="day-tests-popup">
                                            @foreach($dayTests as $test)
                                                <a href="#"
                                                   onclick="
                                                      event.preventDefault();
                                                      document.getElementById('current_date').value='{{ $d }}';
                                                      document.getElementsByName('current_game_id')[0].value='{{ $test->id }}';
                                                      this.closest('form').submit();
                                                   "
                                                >
                                                    {{ Carbon::parse($test->date_time_start)->format('H:i') }}
                                                </a>
                                            @endforeach
                                        </div>
                                    @endif
                                @endif
                            </td>
                            @php
                                $cell++;
                                if($cell%7==0) echo '</tr><tr>';
                            @endphp
                        @endfor

                        @while($cell%7!=0)
                            <td></td>
                            @php $cell++; @endphp
                        @endwhile
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Selector de período -->
    <div class="col-6">
        <div class="period-selector">
            <select name="last_period" class="form-control form-control-sm mb-2" onchange="this.form.submit()">
                <option value="anterior" {{ $lastPeriod=='anterior'?'selected':'' }}>{{ __('all.previous') }}</option>
                <option value="1week" {{ $lastPeriod=='1week'?'selected':'' }}>{{ __('all.last_week') }}</option>
                <option value="2weeks" {{ $lastPeriod=='2weeks'?'selected':'' }}>{{ __('all.last_2_weeks') }}</option>
                <option value="1month" {{ $lastPeriod=='1month'?'selected':'' }}>{{ __('all.last_month') }}</option>
            </select>

            @if($lastPeriod=='anterior')
            <div class="test-selector">
                <div class="form-group">
                    <label class="small">{{ __('all.previous_test_day') }}:</label>
                    <select name="last_game_date" class="form-control form-control-sm mb-2"
                            onchange="this.form.submit()">
                        <option value="">-- {{ __('all.select_day') }} --</option>
                        @foreach($datesPreviousValid as $dpv)
                            <option value="{{ $dpv }}" {{ $dpv==$lastGameDate?'selected':'' }}>
                                {{ Carbon::parse($dpv)->format('d/m/Y') }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="small">{{ __('all.test_of_that_day') }}:</label>
                    <select name="last_game_id" class="form-control form-control-sm"
                            onchange="this.form.submit()">
                        <option value="">-- {{ __('all.select_test') }} --</option>
                        @if(!empty($gamesThatDay))
                            @foreach($gamesThatDay as $pg)
                                <option value="{{ $pg->id }}"
                                    {{ $pg->id==$lastGameId?'selected':'' }}>
                                    #{{ $pg->id }} - {{ Carbon::parse($pg->date_time_start)->format('H:i') }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>