@extends('layouts.app')

@section('content')

<section class="portada denuncia col-12 my-4">
    <div class="container">
        <div class="row">
			<div class="col-12 text-justify my-5">
				<div class="title">
					<h1 class="text-blue text-center my-5">Ingreso de Denuncias</h1>
				</div>


				@if (session('status'))
					<div class="col-12 alert alert-success mb-5 text-center">
						{{ session('status') }}
					</div>
            	@endif

				<form action="{{route('denuncias.store')}}" class="shadow-lg" method="POST" enctype="multipart/form-data" >
                    @csrf

					<div class="tab tab-01 show-me">
					<p class="">El procedimiento para presentar la denuncia es sencillo. No obstante, Antes de realizar la denuncia, recuerde que si su denuncia no corresponde a Acoso laboral, Acoso Sexual, Discriminación, Violencia, Violencia de género o hechos que atenten contra la igualdad de género, se recomienda acudir en primer lugar a su jefatura directa ante observancia de una situación o conducta inapropiada.</p>

						<p>Para ingresar una denuncia, debe aceptar las condiciones de uso que se detallan:</p>
						<p>
							<ul>
								<li>Escoger la categoría asociada al caso a presentar.</li>
								<li>Ingresar datos del denunciante.</li>
								<li>Completar el formulario con la información del caso que se desea presentar (se explica lo ocurrido y se responden ciertas preguntas que asistirán a la investigación. También puede adjuntar archivos como documentos, fotos u otros).</li>
							</ul>
						</p>
						<p>Al ingresar su denuncia, recibirá el identificador y clave de seguimiento en el correo que ingresó en el formulario, con los que podrá ver la respuesta al caso presentado.</p>
						<p>No olvide que esta denuncia es totalmente confidencial, y por consiguiente la institución debe resguardar su integridad y reserva de denuncia. El receptor de esta denuncia, de acuerdo a lo definido por la institucionalidad, será el Jefe de Servicio, misma autoridad que dará la respuesta.</p>
						<p>En caso de efectuarse denuncias sin fundamento y respecto a las cuales se constatare su falsedad o el ánimo deliberado de perjudicar al denunciado, el Jefe de Servicio podrá aplicar la medida disciplinaria que corresponda.</p>

						<p><small><a href="{{asset('storage/flujograma_Integridad_Denuncia.pdf')}}">Revise el nuevo flujograma de denuncias.</a></small></p>
						<p><small><a href="preguntas-frecuentes" target="_blank">Tienes alguna pregunta, revisa las preguntas frecuentes aquí.</a></small></p>

						<div class="mb-3 form-check acepto">
					    	<input type="checkbox" class="form-check-input acepto-condiciones" name="acepto" id="acepto">
					    	<label class="form-check-label" for="acepto">Sí, estoy de acuerdo con los términos y condiciones presentados anteriormente.</label>

						    <div class="invalid-feedback">
						      Para continuar debe aceptar los términos y condiciones
						    </div>
					  	</div>
						
						<div class="box-botonera">
							<div class="step step-01 active nextBtn" data-step="step02">
								Siguiente
							</div>
						</div>

					</div>	

					<div class="tab tab-02 d-none">
						<h2 class="text-blue">Tipo de caso:</h2>

						<p>Por favor, elija el tipo de categoría de su denuncia</p>
						<p class="small text-center alert alert-warning">Recuerde que debe seleccionar al menos una opción para seguir adelante.</p>
						@foreach($casos as $caso) 
							@if($caso->slug != 'maltrato-laboral')
								<div class="mb-3 form-check {{$caso->slug}}">
									<input type="checkbox" class="form-check-input" name="tipo_caso[]" value="{{$caso->id}}" id="{{$caso->slug}}">
									<label class="form-check-label" for="{{$caso->slug}}">{{$caso->name}}</label>
									<small>{{$caso->description}}</small>
								</div>
							@endif

						@endforeach

					  	<div class="tipo-caso invalid-feedback alert alert-danger text-center">Seleccione una opción para continuar.</div>

					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step01">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step03">
								Siguiente
							</div>
						</div>

					</div>

					<div class="tab tab-03 d-none identificacion-causante">
						<h2 class="text-blue">Identificación del causante</h2>

						<p>Datos de identificación respecto a quién realiza la denuncia</p>

						<div class="form-check">
					    	<input type="radio" class="form-check-input tipo-denunciante" id="victima" name="whodenounces" value="victima">
					    	<label class="form-check-label" for="victima">Víctima</label>
					    	<small>Persona sobre la cual recae la acción, que puede manifestarse en forma de acoso sexual, acoso laboral, discriminación arbitraria, hechos que atenten contra la igualdad de género, violencia, violencia de género, faltas de probidad, cohecho/soborno, conflicto de interés, uso indebido de información reservada, tráfico de influencias, mal uso de bienes y recursos de la institución u operación sospechosa.</small>
					  	</div>
					  	
					  	<div class="form-check mb-3">
					    
					    	<input type="radio" class="form-check-input tipo-denunciante" id="denunciante" name="whodenounces" value="denunciante" >
					    	<label class="form-check-label" for="denunciante">Denunciante</label>
					    	<small>Persona (un tercero) que reporta uno o más hechos constitutivos de acoso sexual, acoso laboral, discriminación arbitraria, hechos que atenten contra la igualdad de género, violencia, violencia de género, faltas de probidad, cohecho/soborno, conflicto de interés, uso indebido de información reservada, tráfico de influencias, mal uso de bienes y recursos de la institución u operación sospechosa, sin ser necesariamente la víctima de dichas acciones.</small>
					  	</div>

					  	<div class="invalid-feedback alert alert-danger text-center">Seleccione una opción</div>

					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step02">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step04">
								Siguiente
							</div>
						</div>

					</div>

					<div class="tab tab-04 privacidad d-none">
						<h2 class="text-blue">Privacidad</h2>

						<p>Por favor, ingrese su nombre completo, y datos de contacto válidos (número de teléfono y correo electrónico):</p>

						<div class="form-check my-3">
							<label for="nombreDenunciante" class="form-label">Nombre del Denunciante</label>
					   		<input type="text" class="form-control" name="nombreDenunciante" id="nombreDenunciante" value="" >
					  	</div>

					  	<div class="form-check my-3">
							<label for="rut" class="form-label">Cédula de Identidad</label>
					   		<input type="text" class="form-control" name="identification" id="rut" value="">
							<div id="rutHelp" class="form-text">Use el formato de 11111111-1</div>
					  	</div>

						<div class="form-check my-3">
							<label for="birthdate" class="form-label">Fecha de nacimiento</label>
					   		<input type="text" class="form-control" name="birthdate" id="birthdate" value="">
							<div id="birthdateHelp" class="form-text">Use el formato de dd-mm-aaaa</div>
					  	</div>

						<div class="form-check my-3">
							<label for="genero" class="form-label">¿Cómo te identificas en términos de género?</label>
					   		<select class="form-select" id="genero" aria-describedby="genero" name="genero">
						      	<option selected disabled value="0">Seleccione su género</option>
								<option value="Mujer">Mujer</option>
								<option value="Hombre">Hombre</option>
								<option value="No binario">No binario</option>
								<option value="Prefiero no responder">Prefiero no responder</option>
						    </select>
					  	</div>

					  	<div class="form-check my-3">
							<label for="division" class="form-label">División</label>
					   		<select class="form-select" id="division" aria-describedby="division" name="division">
						      	<option selected disabled value="0">Seleccione la división en la que se desempeña</option>
								@foreach($divisiones as $division) 
									<option value="{{$division->id}}">{{$division->name}}</option>
								@endforeach
						    </select>
					  	</div>

					  	<div class="form-check my-3">
							<label for="cargo-funcion" class="form-label">Cargo o Función</label>
					   		<input type="text" class="form-control" name="cargo" id="cargo-funcion" value="">
					  	</div>

					  	<div class="form-check my-3">
							<label for="email" class="form-label">E-mail</label>
					   		<input type="email" class="form-control" id="email" name="email" value="">
					  	</div>

					  	<div class="form-check my-3">
							<label for="phone" class="form-label">Teléfono</label>
					   		<input type="number" class="form-control" id="phone" name="phone" value="">
					  	</div>	

					  	<div class="form-check my-3">
							<label for="relacion" class="form-label">Relación Jerárquica del denunciante respecto del denunciado/s</label>
					   		<select class="form-select" id="relacion" aria-describedby="relacion" name="relacion">
						      	<option selected disabled value="0">Seleccione el tipo de relación</option>
								@foreach($jerarquias as $jerarquia) 
						      		<option value="{{$jerarquia->id}}">{{$jerarquia->name}}</option>
								@endforeach
						    </select>
					  	</div>


					  	<div class="form-check my-3">
					  		<p>¿El o La denunciante trabaja directamente con el denunciado?</p>
					  	</div>

					  	<div class="form-check form-check-inline my-3">
						  <input class="form-check-input" type="radio" name="directwork" id="inlineRadio1" value="Sí">
						  <label class="form-check-label" for="inlineRadio1">Sí</label>
						</div>
						<div class="form-check form-check-inline">
						  <input class="form-check-input" type="radio" name="directwork" id="inlineRadio2" value="No">
						  <label class="form-check-label" for="inlineRadio2">No</label>
						</div>
						<div class="form-check form-check-inline">
						  <input class="form-check-input" type="radio" name="directwork" id="inlineRadio3" value="No poseo esa información">
						  <label class="form-check-label" for="inlineRadio3">No poseo esa información</label>
						</div>

						<div class="form-check my-3">
					  		<p>¿El o La denunciante ha puesto en conocimiento a su superior Jerárquico la situación que le aflige?</p>
					  	</div>

						<div class="form-check form-check-inline my-3">
						  <input class="form-check-input" type="radio" name="knowledge" id="conocimientoinlineRadio1" value="Sí">
						  <label class="form-check-label" for="conocimientoinlineRadio1">Sí</label>
						</div>
						<div class="form-check form-check-inline">
						  <input class="form-check-input" type="radio" name="knowledge" id="conocimientoinlineRadio2" value="No">
						  <label class="form-check-label" for="conocimientoinlineRadio2">No</label>
						</div>
						<div class="form-check form-check-inline">
						  <input class="form-check-input" type="radio" name="knowledge" id="conocimientoinlineRadio3" value="No poseo esa información">
						  <label class="form-check-label" for="conocimientoinlineRadio3">No poseo esa información</label>
						</div>

						<div class="psychologicalcare psychologicalcare-case d-none">
							<div class="form-check my-3 psychologicalcare psychologicalcare-case">
								<p>¿El o La denunciante requiere atención psicológica temprana?</p>
							</div> 

							<div class="form-check form-check-inline my-3">
								<input class="form-check-input" type="radio" name="psychologicalcare" id="psychologicalcare" value="Sí">
								<label class="form-check-label" for="psychologicalcare">Sí</label>
							</div>
							<div class="form-check form-check-inline">
								<input class="form-check-input" type="radio" name="psychologicalcare" id="psychologicalcare2" value="No">
								<label class="form-check-label" for="psychologicalcare2">No</label>
							</div>
						</div>

						<div class="input-group my-3">
						  <span class="input-group-text">Observación</span>
						  <textarea class="form-control" name="observacion" id="observacion" aria-label="observacion"></textarea>
						</div>
					  
					    
					    <div class="invalid-feedback alert alert-danger text-center">Complete todos los campos</div>


					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step03">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step05">
								Siguiente
							</div>
						</div>

					</div>

					<div class="tab tab-05 d-none">
						<h2 class="text-blue">Información:</h2>

						<div class="my-3">
								<label for="descripcioncaso" class="form-label">Describa el caso o denuncia:</label>
								<textarea class="form-control" id="descripcioncaso" name="descripcioncaso" rows="3"></textarea>
								<small>Por favor sea lo más descriptivo posible al completar estas preguntas. Le recomendamos utilizar nombres propios (en lugar de él o ella), términos y eventos descriptivos. Entre más datos recuerde, mejor se podrá realizar la investigación. Por ejemplo: Juan López (Jefe de Administración) grabó la base de datos de los clientes y se la vendió a una institución de cobranza el 6 de enero de 2016.</small>
							</div>

							<div class="my-3">
								<label for="personasinvolucradas" class="form-label">Mencionar a la(s) persona(s) que se ha(n) visto involucrada(s) en esta situación:</label>
								<textarea class="form-control" id="personasinvolucradas" name="personasinvolucradas" rows="3"></textarea>
								<small>Indique a las personas involucradas, tanto internos como externos. Si tiene información de nombre y cargo agréguela. Si no, puede dejar esta casilla en blanco.</small>
							</div>

							<div class="my-3">
								<label for="dondesucedio" class="form-label">¿Dónde sucedió?</label>
								<textarea class="form-control" id="dondesucedio" name="dondesucedio" rows="3"></textarea>
								<small>Indique si fue en las instalaciones de la institución o en sectores aledaños a la institución, u otros. Señale la mayor cantidad de detalles posibles para su investigación.</small>
							</div>

							<div class="my-3">
								<label for="testigos" class="form-label">¿Existen testigos de la situación?</label>
								<textarea class="form-control" id="testigos" name="testigos" rows="3"></textarea>
								<small>Escribir los nombres de los testigos, si los tiene.</small>
							</div>

							<div class="my-3">
								<label for="desdecuando" class="form-label">¿Cuándo o desde cuándo (aproximadamente) ocurrió?</label>
								<textarea class="form-control" id="desdecuando" name="desdecuando" rows="3"></textarea>
								<small>Puede escribir la fecha y las horas si las tiene, incluso si son datos aproximados.</small>
							</div>

							<div class="mt-3">
								<p>¿Cómo se dio cuenta de esta situación?*</p>
							</div>

							<div class="mb-2 form-check lovivi">
					    	<label class="form-check-label" for="comosediocuenta">Lo viví</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="comosediocuenta" name="comosediocuenta" value="Lo viví">
					  	</div>

					  	<div class="mb-2 form-check loviescuche">
					    	<!-- <input type="checkbox" class="form-check-input loviescuche" name="loviescuche" id="loviescuche"> -->
					    	<label class="form-check-label" for="loviescuche">Lo ví / escuché</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="loviescuche" name="comosediocuenta" value="Lo ví/Escuché">
					  	</div>

					  	<div class="mb-2 form-check contofuncionario">
					    	<!-- <input type="checkbox" class="form-check-input contofuncionario" name="contofuncionario" id="contofuncionario"> -->
					    	<label class="form-check-label" for="contofuncionario">Me lo contó un funcionario de la institución</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="contofuncionario" name="comosediocuenta" value="Me lo conto un funcionario de la institución">
					  	</div>

					  	<div class="mb-3 form-check contoexterno">
					    	<!-- <input type="checkbox" class="form-check-input contofuncionario" name="contofuncionario" id="contofuncionario"> -->
					    	<label class="form-check-label" for="contoexterno">Me lo contó un externo</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="contoexterno" name="comosediocuenta" value="Me lo conto un externo">
					  	</div>

					  	<div class="mb-3 form-check rumorpasillo">
					    	<!-- <input type="checkbox" class="form-check-input rumorpasillo" name="rumorpasillo" id="rumorpasillo"> -->
					    	<label class="form-check-label" for="rumorpasillo">Es un rumor de pasillo</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="rumorpasillo" name="comosediocuenta" value="Es un rumor de pasillo">
					  	</div>

					  	<div class="mb-3 form-check otro">
					    	<!-- <input type="checkbox" class="form-check-input otro" name="otro" id="otro"> -->
					    	<label class="form-check-label" for="otro">Otro</label>
					    	<input type="radio" class="form-check-input tipo-denunciante" id="otro" name="comosediocuenta" value="otro">
					  	</div>

					  	<div class="mb-3 form-check otrocual">
					    	<input type="text" class="form-control" name="otrocual" id="otrocual">
					    	<label class="form-check-label" for="otrocual">Si marcó otro, indique cual:</label>
					  	</div>

					  	<div class="mt-3">
								<p>Si Ud. cuenta con archivos que respalden su denuncia puede adjuntarlos. Si es más de uno, por favor enviar los archivos comprimidos en un archivo .ZIP</p>
							</div>

					  	<div class="mb-3">
						  <label for="formFileSm" class="form-label">Archivos:</label>
						  <input class="form-control form-control-sm" id="evidencia" name="files[]" type="file" multiple>
						  <small>Para seleccionar múltiples archivos presionamos la tecla Ctrl y hacemos clic en todos los archivos que deseamos seleccionar.</small>
						  <small>Tamaño máximo de los archivos 20mb en total.</small>
						</div>

						<div class="informacion-del-como invalid-feedback alert alert-danger text-center">Complete todos los campos</div>


					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step04">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step06">
								Siguiente
							</div>
						</div>

					</div>

					<div class="tab tab-06 d-none">
						<h2 class="text-blue">Confirmación:</h2>

						<p class="mt-3">Ha terminado de ingresar los datos de su caso. Se generó un identificador y una clave, las cuales serán enviadas al correo que ingresó en el formulario, para que pueda hacer seguimiento del caso.</p>
						<p>Tenga presente que estos datos son la única forma de acceder a su caso y conocer la respuesta, adjuntar nueva información o conocer su avance.</p>
						<p>Muchas gracias.</p>


					  	<div class="box-botonera">
					  		<input type="hidden" value="denuncia">
							<div class="step backBtn" data-step="step05">
								Volver
							</div>

                            <button type="submit" class="step active nextBtn" data-step="step-end">Enviar</button>
                            
						</div>

					</div>

					<!-- Caso ROS -->

					<div class="tab tab-07 d-none identificacion-ros">
						<h2 class="text-blue">Indique qué tipo de denuncia desea informar.</h2>

						<p>Si no sabe qué tipo de denuncia corresponde, marque la opción "Otro tipo de denuncia"</p>

						<div class="form-check">
					    	<input type="radio" class="form-check-input" id="pago" name="tipo_denuncia_ros" value="Pago">
					    	<label class="form-check-label" for="pago">Lavado de Activos:</label>
					    	<small>Quién adquiera, posea, tenga o use los referidos bienes, con ánimo de lucro, cuando al momento de recibirlos su origen ilícito es conocido.</small>
					  	</div>
					  	
					  	<div class="form-check mb-3">
					    
					    	<input type="radio" class="form-check-input" id="sospechaD" name="tipo_denuncia_ros" value="Sospecha de dinero" >
					    	<label class="form-check-label" for="sospechaD">Financiamiento del Terrorismo:</label>
					    	<small>El que, por cualquier medio, directa o indirectamente, solicite, recaude o provea fondos con la finalidad de que se utilicen en la comisión de cualquiera de los delitos terroristas señalados en el artículo 2º de la ley 18.314, sobre conductas terroristas.</small>
					    
					  	</div>

					  	<div class="form-check mb-3">
					    
					    	<input type="radio" class="form-check-input" id="SospechaT" name="tipo_denuncia_ros" value="Sospecha de Tercero" >
					    	<label class="form-check-label" for="SospechaT">Delitos Funcionarios:</label>
					    	<small>Son todas aquellas conductas ilícitas cometidas por funcionarios públicos en el ejercicio de sus cargos, o aquellas que afectan el patrimonio del Fisco en sentido amplio. (cohecho, malversación de fondos públicos, prevaricación).</small>
					    
					  	</div>

					  	<div class="form-check mb-3">
					    
					    	<input type="radio" class="form-check-input" id="SospechaT" name="tipo_denuncia_ros" value="Otro tipo de denuncia" >
					    	<label class="form-check-label" for="SospechaT">Otro tipo de denuncia:</label>
					    	<small>Asociada a lo contenido en el Manual del Sistema de Prevención de LA/DF/FT.</small>
					    
					  	</div>

					  	<div class="identificacion-ros invalid-feedback alert alert-danger text-center">Seleccione una opción</div>

					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step02">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step08">
								Siguiente
							</div>
						</div>
					</div>

					<div class="tab tab-08 d-none contenido-denuncia-ros">
						<h2 class="text-blue">Contenido de la Denuncia</h2>

						<p>Entre otros, el funcionario deberá considerar los siguientes elementos para llevar a cabo su deber de informar:</p>
						<p>
							<ul>
								<li>La inusualidad de la operación, es decir, la transacción de la que toman conocimiento es diferente a las actividades normales y esperadas.</li>
								<li>La falta de justificación económica o jurídica de la operación que han tomado conocimiento.</li>
								<li>La inobservancia de los protocolos y canales establecidos para una determinada actividad.</li>
								<li>Solicitud de beneficios improcedentes o conocimiento de situaciones de esa especie. Cambios imprevistos y no ajustados a los procedimientos de los términos de las relaciones contractuales.</li>
							</ul>
						</p>

						<div class="my-3">
								<label for="descripcionhechos-ros" class="form-label">Descripción detallada de los hechos informados y montos involucrados, si es que tuviere conocimiento de ellos.</label>
								<textarea class="form-control" id="descripcionhechos-ros" name="descripcionhechos" rows="3"></textarea>
							</div>

							<div class="my-3">
								<label for="involucradoshechos-ros" class="form-label">Nombre de los involucrados y testigos del hecho, si es que los hubiere.</label>
								<textarea class="form-control" id="involucradoshechos-ros" name="involucradoshechos" rows="3"></textarea>
							</div>

							<div class="my-3">
								<label for="unidadhechos-ros" class="form-label">Unidad del Servicio donde ocurrió el hecho que se informa</label>
								<textarea class="form-control" id="unidadhechos-ros" name="unidadhechos" rows="3"></textarea>
							</div>

							<div class="my-3">
								<label for="fechahechos-ros" class="form-label">Fecha en la que habría ocurrido el hecho o la vulneración informada.</label>
								<textarea class="form-control" id="fechahechos-ros" name="fechahechos" rows="3"></textarea>
							</div>

							<div class="my-3">
								<label for="formahechos-ros" class="form-label">Indicación de la forma en que se tomó conocimiento de la operación sospechosa*</label>
								<textarea class="form-control" id="formahechos-ros" name="formahechos" rows="3"></textarea>
							</div>

					  	<div class="mt-3">
								<p>Si Ud. cuenta con archivos que respalden su denuncia puede adjuntarlos. Si es más de uno, por favor enviar los archivos comprimidos en un archivo .ZIP</p>
								<p><small>Antecedentes fundantes de los hechos informados que sirvan para el esclarecimiento o faciliten su investigación. (Adjunte documentación adicional)</small></p>
							</div>

					  	<div class="mb-3">
						  <label for="formFileSm" class="form-label">Archivos:</label>
						  <input class="form-control form-control-sm" id="evidencia-ros" name="evidencia[]" type="file" multiple>
						</div>

						<div class="contenido-denuncia-ros invalid-feedback alert alert-danger text-center">Complete todos los campos</div>

					  	<div class="box-botonera">
							<div class="step backBtn" data-step="step07">
								Volver
							</div>

							<div class="step active nextBtn" data-step="step09">
								Siguiente
							</div>
						</div>
					</div>

					<div class="tab tab-09 d-none">
						<h2 class="text-blue">Confirmación:</h2>

						<p class="mt-3">Ha terminado de ingresar los datos de su denuncia. Se generó un identificador y una clave, las cuales serán enviadas al correo que ingresó en el formulario, para que pueda hacer seguimiento del caso.</p>
						<p>Tenga presente que estos datos son la única forma de acceder a su caso y conocer la respuesta, adjuntar nueva información o conocer su avance.</p>
						<p>Muchas gracias.</p>


					  	<div class="box-botonera">
					  		<input type="hidden" value="denuncia">
							<div class="step backBtn" data-step="step08">
								Volver
							</div>

							<button type="submit" class="step active nextBtn" data-step="step-end">Enviar</button>
						</div>

					</div>

					<div class="tab tab-10 d-none">
						<h2 class="text-blue">Fin ROS</h2>
					</div>

					<div class="tab tab-11 d-none">
						<h2 class="text-blue">Fin</h2>
					</div>


					<div class="botonera-steps">
						<ul>
							<li class="step-01 active"></li>
							<li class="step-02"></li>
							<li class="step-03"></li>
							<li class="step-04"></li>
							<li class="step-05"></li>
							<li class="step-06"></li>
						</ul>
					</div>


				</form>
			</div>
		</div>
    </div>
</section>
@endsection