@extends('front.layoutwithout')

@section('title', 'Estatus de Alumnos')

@section('sub-title')

@section('content')

	<div class="row" id="tickets">
		<div class="col-xl-12">
			<div class="tab-content" id="myTabContent">
				<div class="tab-pane fade show active" id="1" role="tabpanel" aria-labelledby="1-tab">
					<div id="alumno">
						<form action="{{ route('status_reports.search') }}" method="post">
							@csrf
							<div class="row">
								<div class="col-xl-9 col-lg-9">
									<div class="form-group">
										<label>Carrera</label>
										<select class="form-control" name="career_id" required="required">
                                            <option selected="" disabled="">Selecciona Carrera</option>
                                            @foreach ($data['careers'] as $key => $career)
                                                <option value="{{ $career->id }}" {{ $career->id == old('career_id') ? "selected":"" }}>
                                                    {{ $career->name }}
                                                </option>
                                            @endforeach
										</select>
									</div>
								</div>

								<div class="col-xl-3 col-lg-3">
									<div class="form-group">
										<label>Estatus</label>
										<select class="form-control" name="status" id="status" required="">
                                            <option selected="" disabled="">Seleccione Estatus</option>
                                            @foreach (config('constants.student_status') as $key => $status)
                                                <option value="{{ $status }}" {{ $status == old('status') ? "selected":"" }}>
                                                    {{ $status }}
                                                </option>
                                            @endforeach
										</select>
									</div>
								</div>
							</div>

							<div class="row">
                                <div class="col-xl-3 col-lg-3 {{ old('status') != "Baja" ? 'hidden':'' }}" id="baja_type_div">
									<div class="form-group">
										<label>Tipo de Baja</label>
										<select class="form-control" name="folio" id="baja_type">
                                            <option selected="" disabled="">Seleccione tipo de baja</option>
                                            @foreach (config('constants.students_folio_types') as $key => $folio)
                                                <option value="{{ $folio }}" {{ $folio == old('folio') ? "selected":"" }}>
                                                    {{ $folio }}
                                                </option>
                                            @endforeach
										</select>
									</div>
								</div>
                                <div class="col-xl-3 col-lg-3">
									<div class="form-group">
										<label>Fecha de Consulta</label>
										<select class="form-control" name="date" id="date" required="">
                                            <option selected="" disabled="">Seleccione Fecha</option>
                                            @foreach (config('constants.status_dates') as $key => $value)
                                                <option {{ old('date') == $value ? "selected":"" }} value="{{ $value }}">{{ $key }}</option>
                                            @endforeach
										</select>
									</div>
								</div>
                                <div class="col-xl-3 col-lg-3 {{ old('date') != "Personalizada" ? "hidden":"" }}" id="start_date_div">
									<div class="form-group">
										<label>Fecha de Inicio</label>
										<input type="date" class="form-control" name="start_date" value="{{ old('start_date') }}" id="start_date">
									</div>
								</div>
                                <div class='col-xl-3 col-lg-3 {{ old('date') != "Personalizada" ? "hidden":"" }}' id="end_date_div">
									<div class="form-group">
										<label>Fecha de Fin</label>
										<input type="date" class="form-control" name="end_date" value="{{ old('end_date') }}" id="end_date">
									</div>
								</div>
                                <div class="col-xl-3 col-lg-3">
                                    <label>Buscar</label>
                                    <button type="submit" class="form-control btn btn-primary">Buscar</button>
                                </div>
							</div>
						</form>

						<div class="row">
							<div class="col-xl-12">
								<div class="table-responsive">
									<table class="table table-bordered table-striped" id="table_1">
										<thead>
											<tr>
                                                <th style="width:7%;">#</th>
												<th style="width:7%;">Matricula</th>
												<th style="width:7%;">Grupo</th>
												<th>Nombre</th>
												<th style="width:7%;">Carrera</th>
												<th>Fecha</th>
												<th style="width:7%;">Teléfono</th>
												<th>Correo electrónico</th>
											</tr>
										</thead>
										<tbody>

											@foreach($data['students'] as $key => $student)
                                                <tr>
                                                    <td>{{ $key + 1 }}</td>
                                                    <td>{{ $student->enrollment }}</td>
                                                    <td>{{ $student->group }}</td>
                                                    <td>{{ $student->last_name }} {{ $student->name }}</td>
                                                    <td>{{ $student->career->code }}</td>
                                                    <td>{{ $student->status_change_date }}</td>
                                                    <td>{{ $student->user->phone }}</td>
                                                    <td>{{ $student->user->email }}</td>
                                                </tr>
											@endforeach

											<tr class="not_found_1 text-center">
												<td colspan="8"><br></td>
											</tr>

										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection

@push('css')
@endpush

@push('js')
	<script src="{{ asset('/js/status_reports.js') }}"></script>
@endpush