@extends('template.layout')

@section('styles')
    <link href="{{ asset('plugins/fullcalendar/fullcalendar.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('css/plugins.css') }}" rel="stylesheet" type="text/css"/>
@endsection


@section('content')
    <div class="portlet light portlet-fit bordered calendar">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-calendar font-green"></i>
                <span class="caption-subject font-green sbold uppercase">Calendario de citas</span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div id="calendar" class="has-toolbar"> </div>
                </div>
            </div>
        </div>
    </div>
    <div id="eventContent" title="Event Details" style="display:none;">
        Titulo: <span id="title"></span><br>
        Descripcion: <span id="descripcion"></span><br>
        Alumno: <span id="alumno"></span><br>
        Fecha: <span id="fecha"></span><br>
    </div>
@endsection


@section('scripts')
    <script src="{{asset('plugins/moment/moment.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/fullcalendar/fullcalendar.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/fullcalendar/lang-all.js')}}" type="text/javascript"></script>
    <script>
        var route = "{{ route('gestion.cita.calendario.post') }}";
    </script>
    <script src="{{asset('js/Cita/calendario.js')}}" type="text/javascript"></script>
@endsection