File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/academy/add_academy_users.blade.php
@extends('modules.head') @section('contenido')
<style>
input[type="file"] {
display: none;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
.documentSection {
margin: auto;
align-items: center;
}
.documentCard {
display: flex;
flex-flow: column;
align-items: center;
height: max-content;
}
.card {
border: 1px solid lightgray;
border-radius: 5px;
margin: 5px;
min-width: -webkit-fill-available;
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
width: -webkit-fill-available;
height: -webkit-fill-available;
}
.templateBtn {
text-align: center;
padding: 6px 10px;
height: 33px;
width: 100%;
border-radius: 18px;
}
.select2-container {
width: -webkit-fill-available !important;
}
</style>
<h3>
<a class="ruta" class="" href="{{ url('/academy_user') }}{{ '/' . $type_academy }}">{{ Lang::get('messages.academy_users.title') }} </a>
<span class="separador-ruta">|</span>
<a class="ruta" class="" href="{{ url('/academy/add_academy_users') }}{{ '/' . $type_academy }}">{{ Lang::get('messages.academy_users.titleAdd') }}</a>
</h3>
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">{{ Lang::get('messages.academy_users.titleAdd') }}</h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<form role="form" id="saveUser" data-toggle="validator">
<!-- Información del alumno -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">Información del alumno</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row">
<div class="col-4 col-md-3">
<div class="form-group">
<label for="user_name">{{ Lang::get('messages.academy_users.tag2-1') }}</label>
<input type="text" class="form-control accent_Input" maxlength="45" id="rrr" name="user_name" value="" required>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="user_last_name">{{ Lang::get('messages.academy_users.tag47') }}</label>
<input type="text" class="form-control accent_Input" maxlength="45" name="user_last_name" value="" required>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="student_document_type_id">{{ Lang::get('messages.academy_users.tag48') }}</label>
<select class="form-control" name="student_document_type_id" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach ($documentsTypes as $documentsType)
<option value="{{ $documentsType->id }}">{{ $documentsType->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="documentID">{{ Lang::get('messages.academy_users.tag7') }}</label>
<input type="text" class="form-control" maxlength="45" name="documentID" value="" required>
</div>
</div>
@if ($type_academy == 'children')
<div class="col-4 col-md-3">
<div class="form-group">
<label for="school_name">{{ Lang::get('messages.academy_users.tag21') }}</label>
<input type="text" class="form-control accent_Input" maxlength="45" name="school_name" value="" required>
</div>
</div>
@endif
<div class="col-4 col-md-3">
<div class="form-group">
<label for="school_grade">{{ Lang::get('messages.academy_users.tag22') }}</label>
<select class="form-control" name="school_grade" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['school_grades']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="limit_discount">{{ Lang::get('messages.academy_users.tag6') }}</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" name="birthdate" id="birthdate" onchange="autoAge(this)" required>
</div>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="age">{{ Lang::get('messages.academy_users.tag4') }}</label>
<input type="number" class="form-control" max="99" name="age" id="age" value="" disabled required>
</div>
</div>
@if (in_array('athlete_ocupation', $enrollmentFields))
<div class="col-4 col-md-3">
<div class="form-group">
<label for="ocupation">{{ Lang::get('messages.academy_users.tag15-6') }}</label>
<select class="form-control" name="ocupation" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['ocupation']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
@endif
<div class="col-4 col-md-3">
<div class="form-group">
<label for="email">{{ Lang::get('messages.academy_users.academy_user_mail') }}</label>
<input type="email" class="form-control" id="email" name="email" value="" required>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="mobile">{{ Lang::get('messages.academy_users.tag5') }}</label>
<input type="text" class="form-control" maxlength="15" name="mobile" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="" required>
</div>
</div>
</div>
{{-- DIRECCION ALUMNO --}}
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label for="address">{{ Lang::get('messages.academy_users.advisor_address') }}</label>
<x-address-field name="address" :address="old('address')" />
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-md-12">
<div class="form-group">
<label for="observations">{{ Lang::get('messages.academy_users.observations') }}</label>
<textarea class="form-control" name="observations" id="observations" cols="30" rows="10" data-emoji-picker="true"></textarea>
</div>
</div>
</div>
</div>
</div>
<!-- información responsable -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">
{{ $type_academy == 'children' ? Lang::get('messages.academy_users.advisor_information') : Lang::get('messages.academy_users.emergency_contact') }}
</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row">
<div class="col-4 col-md-3">
<div class="form-group">
<label for="type_person">{{ Lang::get('messages.academy_users.type_person') }}</label>
<select class="form-control" name="type_person" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
<option value="NATURAL_PERSON" {{ old('type_person') == 'NATURAL_PERSON' ? 'selected' : '' }}>
{{ Lang::get('messages.type_person.natural_person') }}
</option>
<option value="JURIDICAL_PERSON" {{ old('type_person') == 'JURIDICAL_PERSON' ? 'selected' : '' }}>
{{ Lang::get('messages.type_person.juridical_person') }}
</option>
</select>
</div>
</div>
</div>
{{-- Campos para persona natural --}}
<div class="row" id="naturalPerson">
{{-- NOMBRE --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_name">{{ Lang::get('messages.academy_users.tag15-1') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="45" name="advisor_name" value="{{ old('advisor_name') }}">
</div>
</div>
{{-- APELLIDO --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_last_name">{{ Lang::get('messages.academy_users.tag15-2') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="45" name="advisor_last_name" value="{{ old('advisor_last_name') }}">
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_document_type_id">{{ Lang::get('messages.academy_users.tag15-3') }}</label>
<select class="form-control" name="advisor_document_type_id">
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach ($documentsTypes as $documentsType)
<option value="{{ $documentsType->id }}">{{ $documentsType->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_identification">{{ Lang::get('messages.academy_users.tag15-4') }}</label>
<input type="text" class="form-control" maxlength="45" name="advisor_identification" value="">
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_relation">{{ Lang::get('messages.academy_users.tag15-5') }}</label>
<select class="form-control" name="advisor_relation" value="">
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['relationship']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_ocupation">{{ Lang::get('messages.academy_users.tag15-6') }}</label>
<select class="form-control" name="advisor_ocupation" value="">
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['ocupation']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
{{-- DIRECCION RESPONSABLE PERSONA NATURAL --}}
<div class="col-sm-12">
<div class="form-group">
<label for="advisor_address_natural">{{ Lang::get('messages.academy_users.advisor_address') }}</label>
<x-address-field name="advisor_address_natural" address="{{ $academy_advisor_address->direction ?? old('advisor_address') }}" latitude="{{ $academy_advisor_address->lat ?? old('latitude') }}" longitude="{{ $academy_advisor_address->long ?? old('longitude') }}" addressid="{{ $academy_user->advisor_address_id ?? old('advisor_address_id') }}" />
</div>
</div>
</div>
{{-- Campos para persona juridica --}}
<div class="row" id="juridicalPerson">
{{-- NIT --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_nit">{{ Lang::get('messages.academy_users.advisor_nit') }}</label>
<input type="text" class="form-control" maxlength="45" name="advisor_nit" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ old('advisor_nit') }}">
</div>
</div>
{{-- RAZON SOCIAL --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_business_name">{{ Lang::get('messages.academy_users.advisor_business_name') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="191" name="advisor_business_name" value="{{ old('advisor_business_name') }}">
</div>
</div>
{{-- NOMBRE DE PROPIEDAD --}}
@if(in_array('advisor_property_name', $enrollmentFields))
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_property_name">{{ Lang::get('messages.academy_users.advisor_property_name') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="191" name="advisor_property_name" value="{{ old('advisor_property_name') }}">
</div>
</div>
@endif
{{-- CODIGO CIUU --}}
@if(in_array('ciiu', $enrollmentFields))
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_isic_code">{{ Lang::get('messages.academy_users.advisor_isic_code') }}</label>
<input type="text" class="form-control" maxlength="4" name="advisor_isic_code" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ old('advisor_isic_code') }}">
</div>
</div>
@endif
{{-- NOMBRE PARA PERSONA JURÍDICA --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_name_juridic">{{ Lang::get('messages.academy_users.tag15-1') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="45" name="advisor_name_juridic" value="{{ old('advisor_name_juridic') }}">
</div>
</div>
{{-- APELLIDO PARA PERSONA JURÍDICA --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_last_name_juridic">{{ Lang::get('messages.academy_users.tag15-2') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="45" name="advisor_last_name_juridic" value="{{ old('advisor_last_name_juridic') }}">
</div>
</div>
{{-- TELEFONO --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_phone">{{ Lang::get('messages.academy_users.advisor_cell_phone') }}</label>
<input type="text" class="form-control" maxlength="45" name="advisor_phone" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ old('advisor_phone') }}">
</div>
</div>
{{-- CORREO ELECTRONICO --}}
<div class="col-4 col-md-3">
<div class="form-group">
<label for="advisor_mail">{{ Lang::get('messages.academy_users.advisor_mail') }}</label>
<input type="text" class="form-control edit_accent_input" maxlength="45" name="advisor_mail" value="{{ old('advisor_mail') }}">
</div>
</div>
{{-- DIRECCION RESPONSABLE --}}
<div class="col-sm-12">
<div class="form-group">
<label for="advisor_address">{{ Lang::get('messages.academy_users.advisor_address') }}</label>
<x-address-field name="advisor_address" :address="old('advisor_address')" />
</div>
</div>
</div>
{{-- información legal responsable --}}
<div class="row">
<div class="form-group col-12 col-md-12">
<label for="guardian_information">{{ Lang::get('messages.academy_users.guardian_information') }}</label>
<textarea class="form-control" name="guardian_information" id="guardian_information" cols="30" rows="10" data-emoji-picker="true"></textarea>
</div>
</div>
</div>
</div>
<!-- Información de salud -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">Información de salud</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="blood_type">{{ Lang::get('messages.academy_users.tag37') }}</label>
<select class="form-control" name="blood_type" value=" required">
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['blood_type']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
@if (in_array('eps', $fullEnrollmentFields))
<div class="col-3 col-md-9">
<div class="form-group">
<label for="eps">{{ Lang::get('messages.academy_users.tag38') }}</label>
<input type="text" class="form-control" maxlength="45" name="eps" value="" required>
</div>
</div>
@endif
</div>
</div>
</div>
<!-- información de la academia -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">Información academia</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row">
<div class="col-6 col-md-6">
<div class="form-group">
<label for="academy_category">{{ Lang::get('messages.academy_users.tag58') }}</label>
<select class="form-control select2" data-placeholder="{{ Lang::get('messages.select') }}" name="academy_category" value="" @if (isset($academy_user->academy_category_id)) required @else '' @endif>
<option value="" disabled {{ isset($academy_user->academy_category_id) ? '' : 'selected' }}>
@lang('messages.select')
</option>
@foreach ($academyCategories as $category)
<option value="{{ $category->id }}" {{ isset($academy_user) && $academy_user->academy_category_id == $category->id ? 'selected' : '' }}>
{{ $category->name . (isset($category->academy_location) ? ' (' . config('app.location') . ' ' . $category->academy_location->name . ')' : '') }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-6 col-md-6">
<div class="form-group">
<label for="academy_place">{{ Lang::get('messages.academy_users.tag64-1') }}</label>
<select class="form-control select2" data-placeholder="{{ Lang::get('messages.select') }}" name="academy_place" value="" @if (isset($academy_user->academy_schedule_id)) required @else '' @endif>
<option value="0" disabled {{ isset($academy_user->academy_schedule_id) ? '' : 'selected' }}>
@lang('messages.select')
</option>
@foreach ($academySchedules as $schedule)
<option value="{{ $schedule->id }}" data-name="{{ $schedule->categories }}" {{ isset($academy_user) && $academy_user->academy_schedule && $academy_user->academy_schedule_id == $schedule->id ? 'selected' : '' }}>
{{ $schedule->name }}
</option>
@endforeach
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-6 col-md-6">
<div class="form-group">
<label for="last_inscription_year">{{ Lang::get('messages.academy_users.tag70') }}</label>
<select class="form-control" name="last_inscription_year" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['last_inscription_year']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-6 col-md-6">
<div class="form-group">
<label for="discounts"> {{ Lang::get('messages.academy_users.tag3-2') }}</label>
<select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.screen_products_tag32') }}" name="generalMultiselect" id="generalMultiselect">
@foreach ($discounts as $discount)
<option value="{{ $discount->id }}" {{ isset($academy_user) && in_array($discount->id, $academy_user->discounts) ? 'selected' : '' }}>
{{ $discount->name }}
</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
</div>
<!-- Información uniforme -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">Información uniforme</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row">
<div class="col-3 col-md-3">
<div class="form-group">
<label for="tshirt_size">{{ Lang::get('messages.academy_users.tag31-1') }}</label>
<select class="form-control" name="tshirt_size" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['tshirt_sizes']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-3 col-md-3">
<div class="form-group">
<label for="uniform_type">{{ Lang::get('messages.academy_users.tag31-2') }}</label>
<select class="form-control" name="uniform_type" value="" required>
<option value="" disabled selected>
@lang('messages.select')
</option>
@foreach (explode(',', array_column($parameters, null, 'key')['uniform_types']['value']) as $item)
<option value="{{ $item }}">{{ $item }}</option>
@endforeach
</select>
</div>
</div>
</div>
</div>
</div>
<!-- Información documentos -->
<div class="box collapsed-box">
<div class="box-header with-border">
<h3 class="box-title">Información documentos (opcional)</h3>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<div class="box-body">
<div class="row documentSection">
@foreach ($academyDocuments as $document)
<div class="col-md-4 documentCard">
<div class="card">
<h3 style="text-transform: uppercase;">{{ $document->name }}</h3>
@if ($document->required)
<p class="colorIconAside" style="position: absolute; right: 30px;">Requerido
</p>
@endif
<br>
<img class="card-img-top" style="width: 200px !important;" src="{{ asset('img/academyFile.png') }}" alt="Card image cap">
<div class="card-body">
@if (isset($document))
<label class="custom-file-upload">
<input type="file" name="documentUpload" id="documentUpload_{{ $document->id }}" multiple />
<i class="fa fa-cloud-upload"></i>
{{ Lang::get('messages.academy_users.tag56') }}
</label>
<p>NOTA: Presiona en el botón para cargar el documento.</p>
<input type="hidden" class="form-control" name="documentUpload_id" id="documentUpload_id" value="{{ $document->id }}">
@endif
</div>
@if (isset($document->link))
<span><a class="templateBtn btn-danger center-block" href="{{ $document->link }}" target="_blank">{{ Lang::get('messages.academy_users.download_template') }}</a></span>
@endif
<div id="feedback_{{ $document->id }}"></div>
<label id="progress-label_{{ $document->id }}" for="progress_{{ $document->id }}"></label>
<progress id="progress_{{ $document->id }}" value="0" max="100" hidden>
</progress>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
<button onClick="saveUserAcademy('{{ $type_academy }}')" id="btn-save-user" class="btn btnBox pull-right">{{ __('messages.create') }}</button>
<input type="hidden" class="form-control" name="id" value="">
{{ csrf_field() }}
</form>
<br><br>
</div>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/academy.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/dropzone/dropzone.js') . '?v=' . time() }}"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
// Obtén los elementos relevantes
var typePersonSelect = document.querySelector("select[name='type_person']");
var naturalPersonFields = document.getElementById("naturalPerson");
var juridicalPersonFields = document.getElementById("juridicalPerson");
// Función para manejar la visibilidad de los campos
function handleVisibility() {
var selectedType = typePersonSelect.value;
// Oculta todos los campos
naturalPersonFields.style.display = "none";
juridicalPersonFields.style.display = "none";
// Muestra los campos según la selección
if (selectedType === "NATURAL_PERSON") {
naturalPersonFields.style.display = "block";
} else if (selectedType === "JURIDICAL_PERSON") {
juridicalPersonFields.style.display = "block";
}
}
// Maneja la visibilidad al cargar la página
handleVisibility();
// Agrega un listener al cambio en el tipo de persona
typePersonSelect.addEventListener("change", handleVisibility);
});
function autoAge() {
var dob = document.getElementById("birthdate");
$("#birthdate").change(function(e) {
e.preventDefault();
dob = new Date(dob.value);
var today = new Date();
var age = Math.floor((today - dob) / (365.25 * 24 * 60 * 60 * 1000));
$('#age').val(age);
});
}
$(document).ready(function() {
//funciones que permite los acentos
$(".accent_Input").keypress(function(e) {
key = e.keyCode || e.which;
teclado = String.fromCharCode(key).toLowerCase();
letras = " áéíóúabcdefghijklmnñopqrstuvwxyz";
especiales = "8-37-38-46-164";
teclasEspeciales = false;
for (var i in especiales) {
if (key == especiales[i]) {
teclasEspeciales = true;
break;
}
}
if (letras.indexOf(teclado) == -1 && !teclasEspeciales) {
return false;
}
});
$.fn.datepicker.dates['en'] = {
days: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
daysShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
daysMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre',
'Octubre', 'Noviembre', 'Diciembre'
],
monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov',
'Dic'
],
today: "Hoy",
clear: "Clear",
format: "yyyy-mm-dd",
titleFormat: "MM yyyy",
/* Leverages same syntax as 'format' */
weekStart: 0
};
$("input[name='birthdate']").datepicker();
$('.timepicker').timepicker({
showInputs: false
});
$('#time').val('');
$('.select2').select2();
if (!window.options)
window.options = $("select[name='academy_place'] option");
$("select[name='academy_category']").on('change', function() {
let category = $(this).val();
if (category)
validateSchedules(category, true);
});
let category = $("select[name='academy_category']").val();
if (category)
validateSchedules(category, false);
validateDocumentUpload();
});
//funciones que permite los acentos
$(".edit_accent_input").keypress(function(e) {
key = e.keyCode || e.which;
teclado = String.fromCharCode(key).toLowerCase();
letras = " áéíóúabcdefghijklmnñopqrstuvwxyz";
especiales = "8-37-38-46-164";
teclasEspeciales = false;
for (var i in especiales) {
if (key == especiales[i]) {
teclasEspeciales = true;
break;
}
}
if (letras.indexOf(teclado) == -1 && !teclasEspeciales) {
return false;
}
});
function validateSchedules(category, reset) {
let place;
if (!$("select[name='academy_place']").val())
reset = true;
else
place = $("select[name='academy_place']").val();
let select = window.options;
var optionCollection = Array.from(select).filter(x => x.value == 0 || x.getAttribute('data-name').includes(
category));
$("select[name='academy_place']").html(optionCollection);
if (reset)
$("select[name='academy_place']").val(0);
else if (place)
$("select[name='academy_place']").val(place);
}
function createUserApp() {
var idEdit = document.getElementById("idEdit");
var id_info_app = document.getElementById("id_info_app");
var email_user = document.getElementById("email_user");
var user_app_first_name = document.getElementById("user_app_name");
var user_app_last_name = document.getElementById("user_app_last_name");
var user_app_phone = document.getElementById("user_app_phone");
var user_app_document = document.getElementById("user_app_document");
if (!email_user.value) {
swal("Error", 'Debes registrar un correo para el contacto', "error");
return;
} else if (!user_app_first_name.value || !user_app_last_name.value || !user_app_phone.value || !
user_app_document.value) {
swal("Error", 'Debes registrar todos los datos para el contacto', "error");
return;
}
swal(Lang.get("messagesClient.academy_user_tag5"), {
buttons: {
cancel: "No",
Ok: true,
},
}).then((val) => {
if (val == "Ok") {
var info = {
id: id_info_app.value,
email: email_user.value,
first_name: user_app_first_name.value,
last_name: user_app_last_name.value,
phone: user_app_phone.value,
document: user_app_document.value,
password: user_app_document.value
};
$.ajax({
url: "/clients/responsibleAcademy",
type: "POST",
contentType: "application/json",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
"Content-Type": "application/json",
},
data: JSON.stringify(info),
success: function(r) {
if (r.r) {
assignStudentAppUser(r.d.id ?? r.d);
} else {
swal("Error", r.m, "error");
}
},
error: function(e) {
swal("Error", Lang.get("messagesClient.academy_user_tag6"), "error");
},
});
}
});
}
function validateDocumentUpload() {
for (var i = 0; i < document.getElementsByName('documentUpload').length; i++) {
let upload = document.getElementsByName('documentUpload')[i];
let id = upload.id.split('_')[1];
const feedback = document.getElementById('feedback_' + id);
const progress = document.getElementById('progress_' + id);
const reader = new FileReader();
upload.addEventListener('change', (event) => {
const files = event.target.files;
const file = files[0];
reader.readAsDataURL(file);
reader.addEventListener('progress', (event) => {
if (event.loaded && event.total) {
const percent = (event.loaded / event.total) * 100;
progress.value = percent;
progress.hidden = false;
document.getElementById('progress-label_' + id).innerHTML = Math.round(
percent) + '%';
if (percent === 100) {
let msg =
`<span style="color:green;">Archivo <u><b>${file.name}</b></u> pre cargado satisfactoriamente, se subirá cuando se cree el alumno.</span>`;
feedback.innerHTML = msg;
}
}
});
});
}
}
</script>
@endsection