@extends('cms.includes.layout')

@section('title', '')

@section('content')

    
    @include('cms.includes.nav')

    <section class="contents">
        <div class="container">
            <div class="modulo-1">
                <div class="row">
                    <div class="col-xs-12">
                        <h1>Cursos</h1>
                    </div>
                </div>

                <div class="listing-tools">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                        </div>
                        <div class="col-xs-12 col-sm-4 pull-right">
                            <a href="{{ route('courses-create') }}"
                               class="btn w-btn w-btn-1 pull-right">Crear curso</a>
                        </div>
                    </div>
                </div>

                <div class="listing">

                    <div class="row">
                        <div class="col-xs-12">
                            <table id="datatable" class="table table-hover">
                                <thead>
                                <tr>
                                    <th class="col-md-2"></th>
                                    <th class="col-md-3">Título</th>
                                    <th class="col-md-1">Estado</th>
                                    <th class="col-md-2">Tipo</th>
                                    <th class="col-md-1">Programa</th>
                                    <th class="col-md-2">Fecha</th>
                                    <th class="col-md-1"></th>
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach ($courses as $item)

                                    <tr>
                                        <td><img src="{{ env('RESOURCES_URI') . 'cursos/cursos/' .  $item->img_curso }}" style="max-width: 100px;" alt=""></td>
                                        <td>{{ $item->titulo }}</td>
                                        <td>{{ $item->descripcion_estado_curso }}</td>
                                        <td>{{ ($item->id_tipo_curso == '1') ? 'Certified' : 'Skills' }}</td>
                                        <td class="text-center"><a href="{{ env('RESOURCES_URI') . 'cursos/programas/' .  $item->file_programa }}" target="_blank"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></a></td>
                                        <td>{{ date('d/m/Y H:i', strtotime($item->fecha_modificacion)) }}</td>
                                        <td class="text-right">
                                            <div class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true">
                                                   Acciones <span class="caret"></span>
                                                </a>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="{{ route('courses-edit',['id' => $item->id]) }}"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Editar</a></li>
                                                    <li><a href="{{ route('plannings-list',['id_curso' => $item->id]) }}"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Planificaciones</a></li>
                                                    <li><a href="{{ route('modules-list',['id_curso' => $item->id]) }}"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Módulos</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
                <!-- / end listing -->

            </div>

        </div>
        <!-- /container -->
    </section>

    <!-- DataTables -->
    <link rel="stylesheet"
          href="//cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/css/dataTables.bootstrap.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/js/jquery.dataTables.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
       
            $('#datatable').DataTable({
                "searchDelay": 1500,
                "deferRender": true,
                "processing": true,
                "serverSide": false,
                "autoWidth": false,
            });

            // SELECT2
            $(".dataTables_length select").select2({
                minimumResultsForSearch: Infinity
            });

        });
    </script>
@stop