@extends('front.layoutwithout')

@section('title')
	{{$data['student']->user->name}} {{$data['student']->user->last_name}}
@endsection

@section('sub-title')
	Matricula: {{$data['student']->enrollment}}
@endsection

@section('return')
	<a href="{{route('students.index')}}" class="return-button"><i class="fas fa-arrow-left"></i> Regresar</a>
@endsection

@section('button-save')
	<button id="save" class="btn btn-md pull-right disable" style="top: -4em;position: relative;" disabled>Guardar</button>
@endsection

@push('js')
	<script>
		$(document).ready(function(){
			//Send form to POST
			$('#save').on('click', function(e){
				e.preventDefault();
				$('#form').submit();
			});

			//Detect click and change select
			$('input').on('keyup', function(){
				var save = $('#save');
				save.removeClass('disabled');
				save.addClass('btn-green');
				save.removeAttr('disabled');
			});

			$('select').on('change', function(){
				var save = $('#save');
				save.removeClass('disabled');
				save.addClass('btn-green');
				save.removeAttr('disabled');
			});

			$('input').on('change', function(){
				var save = $('#save');
				save.removeClass('disabled');
				save.addClass('btn-green');
				save.removeAttr('disabled');
			});
		});
	</script>
@endpush

@section('content')
	<form action="{{route('students.update', $data['student']->user)}}" id="form" method="POST">
	@csrf
	{{ method_field('PATCH') }}

	<input type="hidden" name="enrollment" value="{{$data['student']->enrollment}}">
	<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">Datos Academicos</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">Datos Personales</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" id="3-tab" data-toggle="tab" href="#3" role="tab" aria-controls="3" aria-selected="false">Historial Académico</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" id="5-tab" data-toggle="tab" href="#5" role="tab" aria-controls="5" aria-selected="false">Calif. Parciales</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" id="4-tab" data-toggle="tab" href="#4" role="tab" aria-controls="4" aria-selected="false">Calif. Ordinarias</a>
	  </li>
	</ul>
	<div class="tab-content" id="myTabContent">
	  <div class="tab-pane fade show active" id="1" role="tabpanel" aria-labelledby="1-tab">
	  	<div class="row">
			<div class="col-lg-6">
				<div class="form-group">
					<label>Apellidos</label>
					<input type="text" name="last_name" class="form-control @error('last_name') no-valid @enderror" value="{{$data['student']->user->last_name}}" placeholder="Ingresa los apellidos paterno y materno" disabled>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="form-group">
					<label>Nombres</label>
					<input type="text" name="name" class="form-control @error('name') no-valid @enderror" value="{{$data['student']->user->name}}" placeholder="Ingresa el nombre del alumno" disabled >
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="form-group">
					<label>Carrera</label>
	  				<select name="carrer_id" class="form-control" disabled>
						@if($data['student']->carrer_id == 1)
							<option value="1" selected>Carrera 1</option>
							<option value="2">Carrera 2</option>
						@else
							<option value="1">Carrera 1</option>
							<option value="2" selected>Carrera 2</option>
						@endif
					</select>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="form-group">
					<label>Grado</label>
					@php
	  					$grado = array('1','2','3','4','5','6','7','8','9');
	  				@endphp
	  				<select name="semester" class="form-control" disabled	>
	  					@foreach($grado as $gra)
		  					<option value="{{$gra}}" @if($gra == $data['student']->semester) selected @endif>{{$gra}}</option>
		  				@endforeach
	  				</select>
				</div>
			</div>
			<div class="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" class="form-control" disabled>
	  					@foreach($grupo as $gro)
		  					<option value="{{$gro}}" @if($gro == $data['student']->group) selected @endif>{{$gro}}</option>
		  				@endforeach
	  				</select>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-6">
				<div class="form-group">
					<label>Especialización</label>
					<select name="specialization_id" class="form-control">
						<option value="">Selecciona especialización</option>
						@if($data['student']->user->specialization_id == 1)
							<option value="1" selected>Especialización 1</option>
							<option value="2">Especialización 2</option>
						@else
							<option value="1">Especialización 1</option>
							<option value="2" selected>Especialización 2</option>
						@endif
					</select>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="form-group">
					<label>Periodo de ingreso</label>
					<input type="date" name="ingress_date" value="{{$data['student']->ingress_date}}" class="form-control @error('ingress_date') no-valid @enderror" placeholder="Ingresar periodo">
				</div>
			</div>
			<div class="col-lg-3">
				<div class="form-group">
					<div class="checkbox checkbox-css top-center">
						<input type="hidden" name="quarter" value="0">
	                    <input type="checkbox" name="quarter" id="cuatrimestre"/>
	                    <label for="cuatrimestre">Cuatrimestre</label>
	                </div>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="form-group">
					<label>Escuela de procedencia</label>
					<input type="text" name="school_of_origin" class="form-control @error('school_of_origin') no-valid @enderror" value="{{$data['student']->school_of_origin}}" placeholder="Ingresa la escuela de procedencia">
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<h2 style="color: #3D3D40;">Documentación</h2>
			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="birth_certificate" value="0">
	                <input type="checkbox" name="birth_certificate" id="acta" @if($data['student']->birth_certificate == 'on') checked @endif>
	                <label for="acta">Acta de nacimiento</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="middle_school_certificate" value="0">
	                <input type="checkbox" name="middle_school_certificate" id="secundaria" @if($data['student']->middle_school_certificate == 'on') checked @endif/>
	                <label for="secundaria">Certificado Secundaria</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="bachelor_certificate" value="0">
	                <input type="checkbox" name="bachelor_certificate" id="preparatoria" @if($data['student']->bachelor_certificate == 'on') checked @endif/>
	                <label for="preparatoria">Certificado Preparatoria</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="high_school_certificate" value="0">
	                <input type="checkbox" name="high_school_certificate" id="carrera"  @if($data['student']->high_school_certificate == 'on') checked @endif/>
	                <label for="carrera">Certificado Carrera</label>
	            </div>

			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="good_behavior_certificate" value="0">
	                <input type="checkbox" name="good_behavior_certificate" id="cartas" @if($data['student']->good_behavior_certificate == 'on') checked @endif />
	                <label for="cartas">Cartas de Buena Cond.</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="partial_certificate" value="0">
	                <input type="checkbox" name="partial_certificate" id="parcial" @if($data['student']->partial_certificate == 'on') checked @endif/>
	                <label for="parcial">Certificado Parcial</label>
	            </div>

				<div class="checkbox checkbox-css" style="display: none;">
	                <input type="checkbox" name="" id="curp" @if($data['student']->curp == 'on') checked @endif/>
	                <label for="curp">CURP</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="photographs" value="0">
	                <input type="checkbox" name="photographs" id="fotografias" @if($data['student']->photographs == 'on') checked @endif/>
	                <label for="fotografias">Fotografías</label>
	            </div>

	            <div class="checkbox checkbox-css">
					<input type="hidden" name="practices" value="0">
	                <input type="checkbox" name="practices" id="practicas" @if($data['student']->practices == 'on') checked @endif/>
	                <label for="practicas">Prácticas Profesionales</label>
	            </div>

			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="social_service" value="0">
	                <input type="checkbox" name="social_service" id="social" @if($data['student']->social_service == 'on') checked @endif/>
	                <label for="social">Servicio Social</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="thesis" value="0">
	                <input type="checkbox" name="thesis" id="tesis" @if($data['student']->thesis == 'on') checked @endif/>
	                <label for="tesis">Tesis</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="professional_certificate" value="0">
	                <input type="checkbox" name="professional_certificate" id="titulo" @if($data['student']->professional_certificate == 'on') checked @endif/>
	                <label for="titulo">Título</label>
	            </div>

			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="professional_id" value="0">
	                <input type="checkbox" name="professional_id" id="cedula"  @if($data['student']->professional_id == 'on') checked @endif/>
	                <label for="cedula">Cédula Profesional</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="address_certificate" value="0">
	                <input type="checkbox" name="address_certificate" id="domicilio" @if($data['student']->address_certificate == 'on') checked @endif/>
	                <label for="domicilio">Comp. Domicilio</label>
	            </div>

			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<h2 style="color: #3D3D40;margin-top: 1em;">Estatus</h2>
			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="conditionated" value="0">
	                <input type="checkbox" name="conditionated" id="condicionado" @if($data['student']->conditionated == 'on') checked @endif/>
	                <label for="condicionado">Condicionado</label>
	            </div>

			</div>
			<div class="col-lg-3">

				<div class="checkbox checkbox-css">
					<input type="hidden" name="trust" value="0">
	                <input type="checkbox" name="trust" id="fideicomiso" @if($data['student']->trust == 'on') checked @endif/>
	                <label for="fideicomiso">Fideicomiso</label>
	            </div>

			</div>
		</div> <br>

		<div class="row">
			<div class="col-lg-3">
				<div class="form-group">
					<label>Plan</label>
					<select name="plan" class="form-control">
						<option value="#">90</option>
					</select>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="form-group">
					<label>Estado de Alta</label>
					@php
	  					$register = array('Baja','Equivalencia','Normal','Pasante','Revalidación','Solicitud de Titulación','Titulación');
	  				@endphp
	  				<select name="register_status" class="form-control">
	  					@foreach($register as $reg)
		  					<option value="{{$reg}}" @if($reg == $data['student']->register_status) selected @endif>{{$reg}}</option>
		  				@endforeach
	  				</select>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="form-group">
					<label>Estado de pago</label>
					@php
	  					$payment = array('Ninguno','Pagado','No Pagado');
	  				@endphp
	  				<select name="payment_status" class="form-control">
	  					@foreach($payment as $pay)
		  					<option value="{{$pay}}" @if($pay == $data['student']->payment_status) selected @endif>{{$pay}}</option>
		  				@endforeach
	  				</select>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<h2 style="color: #3D3D40;margin-top: 0.5em;">Adeudos</h2>
			</div>
			<div class="col-lg-3">
				<div class="checkbox checkbox-css">
					<input type="hidden" name="documents_debt" value="0">
	                <input type="checkbox" name="documents_debt" id="adeudo_documentos" @if($data['student']->documents_debt == 'on') checked @endif/>
	                <label for="adeudo_documentos">Documentos</label>
	            </div>
			</div>
			<div class="col-lg-3">
				<div class="checkbox checkbox-css">
					<input type="hidden" name="library_debt" value="0">
	                <input type="checkbox" name="library_debt" id="adeudo_biblioteca" @if($data['student']->library_debt == 'on') checked @endif/>
	                <label for="adeudo_biblioteca">Biblioteca</label>
	            </div>
			</div>
			<div class="col-lg-3">
				<div class="checkbox checkbox-css">
					<input type="hidden" name="treasury_debt" value="0">
	                <input type="checkbox" name="treasury_debt" id="adudo_tesoreria" @if($data['student']->treasury_debt == 'on') checked @endif/>
	                <label for="adudo_tesoreria">Tesorería</label>
	            </div>
			</div>
		</div>

	  </div>
	  <div class="tab-pane fade" id="2" role="tabpanel" aria-labelledby="2-tab">
	  	<div class="row">
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Sexo</label>
	  				<select name="gender" class="form-control">
	  					@if($data['student']->user->gender == '0')
		  					<option value="0" selected>Masculino</option>
			  				<option value="1">Femenino</option>
	  					@else
	  						<option value="0">Masculino</option>
		  					<option value="1" selected>Femenino</option>
	  					@endif
	  				</select>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Estado Civil</label>
	  				@php
	  					$civil = array('soltero/a','casado/a','divorciado/a','viudo/a');
	  				@endphp
	  				<select name="social_status" class="form-control">
	  					@foreach($civil as $civ)
		  					<option value="{{$civ}}" @if($civ == $data['student']->user->social_status) selected @endif>{{$civ}}</option>
		  				@endforeach
	  				</select>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Fecha de nacimiento</label>
	  				<input type="date" name="birth_date" class="form-control" value="{{$data['student']->user->birth_date}}">
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-9">
	  			<div class="form-group">
	  				<label>Dirección</label>
	  				<input type="text" name="address" class="form-control @error('address') no-valid @enderror" value="{{$data['student']->user->address}}" placeholder="Ingresa una dirección">
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Teléfono</label>
	  				<input type="tel" name="phone" class="form-control @error('phone') no-valid @enderror" value="{{$data['student']->user->phone}}" pplaceholder="Ingresa el télefono">
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Prepa / Licenciatura</label>
	  				<select name="level" class="form-control">
	  					<option value="">Selecciona que se esta cursando</option>
	  					@if($data['student']->level == 'Preparatoria')
		  					<option value="Preparatoria" selected>Preparatoria</option>
		  					<option value="Licenciatura">Licenciatura</option>
		  				@else
		  					<option value="Preparatoria">Preparatoria</option>
		  					<option value="Licenciatura" selected>Licenciatura</option>
	  					@endif
	  				</select>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Nacionalidad</label>
	  				<select name="nationality_id" id="nationalities" class="form-control">
	  					<option value="">Ingresa nacionalidad</option>
	  					@foreach($data['nationalities'] as $nationality)
	  						<option value="{{$nationality->id}}" @if($nationality->id == $data['student']->user->nationality_id) selected @endif>{{$nationality->name}}</option>
	  					@endforeach
	  				</select>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Estado</label>
	  				@php
	  					$state = array(
	  						'Aguascalientes',
	  						'Baja California',
	  						'Baja California Sur',
	  						'Campeche',
	  						'Chihuahua',
	  						'Chiapas',
	  						'Coahuila',
							'Colima',
							'Durango',
							'Guanajuato',
							'Guerrero',
							'Hidalgo',
							'Jalisco',
							'México',
							'Michoacán',
							'Morelos',
							'Nayarit',
							'Nuevo León',
							'Oaxaca',
							'Puebla',
							'Querétaro',
							'Quintana Roo',
							'San Luis Potosí',
							'Sinaloa',
							'Sonora',
							'Tabasco',
							'Tamaulipas',
							'Tlaxcala',
							'Veracruz',
							'Yucatán',
							'Zacatecas'
	  					);
	  				@endphp
	  				<select name="state" class="form-control">
	  					@foreach($state as $sta)
		  					<option value="{{$sta}}" @if($sta == $data['student']->state) selected @endif>{{$sta}}</option>
		  				@endforeach
	  				</select>
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>CURP</label>
	  				<input type="text" name="curp" class="form-control @error('curp') no-valid @enderror" placeholder="Ingresa la CURP" value="{{$data['student']->curp}}">
	  			</div>
	  		</div>
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Correo electrónico</label>
	  				<input type="email" name="email" class="form-control @error('email') no-valid @enderror" placeholder="Ingresa un correo electrónico" value="{{$data['student']->user->email}}">
	  			</div>
	  		</div>
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>RFC (Facturación)</label>
	  				<input type="text" name="rfc" class="form-control" placeholder="Ingresa el RFC" value="{{$data['student']->user->rfc}}">
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
				<h2 style="color: #3D3D40;">Datos del tutor o trabajo (Solo Maestría)</h2>
			</div>
	  		<div class="col-lg-9">
	  			<div class="form-group">
	  				<label>Nombre</label>
	  				<input type="text" name="tutor_name" value="{{$data['student']->tutor_name}}" class="form-control" placeholder="Ingresa un nombre">
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Teléfono</label>
	  				<input type="tel" name="tutor_phone" value="{{$data['student']->tutor_phone}}" class="form-control" placeholder="Ingresa un teléfono">
	  			</div>
	  		</div>
	  		<div class="col-lg-9">
	  			<div class="form-group">
	  				<label>Dirección</label>
	  				<input type="text" name="tutor_address" value="{{$data['student']->tutor_address}}" class="form-control" placeholder="Ingresa una dirección">
	  			</div>
	  		</div>
	  	</div>
	  </div>

	  <!--Tercera tab-->
	  <div class="tab-pane fade" id="3" role="tabpanel" aria-labelledby="3-tab">
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Acuerdo ante la SEP</h4>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-2">
	  			<p>No. ESLI14201609</p>
	  		</div>
	  		<div class="col-lg-2">
	  			<p>Fecha: 10/02/2016</p>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Carrera</label>
	  				<input type="text" class="form-control" value="">
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Semestre</label>
	  				<input type="text" class="form-control" value="">
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Grupo</label>
	  				<input type="text" class="form-control" value="">
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Promedio</label>
	  				<input type="text" class="form-control" value="7.88">
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Revalidación</h4>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Oficio:</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Fecha:</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Tipo: Normal</p>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>No. de Materias</h4>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Acreditadas: 48</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Cursando: 6</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Por Acreditar: 5</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>No Curriculares: 0</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Creditos:</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>No. de Extras: 0</p>
	  		</div>
	  		<div class="col-lg-3">
	  			<p>Semestres que cursa: 2</p>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Materias</h4>
	  		</div>
	  		<div class="col-lg-12">
	  			<div class="table-responsive">
			  		<table class="table table-bordered">
					  <thead>
					    <tr class="text-center">
					      <th scope="col">Clave</th>
					      <th scope="col">Materia</th>
					      <th scope="col" colspan="2">1er. Ord</th>
					      <th scope="col" colspan="2">2do. Ord</th>
					      <th scope="col" colspan="2">1er. Ext</th>
					      <th scope="col" colspan="2">2do. Ext</th>
					      <th scope="col" colspan="2">Curso</th>
					      <th scope="col">Ser</th>
					      <th scope="col">FecE1</th>
					      <th scope="col">FecE2</th>
					    </tr>
					  </thead>
					  <tbody>
					    <tr>
					      <th></th>
					      <th scope="row" class="text-center">
					      	<strong>Primer Semestre</strong>
					      </th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					    </tr>
					    @for($i=1;$i < 5; $i++)
						    <tr>
						      <th scope="row">LMV101</th>
						      <td>Introducción a la Medicina Veterinaria</td>
						      <td>2016-1</td>
						      <td>10</td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						    </tr>
					    @endfor
					    <tr>
					      <th></th>
					      <th scope="row" class="text-center">
					      	<strong>Segundo Semestre</strong>
					      </th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					    </tr>
					    @for($i=1;$i < 5; $i++)
						    <tr>
						      <th scope="row">LMV102</th>
						      <td>Anatomía I</td>
						      <td>2016-1</td>
						      <td>7</td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						    </tr>
					    @endfor
					    <tr>
					     <th></th>
					      <th scope="row" class="text-center">
					      	<strong>Tercer Semestre</strong>
					      </th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					      <th></th>
					    </tr>
					    @for($i=1;$i < 5; $i++)
						    <tr>
						      <th scope="row">LMV102</th>
						      <td>Informática Aplicada</td>
						      <td>2016-1</td>
						      <td>7</td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						      <td></td>
						    </tr>
					    @endfor
					  </tbody>
					</table>
				</div>
			</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Firma en el historial</label>
	  				<select name="" class="form-control">
	  					<option>1 - Responsable de Servicios Escolares - Lic. Mayra Cecilia Ornelas Nemecio</option>
	  				</select>
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Impresión</h4>
	  		</div>
	  		<div class="col-xl-4 col-lg-4">
	  			<div class="form-group">
					<div class="checkbox checkbox-css">
	                    <input type="checkbox" id="hoja-membretada"/>
	                    <label for="hoja-membretada">Imprimir en hoja membretada</label>
	                </div>
				</div>
	  		</div>
	  		<div class="col-xl-4 col-lg-4">
	  			<div class="form-group">
					<div class="checkbox checkbox-css">
	                    <input type="checkbox" id="no-cursadas" />
	                    <label for="no-cursadas">Imprimir materias no cursadas</label>
	                </div>
				</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-xl-4 col-lg-4">
	  			<a href="#" class="btn btn-print btn-block btn-lg">Imprimir</a>
	  		</div>
	  		<div class="col-xl-4 col-lg-4">
	  			<a href="#" class="btn btn-print btn-block btn-lg">Impresión Masiva</a>
	  		</div>
	  	</div>
	  </div>
	  <!--Tercera tab-->

	  <!--Cuarta tab-->
	  <div class="tab-pane fade" id="4" role="tabpanel" aria-labelledby="4-tab">
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Carrera</label>
	  				<input type="text" class="form-control" placeholder="Lic. en medicina Veterinaria y Zootecnia" disabled>
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Semestre</label>
	  				<input type="text" name="#" class="form-control" value="0" disabled>
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Grupo</label>
	  				<input type="text" class="form-control" value="A" disabled>
	  			</div>
	  		</div>
	  		<div class="col-lg-2">
	  			<div class="form-group">
	  				<label>Promedio</label>
	  				<input type="text" class="form-control">
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-2">
	  			<p>Tipos: <strong>Normal</strong></p>
	  		</div>
	  		<div class="col-lg-2">
	  			<p>No. Oficio:</p>
	  		</div>
	  		<div class="col-lg-2">
	  			<p>Fecha Oficio:</p>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Materias</h4>
	  		</div>
	  		<div class="col-lg-12">
	  			<div class="table-responsive">
			  		<table class="table table-bordered">
					  <thead>
					    <tr>
					      <th scope="col" width="1em">Clave</th>
					      <th scope="col">Materia</th>
					      <th scope="col" width="4em">Calificación</th>
					    </tr>
					  </thead>
					  <tbody>
					    @for($i=1;$i < 5; $i++)
						    <tr>
						      <th scope="row">LMV101</th>
						      <td>Nombre Materia</td>
						      <td>Pendiente</td>
						    </tr>
						 @endfor
					  </tbody>
					</table>
				</div>
			</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<h4>Captura</h4>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-2 sinpadding">
	  			<div class="form-group">
	  				<label>Clave</label>
	  				<input type="text" class="form-control" value="LMV101">
	  			</div>
	  		</div>
	  		<div class="col-lg-10">
	  			<div class="form-group">
	  				<label>Materia</label>
	  				<select class="form-control" id="select-ordinary">
	  					@for($i=1; $i<10; $i++)
	  						<option>Nombre Materia {{$i}}</option>
	  					@endfor
	  				</select>
	  			</div>
	  		</div>
	  	</div>
	  	<div id="ordinary">

		  	<div class="row">
		  		<div class="col-lg-6">
		  			<h4>1er. Ordinario</h4>

		  			<div class="row">

		  				<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Ciclo Escolar</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Calificación</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Fecha</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>

		  			</div>
		  		</div>
		  		<div class="col-lg-6">
		  			<h4>1er. Extraordinario</h4>

		  			<div class="row">
			  			<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Ciclo Escolar</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Calificación</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Fecha</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>
			  		</div>
		  		</div>
		  	</div>

		  	<div class="row">
		  		<div class="col-lg-6">
		  			<h4>2do. Ordinario</h4>

		  			<div class="row">

		  				<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Ciclo Escolar</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Calificación</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Fecha</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>

		  			</div>
		  		</div>
		  		<div class="col-lg-6">
		  			<h4>2do. Extraordinario</h4>

		  			<div class="row">
			  			<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Ciclo Escolar</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Calificación</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Fecha</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>
			  		</div>
		  		</div>
		  	</div>

		  	<div class="row">
		  		<div class="col-lg-6">
		  			<h4>Curso</h4>

		  			<div class="row">

		  				<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Ciclo Escolar</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Calificación</label>
				  				<input type="text" name="#" class="form-control">
				  			</div>
				  		</div>
				  		<div class="col-lg-4">
				  			<div class="form-group">
				  				<label>Fecha</label>
				  				<input type="date" name="#" class="form-control">
				  			</div>
				  		</div>

		  			</div>
		  		</div>
		  	</div>

		  	<div class="row">
		  		<div class="col-xl-2 col-lg-3">
		  			<a href="#" class="btn btn-primary btn-lg btn-block">Capturar</a>
		  		</div>
		  		<div class="col-xl-2 col-lg-3">
		  			<a href="#" class="btn btn-print btn-lg btn-block">Exportar</a>
		  		</div>
		  	</div>

	  	</div>

	  </div>
	  <!--Cuarta tab-->

	  <!--Quinta tab-->
	  <div class="tab-pane fade" id="5" role="tabpanel" aria-labelledby="5-tab">
	  	<div class="row">
	  		<div class="col-lg-6">
	  			<div class="form-group">
	  				<label>Carrera</label>
	  				<input type="text" class="form-control" value="Lic. en medicina Veterinaria y Zootecnia" disabled>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Semestre</label>
	  				<input type="text" class="form-control" value="0" disabled>
	  			</div>
	  		</div>
	  		<div class="col-lg-3">
	  			<div class="form-group">
	  				<label>Grupo</label>
	  				<input type="text" class="form-control" value="A" disabled>
	  			</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-lg-12">
	  			<div class="table-responsive">
		  			<table class="table table-bordered">
					  <thead>
					    <tr>
					      <th scope="col" width="1em">Clave</th>
					      <th scope="col">Materia</th>
					      <th scope="col">Parcial 1</th>
					      <th scope="col">Parcial 2</th>
					      <th scope="col">Parcial 3</th>
					      <th scope="col">Promedio</th>
					    </tr>
					  </thead>
					  <tbody>
					    <tr>
					      <th scope="row">LMV101</th>
					      <td>ZOOTECNIA DE AVES</td>
					      <td>7.3</td>
					      <td>6.4</td>
					      <td>7</td>
					      <td>6.90</td>
					    </tr>
					    <tr>
					    	<th scope="row">LMV101</th>
					    	<td>CLÍNICA Y PRÁCTICA DE AVES</td>
							<td>7.3</td>
							<td><span class="red">4.6</span></td>
							<td>7</td>
							<td><span class="red">5.97</span></td>
					    </tr>
					    <tr>
					    	<th scope="row">LMV101</th>
					    	<td>ZOOTECNIA DE BOVINOS</td>
							<td>7.3</td>
							<td>6.4</td>
							<td>7</td>
							<td>6.90</td>
					    </tr>
					    <tr>
					    	<th scope="row">LMV101</th>
					    	<td>ZOOTECNIA DE EQUINOS</td>
					    	<td>7.3</td>
							<td>6.4</td>
							<td>7</td>
							<td>6.90</td>
					    </tr>
					  </tbody>
					</table>
				</div>
	  		</div>
	  	</div>
	  	<div class="row">
	  		<div class="col-xl-12">
	  			<div class="form-group">
	  				<label>Materia</label>
	  				<select class="form-control" id="materia-partials">
	  					<option>Zootecnia de aves</option>
	  					<option>Zootecnia de equinos</option>
	  					<option>Clínica y práctica de aves</option>
	  				</select>
	  			</div>
	  		</div>
	  	</div>
	  	<div id="partials">
		  	<div class="row">
		  		<div class="col-lg-2">
		  			<div class="form-group">
		  				<label>Parcial 1</label>
		  				<input type="text" class="form-control">
		  			</div>
		  		</div>
		  		<div class="col-lg-2">
		  			<div class="form-group">
		  				<label>Parcial 2</label>
		  				<input type="text" class="form-control">
		  			</div>
		  		</div>
		  		<div class="col-lg-2">
		  			<div class="form-group">
		  				<label>Parcial 3</label>
		  				<input type="text" class="form-control">
		  			</div>
		  		</div>
		  	</div>
		  	<div class="row">
		  		<div class="col-lg-3">
		  			<a href="#" class="btn btn-primary">Capturar</a>
		  		</div>
		  	</div>
	  	</div>
	  </div>
	  <!--Quinta tab-->
	</div>

	</form>

@endsection

@push('js')
	<script>
		$(document).ready(function(){

			var nationality = $('#nationalities').val();
			if (nationality == '144') {
				$('#estate').prop('disabled',false);
			}

			//Materias y parcial
			$('#materia-partials').on('change', function(){
				$('#partials').slideDown();
			});

			$('#select-ordinary').on('change', function(){
				$('#ordinary').slideDown();
			});



			//Si se detectan cambios
			$('#nationalities').on('change',function(){
				var id = $(this).val();
				if (id == '144') {
					$('#estate').prop('disabled',false);
				} else {
					$('#estate').prop('disabled',true);
					$('#estate').val('null');
				}
			});
		});
	</script>
@endpush