@extends('front.layout')

@section('title','Lista de alumnos')
@section('sub-title','Alumnos')

@section('top-button')
	<a href="{{route('students.create')}}" class="btn btn-green">Registrar Alumno</a>
@endsection


@section('content')
	<div class="row">
		<div class="col-lg-12">

			<table id="data-table-default" class="table table-bordered table-striped">
		        <thead>
			        <tr>
			            <th width="30px">Id</th>
			            <th width="90px">Matrícula</th>
			            <th>Alumno</th>
			            <th>Cursando</th>
			            <th>Tipo</th>
			            <th width="30px">Estatus</th>
			            <th width="3em;"></th>
			        </tr>
		        </thead>

		        <tbody>
		        	@foreach($data as $student)
				        <tr>
				        	<td>{{$student->id}}</td>
				        	<td>{{$student->enrollment}}</td>
				        	<td class="uppercase">{{$student->user->last_name}} {{$student->user->name}}</td>
				        	<td class="uppercase">{{ $student->is_bis ? "BIS" :  ($student->quarter ? "Cuatrimestral":"Semestral")   }} </td>
				        	<td>{{$student->semester}}  {{ $student->is_bis ? "Modúlo" :  ($student->quarter ? "Cuatrimestre":"Semestre")   }}  </td>
				        	<td>{{$student->register_status}}</td>
				        	<td><a href="{{route('students.show',$student->id)}}" class="btn btn-blue btn-block">Editar</a></td>
				        </tr>
			        @endforeach
		        </tbody>
		    </table>

		</div>
	</div>
@endsection

@push('css')
	<link href="{{ asset('assets/plugins/DataTables/media/css/dataTables.bootstrap.min.css')}}" rel="stylesheet" />
	<link href="{{ asset('assets/plugins/DataTables/extensions/Responsive/css/responsive.bootstrap.min.css')}}" rel="stylesheet" />
	<link href="{{ asset('css/students/index.css') }}" rel="stylesheet" />
@endpush

@push('js')
	<script src="{{asset('assets/plugins/DataTables/media/js/jquery.dataTables.js')}}"></script>
	<script src="{{asset('assets/plugins/DataTables/media/js/dataTables.bootstrap.min.js')}}"></script>
	<script src="{{asset('assets/plugins/DataTables/extensions/Responsive/js/dataTables.responsive.min.js')}}"></script>
	<script>
		$('#data-table-default').DataTable({
            responsive: true,
            autoWidth: true,
            language: {
                url: 'https://cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json',
            }
        });
	</script>
@endpush