@if(Auth::user()->root || Auth::user()->hasRol('admin') )
    <h2 class="destacado mb-5">Calendario de dias feriados </h2>
    <div class="row">
        <div class="col-12">
            <form name="form" class="form-horizontal" method="GET" action="{{ url('admin/tools/calendario_feriados') }}">
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <label for="institucion" class="form-label">Institución</label>
                        <select name="institucion" id="institucion" {{!\Auth::user()->root ? 'disabled' : ''}}>
                            @if (\Auth::user()->root)
                                <option value="">Global</option>
                            @endif
                            @foreach($allInstituciones as $institucion)
                                <option value="{{ $institucion->id }}">{{ $institucion->nombre }}</option>
                            @endforeach
                        </select>
                        @if (!\Auth::user()->root)
                            <input type="hidden" name="institucion" value="{{ $institucion->id }}">
                        @endif
                    </div>
                    <div class="col-4">
                        <label for="ano" class="form-label">Año</label>
                        <select id="ano" name="ano" class="form-control" required>
                            @php
                                $anoActual = date('Y');
                                $anosAnteriores = range($anoActual - 1, 2023); // Rango de años anteriores
                                $anosPosteriores = range($anoActual + 1, $anoActual + 1); // Rango de años posteriores
                            @endphp
                            @foreach ($anosPosteriores as $anoPosterior)
                                <option value="{{ $anoPosterior }}">{{ $anoPosterior }}</option>
                            @endforeach
                            <option value="{{ $anoActual }}" {{ $ano !== null && $ano == $anoActual ? 'selected' : '' }}>{{ $anoActual }}</option>
                            @foreach ($anosAnteriores as $anoAnterior)
                                <option value="{{ $anoAnterior }}">{{ $anoAnterior }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-2">
                        <br/>
                        <div class="mt-2">
                            <button type="submit" class="btn btn-primary" name="action" value="buscar">Buscar</button>
                        </div>
                    </div>
                </div>
            </form>

            <br>
            <hr>
            <div class="row">
                <h2 class="destacado mb-3">Informacion Consulta </h2>
                <div class="col-4">
                    <h6><b>Institución:</b></h6>
                    <label class="form-label">
                        @if ($nombre_institucion != null)
                            {{$nombre_institucion}}
                        @else
                            Global
                        @endif
                    </label>
                </div>
                <div class="col-4">
                    <h6><b>Período Feriado:</b></h6>
                    <label class="form-label">Fecha entre 01-01-{{$ano}} y 31-12-{{$ano}} </label>
                </div>
                <div class="col-2">
                    <h6><b>Total Feriados</b></h6>
                    <label class="form-label">{{count($feriados)}} dias</label>
                </div>
                <div class="col-2">
                    <a href='{{  url("admin/tools/calendario_feriados/create?nombre_institucion=$nombre_institucion&institucion_id=$institucion_id&ano=$ano") }}'' class="btn btn-success">Nuevo</a>
                </div>

            </div>
            <hr>
            <br>



            <div class="row donativos-table">
                <div class="col-12 table_movil">
                    <table class="table table-striped mt-1">
                        <thead class="table-dark">
                            <tr>
                                <th scope="col">Fecha</th>
                                <th scope="col">Descripcion</th>
                                <th scope="col">Institución</th>
                                <th scope="col">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($feriados as $feriado)
                            <tr>
                                <td>{{ $feriado['fecha']}}</td>
                                <td>{{ $feriado['nombre'] }}</td>
                                @if ($feriado['institucion_id'] == null)
                                    <td>Global</td>
                                @else
                                    <td>{{ $nombre_institucion}}</td>
                                @endif
                                @if ($feriado['institucion_id'] !== null || \Auth::user()->root)
                                    <td>
                                        <a href="{{ url('admin/tools/calendario_feriados/'.$feriado['id'].'/edit') }}" class="btn btn-primary">Editar</a>
                                        <a href="#" class="btn btn-danger" onclick="confirmDelete('{{ url('admin/tools/calendario_feriados/'.$feriado['id'].'/delete') }}')">Eliminar</a>
                                    </td>
                                @else
                                    <td>
                                    </td>
                                @endif
                            </tr>
                            @endforeach
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>


        </div>
    </div>

@endif
<script>
    var instituciones = {!! json_encode($allInstituciones) !!};
    function agregarOpcionesSelect() {
        var select = document.getElementById('institucion');
        instituciones.forEach(function(institucion) {
            var option = document.createElement('option');
            option.value = institucion.id;
            option.text = institucion.nombre;
            select.appendChild(option);
        });
    }

    window.onload = function() {
        agregarOpcionesSelect();
    };
</script>
<script>
    function confirmDelete(url) {
        if (confirm('¿Estás seguro de que deseas eliminar este feriado?')) {
            window.location.href = url;
        }
    }
</script>