@extends('template.layout')


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

    <style>
        .fc-right{
            display: none;
        }
        .fc-toolbar{
            padding-bottom: 1%;
        }
        .portlet.calendar .fc-toolbar h2 {
            font-size: 30px;
        }
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        <a class=" icon-action-undo" href="{{ url('/') }}" style="padding: 5px;"></a>
        Horario del Docente
    </h1>

    <div class="portlet light ">
        <div class="portlet-body">
            <div class="Forum-ForumTopicList row" style="margin:20px">
                <div id='calendar_profesor' class="has-toolbar"></div>
            </div>
        </div>
    </div>

    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold"> Leyenda </span>
            </div>
        </div>
        <div class="portlet-body">
            <ul class="list-group" style="margin-right: 85%;">
                <li class="list-group-item bg-font-blue calendar-color-ordinario"> Clases ordinarias </li>
                <li class="list-group-item bg-font-red calendar-color-reprogramacion">Clases reprogramadas</li>
                <li class="list-group-item bg-font-red calendar-color-recuperacion">Clases recuperacion</li>
            </ul>
        </div>
    </div>

@endsection

@section('scripts')
    <script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/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 urlHA = '';
        var urlHP = '{{url('horario/cursos')}}';
    </script>
    <script src="{{asset('js/pages/horario.js')}}" type="text/javascript"></script>
@endsection