@extends('cms.includes.layout')

@section('title', '')

@section('content')

    
    @include('cms.includes.nav')


    @inject('course', 'App\Http\Models\Courses')

    <section class="contents">
        <div class="container">
            <div class="modulo-1">
                <div class="row">
                    <div class="col-xs-10">
                        <h1>Curso: {{ $course->show($planning->id_curso)->titulo }}<br>Planificación: {{ $planning->codigo }}<br>Alumnos</h1>
                    </div>
                    <div class="col-xs-2">
                                <a href="{{ route('plannings-list', ['id_curso' => $planning->id_curso]) }}"
                                   class="btn w-btn w-btn-back pull-right"><span
                                            class="glyphicon glyphicon-chevron-left"
                                            aria-hidden="true"></span>Volver</a>
                            </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">
                        </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-6">Nombre</th>
                                    <th class="col-md-2">Fecha</th>
                                    <th class="col-md-2">Estado contratación</th>
                                    <th class="col-md-2">Modificar estado Contratación</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($planning->alumnos as $item)
                                    <tr>
                                        <td>{{ $item->alumno_nombre }} {{ $item->alumno_apellido_1 }} {{ $item->alumno_apellido_2 }}</td>
                                        <td>{{ date('d/m/Y', strtotime($item->fecha_modificacion)) }}</td>
                                        <td>{{ $item->descripcion_estado_contratacion }}</td>
                                        <td>
                                            <form action="{{ route('plannings-payment-update', ['id_planificacion' => $item->id_planificacion]) }}" method="post">
                                                <input type="hidden" value="{{ csrf_token() }}" name="_token">
                                                <input type="hidden" value="{{ $item->id }}" name="id">
                                                <input type="hidden" value="{{ $item->id_planificacion }}" name="id_planificacion">
                                                <input type="hidden" value="{{ $item->id_pago }}" name="id_pago">
                                                <select name="id_estado_contratacion" id="id_estado_contratacion">
                                                    <option value="1" @if($item->id_estado_contratacion == 1) {{ 'selected' }} @endif>Pendiente</option>
                                                    <option value="2" @if($item->id_estado_contratacion == 2) {{ 'selected' }} @endif>Pagado</option>
                                                    <option value="3" @if($item->id_estado_contratacion == 3) {{ 'selected' }} @endif>Rechazar</option>
                                                </select>
                                                <button type="submit" class="btn btn-link" value=""><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
                                            </form>
                                        </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