@extends('front.layoutwithout')

@section('title','Inscripción y reinscripción')
@section('sub-title')

@section('content')

<form action="{{route('student_subjects.store')}}" method="post">

	@csrf
	<div class="row">
		<div class="col-lg-2">
			<div class="form-group">
				<label>Matricula</label>
				<input type="text" name="#" id="matricula" class="form-control" required>
			</div>
		</div>
		<div class="col-lg-8">
			<div class="form-group">
				<label>Carrera</label>
				<input type="text" name="career" class="form-control" readonly required>
			</div>
		</div>
		<div class="col-lg-2">
			<div class="form-group">
				<label>Cuatrimestre</label>
				<input type="text" name="quarter" class="form-control" readonly required>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-2">
			<div class="form-group">
				<label>Ciclo</label>
				<input type="text" name="#" class="form-control" readonly required>
			</div>
		</div>
		<div class="col-lg-8">
			<div class="form-group">
				<label>Nombre</label>
				<input type="text" name="name" class="form-control" readonly required>
			</div>
		</div>
		<div class="col-lg-2">
			<div class="form-group">
				<label>Grupo</label>
				<input type="text" name="#" class="form-control" readonly required>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<h4>Materias</h4>
		</div>
		<div class="col-lg-2">
			<div class="form-group">
				<div class="checkbox checkbox-css top-center">
					<input type="hidden" name="#" value="0">
                    <input type="checkbox" name="#" id="candado"/>
                    <label for="candado">Candado de seriación</label>
                </div>
			</div>
		</div>
		<div class="col-lg-2">
			<div class="form-group">
				<div class="checkbox checkbox-css top-center">
					<input type="hidden" name="#" value="0">
                    <input type="checkbox" name="#" id="vobo"/>
                    <label for="vobo">VoBo</label>
                </div>
			</div>
		</div>
		<div class="col-lg-2 offset-lg-6">
			<div class="form-group">
				<label>Total de créditos</label>
				<input type="text" name="#" class="form-control" readonly required>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<table class="table table-bordered">
				<thead>
					<tr>
						<th style="width:1em;">Clave</th>
						<th>Nombre</th>
						<th style="width:2em;">Gpo</th>
						<th style="width:2em;">Faltas</th>
						<th style="width:7em;">1er Parcial</th>
						<th style="width:7em;">2do Parcial</th>
						<th style="width:7em;">3er Parcial</th>
						<th style="width:7em;">4to Parcial</th>
						<th style="width:2em;">Curso</th>
						<th style="width:2em;">Créditos</th>
					</tr>
				</thead>
				<tbody>
					@for($i=1;$i<10;$i++)
						<tr>
							<td>0{{$i}}</td>
							<td>Nombre</td>
						</tr>
					@endfor
				</tbody>
			</table>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-2">
			<button type="submit" class="btn btn-md disable btn-block btn-top submit1" disabled>Agregar materias</button>
		</div>
	</div>

</form>

@endsection

@push('css')
@endpush

@push('js')
	<script>

		$(document).ready(function(){

			$('#matricula').on('keyup',function(){
				alert();
			});

		});

	</script>
@endpush