@extends('front.layoutwithout')

@section('title','Lista de asistencia')
@section('sub-title')

@section('content')


	<div class="row">
		<div class="col-xl-12">

			<ul class="nav nav-tabs" id="myTab" role="tablist">
			  <li class="nav-item">
			    <a class="nav-link active" id="1-tab" data-toggle="tab" href="#1" role="tab" aria-controls="1" aria-selected="true">Materias Plan de Estudio</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link" id="2-tab" data-toggle="tab" href="#2" role="tab" aria-controls="2" aria-selected="false">Listas por Materias</a>
			  </li>
			</ul>

			<div class="tab-content" id="myTabContent">

				<div class="tab-pane fade show active" id="1" role="tabpanel" aria-labelledby="1-tab">
					<form action="{{route('assistance.store')}}" method="post" target="_blank">
					@csrf
						<input type="hidden" name="date" value="{{ date('d-m-Y') }}">
						<input type="hidden" name="type" value="plan" id="type-1">
					  	<div class="row">
					  		<div class="col-xl-2 col-lg-3">
					  			<div class="form-group">
									<div class="checkbox checkbox-css">
										<input type="hidden" name="quarter" value="0">
					                    <input type="checkbox" name="quarter" id="quarter_1"/>
					                    <label for="quarter_1">Cuatrimestre</label>
					                </div>
								</div>
					  		</div>
						</div>

						<div class="row">
							<div class="col-xl-2 offset-xl-10 col-lg-12">

								<div class="form-group">
									@php
										$month = date('m');
									@endphp
									<label>Mes</label>
									<select name="month" class="form-control">
										<option value="{{date('1-1-2020')}}" {{ ($month == '1')? 'selected':'' }}>Enero</option>
										<option value="{{date('1-2-2020')}}" {{ ($month == '2')? 'selected':'' }}>Febrero</option>
										<option value="{{date('1-3-2020')}}" {{ ($month == '3')? 'selected':'' }}>Marzo</option>
										<option value="{{date('1-4-2020')}}" {{ ($month == '4')? 'selected':'' }}>Abril</option>
										<option value="{{date('1-5-2020')}}" {{ ($month == '5')? 'selected':'' }}>Mayo</option>
										<option value="{{date('1-6-2020')}}" {{ ($month == '6')? 'selected':'' }}>Junio</option>
										<option value="{{date('1-7-2020')}}" {{ ($month == '7')? 'selected':'' }}>Julio</option>
										<option value="{{date('1-8-2020')}}" {{ ($month == '8')? 'selected':'' }}>Agosto</option>
										<option value="{{date('1-9-2020')}}" {{ ($month == '9')? 'selected':'' }}>Septiembre</option>
										<option value="{{date('1-10-2020')}}" {{ ($month == '10')? 'selected':'' }}>Octubre</option>
										<option value="{{date('1-11-2020')}}" {{ ($month == '11')? 'selected':'' }}>Noviembre</option>
										<option value="{{date('1-12-2020')}}" {{ ($month == '12')? 'selected':'' }}>Diciembre</option>
									</select>
								</div>

							</div>
						</div>

						<div class="row" id="alumno">
							<div class="col-xl-2 col-lg-3" id="view-semester">
								<div class="form-group">
									<label>Semestre</label>
									<select name="semester" class="form-control">
										@foreach($data['students']->groupBy('semester') as $semester)
											@foreach($semester as $sem)
											@endforeach
											<option value="{{ $sem->semester }}">{{ $sem->semester }}</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="col-xl-2 col-lg-3" id="view-period">
								<div class="form-group">
									<label>Periodo</label>
									<input type="text" name="cycle" class="form-control" value="{{session('cycle')->name }}" readonly>
								</div>
							</div>

							<div class="col-xl-6 col-lg-9">
								<div class="form-group">
									<label>Carrera</label>
									<select name="career" id="career_1" class="form-control">
										<option>-- Selecciona la carrera --</option>
										@foreach($data['careers'] as $career)
											<option value="{{$career->id}}">{{$career->name}}</option>
										@endforeach
									</select>
								</div>
							</div>

							<div class="col-xl-2 col-lg-4">
								<div class="form-group">
									<label>Grupo</label>
									@php
					  					$grupo = array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
					  				@endphp
					  				<select name="group" id="group_1" class="form-control">
					  						<option>-- Selecciona el grupo --</option>
					  					@foreach($grupo as $gro)
						  					<option value="{{$gro}}">{{$gro}}</option>
						  				@endforeach
					  				</select>
								</div>
							</div>

							<div class="col-xl-2 col-lg-4">
								<div class="form-group">
									<label>Plan</label>
									<select name="plans" id="plan_1" class="form-control">
										@foreach($data['plans'] as $plan)
											<option value="{{$plan->id}}">{{$plan->name}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-xl-3 offset-xl-9">
								<div class="form-group" style="margin-left: 5.5em;">
									<div class="checkbox checkbox-css">
										<input type="hidden" name="evaluation" value="0">
					                    <input type="checkbox" name="evaluation" id="evaluation_1"/>
					                    <label for="evaluation_1">Imprimir formato de evaluación</label>
					                </div>
								</div>
							</div>
						</div>

						<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%;">Clave</th>
												<th>Catedrático</th>
												<th style="width:20%;">Observaciones</th>
												<th style="width:5%;">S/C</th>
												<th style="width:5%;">
													<div class="checkbox checkbox-css">
														<input type="hidden" name="pdf_all" value="0">
									                    <input type="checkbox" name="pdf_all" id="pdf_all"/>
									                    <label for="pdf_all">PDF</label>
									                </div>
												</th>
											</tr>
										</thead>
										<tbody>
											@foreach($data['subjects'] as $subject)

											  	<tr class="assistance-item1"
													data-teacher="Sin asignar{{ @$subject->teacher->name }}"
													data-career="{{$subject->career_id}}"
													data-plan="{{$subject->career_plan_id}}"
													data-quarter="{{(@$subject->career->quarter == 'on')? '1': '0'}}"
													data-group="{{ @$group->group}}"
													>
													<td>{{ $subject->code }}</td>
													<td> Sin asignar {{ @$subject->teacher->name }}</td>
													<td>{{ @$subject->observation }}</td>
													<td>1</td>
													<td>
														<div class="checkbox checkbox-css">
										                    <input type="checkbox" name="pdfs[]" value="{{$subject->id}}" class="pdf_ind_1" id="pdf-{{$subject->id}}"/>
										                    <label for="pdf-{{$subject->id}}"></label>
										                </div>
													</td>
												</tr>

											@endforeach

											<tr class="not_found_1 text-center">
												<td colspan="5">No se encuentran materias que mostrar para exportación.</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-xl-12 col-lg-6">
								<label>Nombre del catedrático</label>
							</div>
							<div class="col-xl-7 col-lg-7">
								<div class="form-group">
									<input type="text" id="name_professor_1" class="form-control" disabled>
								</div>
							</div>
							<div class="col-xl-3  col-lg-3">
								<a class="btn disable" id="save_teacher_1" disabled>Capturar</a>
							</div>
						</div>

						<div class="row">
							<div class="col-xl-12">
								<button type="submit" target="_blank" class="btn disable" id="download_1" disabled>Descargar PDF</button>
							</div>
						</div>

					</form>
				</div>

				<!--Listas por materias-->
				<div class="tab-pane fade" id="2" role="tabpanel" aria-labelledby="2-tab">
					<form action="{{route('assistance.store')}}" method="post" target="_blank">
					@csrf
					<input type="hidden" name="date" value="{{ date('d-m-Y') }}">
					<input type="hidden" name="id" id="id_2">
					<input type="hidden" name="type" value="subject">
				  	<div class="row">
				  		<div class="col-xl-2 col-lg-3">
				  			<div class="form-group">
								<div class="checkbox checkbox-css">
									<input type="hidden" name="quarter2" value="0">
				                    <input type="checkbox" name="quarter2" id="quarter_2"/>
				                    <label for="quarter_2">Cuatrimestre</label>
				                </div>
							</div>
				  		</div>
					</div>

					<div class="row">
						<div class="col-xl-2 offset-xl-10 col-lg-12">

							<div class="form-group">
								<label>Mes</label>
								<select name="month" class="form-control">
									<option value="{{date('1-1-2020')}}" {{ ($month == '1')? 'selected':'' }}>Enero</option>
									<option value="{{date('1-2-2020')}}" {{ ($month == '2')? 'selected':'' }}>Febrero</option>
									<option value="{{date('1-3-2020')}}" {{ ($month == '3')? 'selected':'' }}>Marzo</option>
									<option value="{{date('1-4-2020')}}" {{ ($month == '4')? 'selected':'' }}>Abril</option>
									<option value="{{date('1-5-2020')}}" {{ ($month == '5')? 'selected':'' }}>Mayo</option>
									<option value="{{date('1-6-2020')}}" {{ ($month == '6')? 'selected':'' }}>Junio</option>
									<option value="{{date('1-7-2020')}}" {{ ($month == '7')? 'selected':'' }}>Julio</option>
									<option value="{{date('1-8-2020')}}" {{ ($month == '8')? 'selected':'' }}>Agosto</option>
									<option value="{{date('1-9-2020')}}" {{ ($month == '9')? 'selected':'' }}>Septiembre</option>
									<option value="{{date('1-10-2020')}}" {{ ($month == '10')? 'selected':'' }}>Octubre</option>
									<option value="{{date('1-11-2020')}}" {{ ($month == '11')? 'selected':'' }}>Noviembre</option>
									<option value="{{date('1-12-2020')}}" {{ ($month == '12')? 'selected':'' }}>Diciembre</option>
								</select>
							</div>

						</div>
					</div>

					<div class="row" id="alumno">

						<div class="col-xl-2 col-lg-3" id="view-semester-2">
							<div class="form-group">
								<label>Semestre</label>
								<select name="semester" class="form-control">
									@foreach($data['students']->groupBy('semester') as $semester)
										@foreach($semester as $sem)
										@endforeach
										<option value="{{ $sem->semester }}">{{ $sem->semester }}</option>
									@endforeach
								</select>
							</div>
						</div>

						<div class="col-xl-2 col-lg-3" id="view-period-2">
							<div class="form-group">
								<label>Periodo</label>
								<input type="text" name="cycle" class="form-control" value="{{ session('cycle')->name }}" disabled>
							</div>
						</div>

						<div class="col-xl-6 col-lg-9">
							<div class="form-group">
								<label>Carrera</label>
								<select name="career" id="career_2" class="form-control">
										<option>-- Selecciona la carrera --</option>
									@foreach($data['careers'] as $career)
										<option value="{{$career->id}}">{{$career->name}}</option>
									@endforeach
								</select>
							</div>
						</div>


						<div class="col-xl-2 col-lg-3">
							<div class="form-group">
								<label>Grupo</label>
								@php
				  					$grupo = array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
				  				@endphp
				  				<select name="group" id="group_2" class="form-control">
				  					<option>-- Selecciona el grupo --</option>
				  					@foreach($grupo as $gro)
					  					<option value="{{$gro}}">{{$gro}}</option>
					  				@endforeach
				  				</select>
							</div>
						</div>

						<div class="col-xl-2 col-lg-3">
							<div class="form-group">
								<label>Plan</label>
								<select name="plan" id="plan_2" class="form-control">
									@foreach($data['plans'] as $plan)
										<option value="{{$plan->id}}">{{$plan->name}}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-xl-2 col-lg-3">
							<div class="form-group">
								<label>Clave Materia</label>
								<input type="text" id="key_subject" class="form-control">
							</div>
						</div>
						<div class="col-xl-10 col-lg-9">
							<div class="form-group">
								<label>Materia</label>
								<input type="text" id="subject_name" class="form-control" disabled>
							</div>
						</div>
					</div>

					{{-- A --}}
					<div class="row" style="display:none;">
						<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%;">Clave</th>
											<th>Catedrático</th>
										</tr>
									</thead>
									<tbody>
										@foreach($data['subjects'] as $subject)

										  	<tr class="assistance-item2"
												data-teacher="Sin asignar{{ @$subject->teacher->name }}"
												data-code="{{ $subject->code }}"
												data-id="{{$subject->id}}"
												data-subject="{{ $subject->name }}"
												data-career="{{$subject->career_id}}"
												data-plan="{{$subject->career_plan_id}}"
												data-quarter="{{(@$subject->career->quarter == 'on')? '1': '0'}}"
												data-group="{{ @$group->group}}"
												>
												<td>{{ $subject->code }}</td>
												<td> Sin asignar {{ @$subject->teacher->name }}</td>
											</tr>

										@endforeach

										<tr class="not_found_2 text-center">
											<td colspan="5">No se encuentran materias que mostrar para exportación.</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-xl-12 col-lg-6">
							<label>Nombre del catedrático</label>
						</div>
						<div class="col-xl-7 col-lg-7">
							<div class="form-group">
								<input type="text" id="name_professor_2" class="form-control" disabled>
							</div>
						</div>
						<div class="col-xl-3  col-lg-3">
							<a class="btn disable" id="save_teacher_2" disabled>Capturar</a>
						</div>
					</div>

					<div class="row">
						<div class="col-xl-12">
							<button type="submit" target="_blank" class="btn disable" id="download_2" disabled>Descargar PDF</button>
						</div>
					</div>

					</form>
				</div>

			</div>

		</div>
	</div>

@endsection

@push('css')
@endpush

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