<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title caption-subject font-blue-secondary sbold uppercase"> <?php echo e($result->codigo); ?> | <?php echo e($result->nombre); ?> | <?php echo e($result->nombre_seccion); ?></h4>
</div>

<?php echo Form::hidden('invisible', $result->id, array('id' => 'invisible_id')); ?>


<div class="modal-body">
    <div id="errors-container"></div>
    <div>
        <table class="table table-striped table-bordered table-hover table-bg" id="table_horarios" style="text-align: center !important;">
            <thead class="thead-default" >
            <tr style="text-align: center !important;">
                <th style="text-align: center !important;">D&iacute;a</th>
                <th style="text-align: center !important;">Aula</th>
                <th style="text-align: center !important;">Hora de inicio</th>
                <th style="text-align: center !important;">Hora de fin</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>

<script>
    var THorarios = $('#table_horarios').DataTable({
        "language": {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "No existen registros creados",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            }
        },
        processing: true,
        serverSide: true,
        destroy: true,
        responsive:true,
        ajax:{
            method: 'POST',
            url: "<?php echo e(route('horarios.docentes.detalle')); ?>",
            data: function(d){
                d.id_c = $("#invisible_id").val()
            },
            error: function(error){
            }
        },
        columns:[
            {
                data:'dia',
                name:'dia',
                "searchable": false
            },
            {
                data:'aula',
                name:'aula',
                "searchable": false
            },
            {
                data:'hora_ini',
                name:'hora_ini',
                "searchable": false
            },
            {
                data:'hora_fin',
                name:'hora_fin',
                "searchable": false
            }
        ],
        "pageLength": 5,
        "columnDefs": [{
            'orderable': false,
            'targets': [0]
        }, {
            "searchable": false,
            "targets": [0]
        }],
        "bInfo": false,
        "bLengthChange": false,
        "ordering": false,
        "bFilter": false
    });

</script>