@extends('App')

@section('content')
	<form action="{{ config('app.ADD_SERVE_URL'); }}creatingprocedure" method="post" enctype="multipart/form-data">
	    @csrf
	    <center><h1><u>CREAR TRAMITE ACADEMICO</u></h1></center>
		<br>


		<div class="row">
	    	<div class="col-md-4">
	    		<label for="date_application">Fecha de Solicitud</label>
      			<input type="date" id="date_application" name="date_application" class="form-control" required>
	    	</div>
	    	<div class="col-md-8">
	    		<label for="id_type_procedures">Tipo de solicitud</label>
      			<select id="id_type_procedures" name="id_type_procedures" class="form-select" required>
			    	@foreach ($list_type_procedures as $element)
				  		<option value="{{ $element->id }}">{{ $element->name }}</option>
				  	@endforeach
				</select>
	    	</div>
	    </div>
	    <br>


	    <div class="row">
	    	<div class="col-md-8">
	    		<label for="name_applicant">Nombre solicitante</label>
      			<input type="text" class="form-control" id="name_applicant" name="name_applicant" placeholder="Nombre aquí" required>
	    	</div>
	    	<div class="col-md-4">
	    		<label for="city">Ciudad</label>
      			<select id="city" name="city" class="form-select" required>
			    	<option value="Cochabamba">Cochabamba</option>
			    	<option value="La Paz">La Paz</option>
			    	<option value="Santa Cruz">Santa Cruz</option>
			    	<option value="Pando">Pando</option>
			    	<option value="Beni">Beni</option>
			    	<option value="Oruro">Oruro</option>
			    	<option value="Potosi">Potosi</option>
			    	<option value="Chuquisaca">Chuquisaca</option>
			    	<option value="Tarija">Tarija</option>
				</select>
	    	</div>
	    </div>
	    <br>


	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="cellphone_applicant">Celular o número de contacto</label>
      			<input type="text" class="form-control" id="cellphone_applicant" name="cellphone_applicant" placeholder="Numero aquí" required>
	    	</div>
	    	<div class="col-md-6">
	    		<label for="ci_applicant">CI postulante</label>
      			<input type="text" class="form-control" id="ci_applicant" name="ci_applicant" placeholder="Numero aquí" required>
	    	</div>
	    </div>
	    <br>


	    <div class="row">
	    	<div class="col-md-12">
	    		<label for="name_program">Nombre programa</label>
      			<input type="text" class="form-control" id="name_program" name="name_program" placeholder="Nombre programa aquí" required>
	    	</div>
	    </div>
	    <br>


	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="date_start_program">Fecha de inicio del programa</label>
      			<input type="date" id="date_start_program" name="date_start_program" class="form-control" required>
	    	</div>
	    	<div class="col-md-6">
	    		<label for="date_end_program">Fecha de finalización del programa</label>
      			<input type="date" id="date_end_program" name="date_end_program" class="form-control" required>
	    	</div>
	    </div>
	    <br>

	    <div class="row">
	    	<div class="col-md-12">
	    		<center><label for="description">Descripción</label></center>
      			<textarea class="form-control" id="description" name="description" rows="4"></textarea>
	    	</div>
	    </div>
	    <br>


	    <center><h3><u>Subir archivos (opcional)</u></h3></center>
	    <br>


	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="file1">Archivo #1</label>
      			<input type="file" name="file1" class="form-control-file">
	    	</div>
	    	<div class="col-md-6">
	    		<label for="file2">Archivo #2</label>
      			<input type="file" name="file2" class="form-control-file">
	    	</div>
	    </div>
	    <br>
	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="file3">Archivo #3</label>
      			<input type="file" name="file3" class="form-control-file">
	    	</div>
	    	<div class="col-md-6">
	    		<label for="file4">Archivo #4</label>
      			<input type="file" name="file4" class="form-control-file">
	    	</div>
	    </div>
	    <br>
	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="file5">Archivo #5</label>
      			<input type="file" name="file5" class="form-control-file">
	    	</div>
	    	<div class="col-md-6">
	    		<label for="file6">Archivo #6</label>
      			<input type="file" name="file6" class="form-control-file">
	    	</div>
	    </div>
	    <br>
	    <div class="row">
	    	<div class="col-md-6">
	    		<label for="file7">Archivo #7</label>
      			<input type="file" name="file7" class="form-control-file">
	    	</div>
	    	<div class="col-md-6">
	    		<label for="file8">Archivo #8</label>
      			<input type="file" name="file8" class="form-control-file">
	    	</div>
	    </div>
	    <br>
		<div class="row">
	    	<div class="col-md-6">
	    		<label for="file9">Archivo #9</label>
      			<input type="file" name="file9" class="form-control-file">
	    	</div>
	    	<div class="col-md-6">
	    		<label for="file10">Archivo #10</label>
      			<input type="file" name="file10" class="form-control-file">
	    	</div>
	    </div>
	    <br>


	    <input type="hidden" id="id_user_creator" name="id_user_creator" value="{{ $id_user }}">

	    <br>

	    <div class="row">
	    	<div class="col-md-3"></div>
	    	<div class="col-md-6">
	    		<button class="btn btn-primary w-100 py-2" type="submit">Crear</button>
	    	</div>
	    	<div class="col-md-3"></div>
	    </div>

	</form>
@endsection