@extends('template.main')
@section('titulo','Calendario de cumpleaños')
@section('cabecera')
<script src="{{ asset ('js/fullcalendar/dist/index.global.min.js') }}"></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          //initialView: 'dayGridMonth'
        });
        @foreach($alumnos as $alumno)
            @php

                $date = $alumno->fechaNacimiento;
                $mes= date('m', strtotime($date));
                $dia= date('d', strtotime($date));
                $year= date('Y');
                $fechaNacimientoCompleta="$year-$mes-$dia";
            
            
            
            @endphp
            calendar.addEvent(
            {
            title: 'AL:{{$alumno->nombre}} {{$alumno->apellidos}}',
            start: '{{$fechaNacimientoCompleta}}',
            
            }
            
        );
        @endforeach

        @foreach($docentes as $docente)
            @php

                $date = $docente->fechaNacimiento;
                $mes= date('m', strtotime($date));
                $dia= date('d', strtotime($date));
                $year= date('Y');
                $fechaNacimientoCompleta="$year-$mes-$dia";
            
            
            
            @endphp
            calendar.addEvent(
            {
            title: 'D:{{$docente->nombre}} {{$docente->apellidos}}',
            start: '{{$fechaNacimientoCompleta}}',
            
            }
            
        );
        @endforeach


        @foreach($administrativos as $administrativo)
            @php

                $date = $administrativo->fechaNacimiento;
                $mes= date('m', strtotime($date));
                $dia= date('d', strtotime($date));
                $year= date('Y');
                $fechaNacimientoCompleta="$year-$mes-$dia";
            
            
            
            @endphp
            calendar.addEvent(
            {
            title: 'AD:{{$administrativo->nombre}} {{$administrativo->apellidos}}',
            start: '{{$fechaNacimientoCompleta}}',
            
            }
            
        );
        @endforeach
        
          
        
        calendar.render();
      });

    </script>
@endsection

@section('contenido')

<h1 class="contexto"><center>Calendario de Cumpleaños </center></h1>

<div class="leyenda">
    <h3></h3>
    <ul>
        <li><strong>D:</strong> Docentes</li>
        <li><strong>AL:</strong> Alumnos</li>
        <li><strong>AD:</strong> Administrativos</li>
    </ul>
</div>


    <div id='calendar'></div>
    
    
@endsection