@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script>
    var idUsuario = @ViewBag.idUsuario;
    var idSala = @ViewBag.idSala;
    var NumExpediente = "@ViewBag.NumExpediente";
    var token="@ViewBag.token";
</script>
<meta charset='utf-8' />
<!-- FullCalendar -->
<link href="~/gentelella/vendors/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet" />
<link href="~/gentelella/vendors/fullcalendar/dist/fullcalendar.print.css" rel="stylesheet" media="print" />
<!-- Custom styling plus plugins -->
<link href="~/gentelella/build/css/custom.min.css" rel="stylesheet" />
<link href="~/gentelella/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet" />
<div class="">
    <div class="page-title">
        <div class="title_left">

        </div>
        <div class="title_right">
            <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">

            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row" ng-controller="SalaController as vm" ng-init="vm.iniciarCalendario()">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Calendario de Audiencias</h2>
                    <div class="input-group pull-right top_search">

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">

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


                </div>
            </div>
        </div>
    </div>
</div>
<!-- calendar modal -->
<div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">Nuevo envento</h4>
            </div>
            <div class="modal-body">
                <div id="testmodal" style="padding: 5px 20px;">
                    <form id="antoform" class="form-horizontal calender" role="form">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Título</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" id="title" name="title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Descripción</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary antosubmit">Guardar</button>
            </div>
        </div>
    </div>
</div>
<div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="Tipo"></h4>
                @*<input type="text" class="form-control" id="Tipo" name="Tipo">*@
            </div>
            <div class="modal-body">
                <div id="testmodal2" style="padding: 5px 20px;">
                    <form id="antoform2" class="form-horizontal calender" role="form">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Expediente</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" id="title2" name="title2">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Observaciones</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Cerrar</button>
                @*<button type="button" class="btn btn-primary antosubmit2">Guardar</button>*@
            </div>
        </div>
    </div>
</div>
<div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
<div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
@section scripts{
    <script src="~/Scripts/app/controladores/Sala/SalaController.js"></script>
    <script src="~/Scripts/app/factory/Sala/SalaFactory.js"></script>
    <script src="~/Scripts/angular-base64-upload.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
    <!-- FullCalendar -->
    <script src="~/gentelella/vendors/moment/min/moment.min.js"></script>
    <script src="~/gentelella/vendors/fullcalendar/dist/fullcalendar.min.js"></script>
    <!-- Custom Theme Scripts -->
    @*<script src="~/gentelella/build/js/custom.js"></script>*@
    <script src="~/gentelella/vendors/fullcalendar/dist/lang-all.js"></script>
    <script src="~/Scripts/Calendario.js"></script>
    <script src="~/gentelella/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
}