@extends('front.layoutwithout')

@section('title')
	Crear Carrera
@endsection

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

@section('button-save')
@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')

<div class="tab-content">
<form action="{{route('careers.store')}}" method="post" id="form">
	@csrf
	<div class="row">
		<div class="col-lg-2">
			<div class="form-group">
				<label>Clave</label>
				<input type="text" name="code" class="form-control @error('code') no-valid @enderror" value="{{old('code')}}">
			</div>
		</div>

		<div class="col-lg-8">
			<div class="form-group">
				<label>Nombre de carrera</label>
				<input type="text" name="name" class="form-control @error('name') no-valid @enderror" value="{{old('name')}}">
			</div>
		</div>

		<div class="col-lg-2">
			<div class="form-group">
				<label>Plan</label>
				<select class="form-control" name="career_plan_id" value="{{old('career_plan_id')}}">
					@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">
			<div class="form-group">
				<label>Acuerdo</label>
				<input type="text" name="agreement" class="form-control @error('agreement') no-valid @enderror" value="{{old('agreement')}}">
			</div>
		</div>

		<div class="col-xl-4">
			<div class="form-group">
				<label>Clave DGES</label>
				<input type="text" name="code_degs" class="form-control @error('code_degs') no-valid @enderror" value="{{old('code_degs')}}">
			</div>
		</div>
        <div class="col-xl-3">
            <div class="form-group form-check-inline radio_career">
                <input class="form-check-input" type="radio" checked name="government_plan" id="inlineRadio1" value="{{ config('constants.government_plans.state') }}">
                <label class="form-check-label" for="inlineRadio1">Plan Estatal</label>
            </div>
        </div>
        <div class="col-xl-3">
            <div class="form-check form-check-inline radio_career">
                <input class="form-check-input" type="radio" name="government_plan" id="inlineRadio2" value="{{ config('constants.government_plans.federal') }}">
                <label class="form-check-label" for="inlineRadio2">Plan Federal</label>
            </div>
        </div>

	</div>

	<div class="row">
        <div class="col-xl-3">
            <div class="form-group">
                <label>Nivel</label>
                @php
                $level = array('Bachillerato', 'Licenciatura', 'Sistema Empresarial', 'Diplomado', 'Maestría', 'Doctorado');
                $count = count($level);
                @endphp
                <select class="form-control" name="actual_level">
                    @for($i=0;$i < $count;$i++)
                        <option value="{{$level[$i]}}">{{$level[$i]}}</option>
                    @endfor
                </select>
            </div>
        </div>

        <div class="col-xl-3">
            <div class="form-group">
                <label>Especialidad</label>
                <select class="form-control" name="career_speciality_id">
                    @foreach($data['specializations'] as $special)
                        <option value="{{$special->id}}">{{$special->name}}</option>
                    @endforeach
                </select>
            </div>
        </div>

		<div class="col-lg-3">
			<div class="form-group">
				<label>Fecha</label>
				<input type="date" disabled name="date" class="form-control" value="{{ date('Y-m-d') }}">
			</div>
		</div>

		<div class="col-lg-3">
			<div class="form-group">
				<label>Nombre corto</label>
				<input type="text" name="short_name" class="form-control @error('short_name') no-valid @enderror" value="{{old('short_name')}}">
			</div>
		</div>
    </div>
    <div class="row">
		<div class="col-lg-3">
			<div class="form-group">
				<label>Materias totales</label>
				<input type="number" name="total_subjects" class="form-control @error('total_subjects') no-valid @enderror" value="{{old('total_subjects')}}">
			</div>
		</div>

		<div class="col-lg-3">
			<div class="form-group">
				<label>C.T</label>
				<input type="text" name="ct" class="form-control @error('ct') no-valid @enderror" value="{{old('ct')}}">
			</div>
		</div>

		<div class="col-lg-3">
			<div class="form-group">
				<label>Cred. mínimos</label>
				<input type="number" name="minumum_credits" class="form-control @error('minumum_credits') no-valid @enderror" value="{{old('minumum_credits')}}">
			</div>
		</div>

		<div class="col-lg-3">
			<div class="form-group">
				<label>Mat. optativas</label>
				<input type="number" class="form-control" value="0">
			</div>
		</div>
	</div>

	<div class="row">

		<div class="col-lg-8">
			<div class="form-group">
				<label>Nombre de preferencia</label>
				<input type="text" name="preference_name" class="form-control  @error('preference_name') no-valid @enderror" value="{{old('preference_name')}}">
			</div>
		</div>

		<div class="col-lg-4">
			<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">Cuatrimestral</label>
                </div>
			</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">
	                <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"/>
	                <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"/>
	                <label for="preparatoria">Certificado Preparatoria</label>
	            </div>

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

				<div class="checkbox checkbox-css">
					<input type="hidden" name="partial_certificate" value="0">
	                <input type="checkbox" name="partial_certificate" id="parcial"/>
	                <label for="parcial">Certificado Parcial</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="good_behavior_certificate" value="0">
	                <input type="checkbox" name="good_behavior_certificate" id="cartas"/>
	                <label for="cartas">Cartas de Buena Cond.</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="photographs" value="0">
	                <input type="checkbox" name="photographs" id="fotografias"/>
	                <label for="fotografias">Fotografías</label>
	            </div>

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

				<div class="checkbox checkbox-css">
					<input type="hidden" name="practices" value="0">
	                <input type="checkbox" name="practices" id="practicas"/>
	                <label for="practicas">Prácticas Profesionales</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="social_service" value="0">
	                <input type="checkbox" name="social_service" id="social"/>
	                <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"/>
	                <label for="tesis">Tesis</label>
	            </div>


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

				<div class="checkbox checkbox-css">
					<input type="hidden" name="professional_certificate" value="0">
	                <input type="checkbox" name="professional_certificate" id="titulo"/>
	                <label for="titulo">Título</label>
	            </div>

				<div class="checkbox checkbox-css">
					<input type="hidden" name="professional_id" value="0">
	                <input type="checkbox" name="professional_id" id="cedula"/>
	                <label for="cedula">Cédula Profesional</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"/>
	                <label for="carrera">Certificado Carrera</label>
	            </div>

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

		<div class="row">

			<div class="col-lg-2">
				<div class="form-group">
					<label>Materias por periodo</label>
					<input type="number" class="form-control  @error('subjects_per_period') no-valid @enderror" name="subjects_per_period" value="{{old('subjects_per_period')}}">
				</div>
			</div>

			<div class="col-lg-4">
				<div class="form-group">
					<label>Nivel Escolar</label>
					@php
						$level = array('Bachillerato', 'Licenciatura', 'Sistema Empresarial', 'Diplomado', 'Maestría', 'Doctorado');
						$count = count($level);
					@endphp
					<select class="form-control" name="required_level">
						@for($i=0;$i<$count;$i++)
							<option value="{{$i}}">{{$level[$i]}}</option>
						@endfor
					</select>
				</div>
			</div>

			<div class="col-lg-2">
				<div class="form-group">
					<label>Faltas (%)</label>
					<input type="text" class="form-control @error('absences') no-valid @enderror" name="absences" value="{{old('absences')}}">
				</div>
			</div>
			<div class="col-lg-4">
				<div class="checkbox checkbox-css top-center">
					<input type="hidden" name="active" value="0">
	                <input type="checkbox" name="active" id="active">
	                <label for="active">Activa</label>
	            </div>
			</div>

		</div>

		<div class="row">
			<div class="col-lg-2">
				<button type="submit" id="save" class="btn disable btn-block" disabled>Guardar</button>
			</div>
		</div>

	</form>

</div>
@endsection