@extends('template.layout')


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

    <style>
        /*option{*/
            /*background-color: white;*/
        /*}*/
        /*.min-tardanza{*/
            /*width: 10%;*/
        /*}*/
        /*.tbPersonal_filter{*/
            /*display: none;*/
        /*}*/
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Asistencia del Estudiante
    </h1>
    @if($menssage != "")
        <div class="alert alert-danger">
            <strong>Atenci&oacute;n: </strong>{{$menssage}}
        </div>
    @endif


    @if($datos != [])
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <h1 class="caption-subject font-green sbold uppercase"> Lista de Estudiantes </h1>
                </div>

            </div>

            <div class="portlet-body">
                <div class="row">
                    <input type="hidden" id="horario" value="{{$datos->id_horario}}">
                    <input type="hidden" id="pxs" value="{{$datos->id_sc}}">
                    <div class="col-md-12 col-xs-12 col-sm-12">

                        <div class="col-md-12 col-xs-12 col-sm-12">
                            <div class="col-md-1 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="glyphicon glyphicon-user"></i><b>   Docente:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{Auth::user()->nombres.' '.Auth::user()->apellido_paterno.' '.Auth::user()->apellido_materno}}</h4>
                            </div>
                        </div>

                        <div class="col-md-12 col-xs-12 col-sm-12">
                            <div class="col-md-1 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="fa fa-shield"></i><b>   Seccion:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{$datos->nombre_seccion}}</h4>
                            </div>
                        </div>

                        <div class="col-md-12 col-xs-12">
                            <div class="col-md-1 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="icon-layers"></i><b>   Materia:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{$datos->curso}}</h4>
                            </div>
                        </div>

                        <div class="col-md-12 col-xs-12">
                            <div class="col-md-1 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="fa fa-columns"></i><b>   Aula:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{$datos->aula}}</h4>
                            </div>
                        </div>

                        <div class="col-md-12 col-xs-12">
                            <div class="col-md-1 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="icon-clock"></i><b>   Horario:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{$datos->hora_ini.' - '.$datos->hora_fin}} horas</h4>
                            </div>
                        </div>

                        <div class="col-md-12 col-xs-12">
                            <div class="col-md-2 col-xs-12 col-sm-3" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="fa fa-street-view" style="font-size: 25px;"></i><b>   Cantidad de Alumnos:</b></h4>
                            </div>
                            <div class="col-md-5 col-xs-12 col-sm-9">
                                <h4>{{$cantidad}}</h4>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row" style="margin-left: 2%; margin-right: 2%; margin-top: 1.5%">
                    <div class="form-group">
                        <label class="control-label">Tema de la clase</label>
                        @if($menssage == "")
                            {!! Form::text('temas', null,['class'=>'form-control placeholder-no-fix temas','placeholder' => 'Ingrese el tema de la clase','maxlength' => '150', 'required'=>'true']) !!}
                        @else
                            {!! Form::text('temas', $verificar,['class'=>'form-control placeholder-no-fix temas','placeholder' => 'Ingrese el tema de la clase','maxlength' => '150', 'required'=>'true','disabled' => 'true']) !!}
                        @endif
                        <h5 id="aviso" style="color: red; display: none;">Debe ingresar el tema de la clase obligatoriamente</h5>
                    </div>
                </div>
                <div class="Forum-ForumTopicList row" style="margin:20px">
                    <table class="table table-striped table-bordered table-hover table-bg"
                           id="tbAlumnos">
                        <thead class="thead-default" style="text-align: center !important;">
                        <tr>
                            <th class="col-md-1 col-lg-1 col-xs-1" style="text-align: center !important;">C&oacute;digo del alumno</th>
                            <th class="col-md-2 col-lg-2 col-xs-2" style="text-align: center !important;">Nombres</th>
                            <th class="col-md-2 col-lg-2 col-xs-2" style="text-align: center !important;">Apellidos</th>
                            <th class="col-md-1 col-lg-1 col-xs-1" style="text-align: center !important;">Opciones de Asistencia</th>
                        </tr>
                        </thead>
                        <tbody style="text-align: center !important;">
                        </tbody>
                    </table>

                    @if($menssage == "")
                        <div class="col-md-12" style="text-align: left">
                            <button type="button" class="btn green confirm">Registrar Asistencia</button>
                        </div>
                    @endif
                </div>
            </div>
        </div>

    @endif
@endsection

@section('scripts')
    <script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
    <script>
        var urlBase = "{{ url('asistencia/alumnos') }}";
        var urlData = "{{ route('listado.asistencia.alumnos') }}";
        var urlTomar = "{{ route('tomar.asistencia.alumnos') }}";
    </script>
    <script src="{{asset('js/pages/asistencia.alumnos.js')}}" type="text/javascript"></script>
@endsection