HEX
Server: Apache/2.4.41 (Ubuntu)
System: Linux ip-172-31-42-149 5.15.0-1084-aws #91~20.04.1-Ubuntu SMP Fri May 2 07:00:04 UTC 2025 aarch64
User: ubuntu (1000)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/academy/edit_academy_user.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;
    }

    option:disabled {
        display: none !important;
    }

    a.colorIconAside {
        transition: color 0.3s ease;
    }

    a.colorIconAside:hover,
    a.colorIconAside:focus,
    a.colorIconAside:active {
        color: #B0B0B0 !important;
    }


</style>
<link rel="stylesheet" href="{{ asset('js/timepicker/bootstrap-timepicker.min.css') }}" />
<h3>
    <a class="ruta" class="" href="{{ url('/academy_user') }}{{ '/' . $academy_user->type_academy }}">
        {{ Lang::get('messages.academy_users.title') }}
    </a>
    <span class="separador-ruta">|</span>
    <a class="ruta" class="" href="{{ url('/academy_user/edit/' . $academy_user->id) }}">{{ Lang::get('messages.academy_users.titleEdit') }}</a>
</h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.academy_users.titleEdit') }}</h3>
        <!-- /.box-tools -->
    </div>

    <!-- /.box-header -->
    <div class="box-body">
        <form role="form" id="editUser" data-toggle="validator">
            <div class="row">
                @if (isset($academy_user->photo))
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="date">{{ Lang::get('messages.academy_users.tag2-12') }}</label><br>
                        <img src="{{ $academy_user->photo }}" style="width:160px; height: 160px;" disabled>
                    </div>
                </div>
                @endif
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="date">{{ Lang::get('messages.academy_users.tag8') }}</label>
                        <input type="date" class="form-control" maxlength="45" name="date" value="{{ $academy_user->date }}" disabled>
                    </div>
                </div>
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="user">{{ Lang::get('messages.academy_users.tag1-1') }}</label>
                        <input type="text" class="form-control" maxlength="45" name="user" value="{{ $academy_user->user->first_name ?? old('first_name') }}" disabled>
                        <input type="hidden" class="form-control" name="user_id" value="{{ $academy_user->user->id ?? old('id') }}">
                    </div>
                </div>
                <div class="col-3 col-md-3">
                    <div class="form-group">
                        <label for="academy_state_id">{{ Lang::get('messages.academy_users.tag34') }}</label>
                        <select class="form-control" name="academy_state_id" id="academy_state_id" value="" required>
                            <option value="" disabled {{ isset($academy_user->academy_state_id) ? '' : 'selected' }}>
                                @lang('messages.select')
                            </option>
                            @foreach ($states as $state)
                            @php
                            $state_error_document_id = null;
                            if ($state->name == 'Error documentos') {
                            $state_error_document_id = $state->id;
                            }
                            @endphp
                            <option value="{{ $state->id }}" {{ isset($state) && $state->id == $academy_user->academy_state_id ? 'selected' : '' }}>
                                {{ $state->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <div class="box-header with-border">
                <h3 class="box-title">Gestionar Usuario</h3>
                <!-- /.box-tools -->
            </div>

            <!-- 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 edit_accent_input" maxlength="45" name="user_name" value="{{ $academy_user->student_name }}" 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 edit_accent_input" maxlength="45" name="user_last_name" value="{{ $academy_user->student_last_name }}" 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 {{ isset($academy_user->student_document_type_id) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach ($documentsTypes as $documentsType)
                                    <option value="{{ $documentsType->id }}" {{ isset($documentsType) && $documentsType->id == $academy_user->student_document_type_id ? 'selected' : '' }}>
                                        {{ $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="{{ $academy_user->identification }}" required>
                            </div>
                        </div>

                        @if ($academy_user->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 edit_accent_input" maxlength="45" name="school_name" value="{{ $academy_user->school_name }}" 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 {{ isset($academy_user->school_grade) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['school_grades']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->school_grade == $item ? 'selected' : '' }}>
                                        {{ $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" value="{{ $academy_user->birthdate ?? old('birthdate') }}" 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="text" class="form-control" max="99" name="age" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ $academy_user->age ?? old('age') }}" 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 }}" {{ isset($academy_user) && $academy_user->ocupation == $item ? 'selected' : '' }}>
                                        {{ $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="{{ $academy_user->mail }}" 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="{{ $academy_user->phone }}" 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="{{ $academy_address->direction ?? old('address') }}" latitude="{{ $academy_address->lat ?? old('latitude') }}" longitude="{{ $academy_address->long ?? old('longitude') }}" addressid="{{ $academy_user->address_id ?? old('address_id') }}" />
                            </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">{{ $academy_user->observations }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- información responsable -->
            <div class="box collapsed-box">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        {{ $academy_user->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 {{ isset($academy_user->type_person) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    <option value="NATURAL_PERSON" {{ isset($academy_user) && $academy_user->type_person == 'NATURAL_PERSON' ? 'selected' : '' }}>
                                        {{ Lang::get('messages.type_person.natural_person') }}
                                    </option>
                                    <option value="JURIDICAL_PERSON" {{ isset($academy_user) && $academy_user->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">

                        <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="{{ $academy_user->advisor_name }}" required>
                            </div>
                        </div>

                        <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="{{ $academy_user->advisor_last_name }}" required>
                            </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" value="" required>
                                    <option value="" disabled {{ isset($academy_user->advisor_document_type_id) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach ($documentsTypes as $documentsType)
                                    <option value="{{ $documentsType->id }}" {{ isset($documentsType) && $documentsType->id == $academy_user->advisor_document_type_id ? 'selected' : '' }}>
                                        {{ $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="{{ $academy_user->advisor_identification }}" required>
                            </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="" required>
                                    <option value="" disabled {{ isset($parameters->advisor_relation) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['relationship']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->advisor_relation == $item ? 'selected' : '' }}>
                                        {{ $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="" required>
                                    <option value="" disabled {{ isset($academy_user->advisor_ocupation) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['ocupation']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->advisor_ocupation == $item ? 'selected' : '' }}>
                                        {{ $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">

                        <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="{{ $academy_user->advisor_nit }}" required>
                            </div>
                        </div>
                        <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 " maxlength="191" name="advisor_business_name" value="{{ $academy_user->advisor_business_name }}" required>
                            </div>
                        </div>
                        @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 " maxlength="191" name="advisor_property_name" value="{{ $academy_user->advisor_property_name }}" required>
                                </div>
                            </div>
                        @endif
                        @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" pattern="[0-9]{4}" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ $academy_user->advisor_isic_code }}" required>
                                </div>
                            </div>
                        @endif

                        {{-- NOMBRE --}}
                        <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="{{ $academy_user->advisor_name }}" required>
                            </div>
                        </div>

                        {{-- APELLIDO --}}
                        <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="{{ $academy_user->advisor_last_name }}" required>
                            </div>
                        </div>

                        <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="{{ $academy_user->advisor_phone }}" required>
                            </div>
                        </div>
                        <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 " maxlength="45" name="advisor_mail" value="{{ $academy_user->advisor_mail }}" required>
                            </div>
                        </div>
                        {{-- DIRECCION RESPONSABLE PERSONA JURIDICA--}}
                        <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="{{ $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>

                    {{-- información legal responsable --}}
                    @if(isset($academy_user) && $academy_user->guardian_information)
                    <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">{{ $academy_user->guardian_information }}</textarea>
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Información de contacto app -->
            @if (isset($academy_user->user_id))
            <div class="box collapsed-box">
                <div class="box-header with-border">
                    <h3 class="box-title">Información de contacto app</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="emailapp">{{ Lang::get('messages.academy_users.tag1-3') }}</label>
                                <input type="text" class="form-control" id="emailapp" name="emailapp" value="{{ $academy_user->user->email ?? old('email') }}" disabled>
                            </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="mobileapp" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="{{ $academy_user->user->phone ?? old('phone') }}" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="tags">{{ Lang::get('messages.screen_banners_tag23') }}</label>
                                <select class="form-control select2" multiple="multiple" data-placeholder="{{ Lang::get('messages.screen_products_tag32') }}" name="tags" id="tags">
                                    @foreach ($multiselectItems as $item)
                                    <option value="{{ $item->id }}" {{ isset($userTags) && in_array($item->id, $userTags) ? 'selected' : '' }}>
                                        {{ $item->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="" style="text-align: center;">
                            <button type="button" onClick="modalInfoApp()" id="record-btn-user" data-id="" class="btn btnBox">
                                {{ Lang::get('messages.academy_users.tag52-1') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Establecer responsable app al alumno -->
            @if (!isset($academy_user->user_id))
            <div class="box collapsed-box">
                <div class="box-header with-border">
                    <h3 class="box-title" style="color:red;">Establecer responsable app</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="" style="text-align: center;">
                            <button type="button" onClick="modalInfoApp()" id="record-btn-user" data-id="" class="btn btnBox">
                                {{ Lang::get('messages.academy_users.tag52-2') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- 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="" @if (isset($academy_user->blood_type)) required @else '' @endif>
                                    <option value="" disabled {{ isset($parameters->blood_type) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['blood_type']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->blood_type == $item ? 'selected' : '' }}>
                                        {{ $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="{{ $academy_user->eps ?? old('eps') }}" @if (isset($academy_user->blood_type)) required @else '' @endif>
                            </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_schedule">{{ Lang::get('messages.academy_users.tag64-1') }}</label>
                                <select class="form-control select2" data-placeholder="{{ Lang::get('messages.select') }}" name="academy_schedule" 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 }}" @if($schedule->categories) data-name="{{ $schedule->categories }}" @endif  {{ isset($academy_user) && $academy_user->academy_schedule && $academy_user->academy_schedule_id == $schedule->id ? 'selected' : '' }}>
                                        {{ $schedule->name }} ({{ $schedule->current_capacity }}
                                        {{ Lang::get('messages.academy_users.tag64-1-1') }})
                                    </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="" @if (isset($academy_user->last_inscription_year)) required @else '' @endif>
                                    <option value="" disabled {{ isset($parameters->last_inscription_year) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['last_inscription_year']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->last_inscription_year == $item ? 'selected' : '' }}>
                                        {{ $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>

                    @if (in_array('codigo_del_estudiante', $fullEnrollmentFields))
                    <div class="row">
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="student_academy_code">{{ Lang::get('messages.academy_users.label_student_academy_code') }}</label>
                                <input type="text" class="form-control" maxlength="45" name="student_academy_code" value="{{ $academy_user->student_academy_code ?? old('student_academy_code') }}">
                            </div>
                        </div>
                    </div>
                    @endif
                    {{-- Seleccionar periodo --}}
                    <div class="row">
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="academy_period">{{ Lang::get('messages.academy_users.academy_period') }}</label>
                                @php
                                    $selectedExists = $academy_user->academy_period_id ?? null;
                                    $existsInOptions = $academyPeriods->contains('id', $selectedExists);
                                @endphp
                                <select class="form-control select2" data-placeholder="{{ Lang::get('messages.select') }}" name="academy_period" required>
                                    <option value="0" disabled {{ !$existsInOptions ? 'selected' : '' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach ($academyPeriods as $period)
                                        <option value="{{ $period->id }}" 
                                            {{ isset($academy_user) && $academy_user->academy_period_id == $period->id ? 'selected' : '' }}>
                                            {{ $period->name . ' - ' . __('messages.discount') . ': ' . $period->discount . '%' }} 
                                        </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="" @if (isset($academy_user->tshirt_size)) required @else '' @endif>
                                    <option value="" disabled {{ isset($parameters->tshirt_size) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['tshirt_sizes']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->tshirt_size == $item ? 'selected' : '' }}>
                                        {{ $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="" @if (isset($academy_user->uniform_type)) required @else '' @endif>
                                    <option value="" disabled {{ isset($parameters->uniform_type) ? '' : 'selected' }}>
                                        @lang('messages.select')
                                    </option>
                                    @foreach (explode(',', array_column($parameters, null, 'key')['uniform_types']['value']) as $item)
                                    <option value="{{ $item }}" {{ isset($academy_user) && $academy_user->uniform_type == $item ? 'selected' : '' }}>
                                        {{ $item }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Información documentos -->
            @if (count($academyDocuments))
            <div class="box collapsed-box">
                <div class="box-header with-border">
                    <h3 class="box-title">Información documentos</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-4 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
                                @if (isset($document->link))
                                <a class="colorIconAside" href="{{ $document->link }}" target="_blank">{{ Lang::get('messages.academy_users.tag55') }}</ion-icon></a>
                                <button onclick="deleteDocument({{ $document->id }}, {{ $academy_user->id }})" class="btn btn-link text-danger p-0">
                                    {{ Lang::get('messages.academy_users.delete_document') }}
                                </button>
                                @else
                                <p style="padding-top: 10px;"></p>
                                @endif
                                <br>
                                <img class="card-img-top" style="width: 200px !important;" src="{{ isset($document->link) ? asset('img/academySucces.png') : 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>
                                    @endif
                                </div>
                                @if (isset($document->template_link))
                                <span><a class="templateBtn btn-danger center-block" href="{{ $document->template_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>
            @endif

            <!-- Información firma documentos -->
            @if (count($signAcademyDocuments))
            <div class="box collapsed-box">
                <div class="box-header with-border">
                    <h3 class="box-title">Información firma documentos</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 ($signAcademyDocuments as $document)
                        <div class="col-4 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
                                @if (isset($document->link))
                                <a class="colorIconAside" href="{{ $document->link }}" target="_blank">{{ Lang::get('messages.academy_users.tag55') }}</ion-icon></a>
                                <button onclick="deleteDocument({{ $document->id }}, {{ $academy_user->id }})" class="btn btn-link text-danger p-0">
                                    {{ Lang::get('messages.academy_users.delete_document') }}
                                </button>
                                @else
                                <p style="padding-top: 10px;"></p>
                                @endif
                                <br>
                                <img class="card-img-top" style="width: 200px !important;" src="{{ isset($document->link) ? asset('img/academySucces.png') : 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>
                                    @endif
                                </div>
                                @if (isset($document->template_link))
                                <span><a class="templateBtn btn-danger center-block" href="{{ $document->template_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>
            @endif

            <!-- prueba notificaciones -->
            <!-- Error documentos-->
            <div class="box expanded-box" id="errorDocumentosBox" style="{{ $academy_user->academy_state_id == $state_error_document_id ? '' : 'display: none;' }}">
                <div class="box-header with-border">
                    <h3 class="box-title">Notificación</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-4">
                            <div class="form-group">
                                <label for="limit_discount">{{ Lang::get('messages.screen_create_notifications_tag5') }}</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="date2" id="date2">
                                </div>
                            </div>
                        </div>

                        <div class="col-4 col-md-4">
                            <div class="bootstrap-timepicker">
                                <div class="form-group">
                                    <label for="limit_hour_discount">{{ Lang::get('messages.screen_create_notifications_tag6') }}</label>
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <i class="fa fa-clock-o"></i>
                                        </div>
                                        <input type="text" class="form-control timepicker" name="time2" id="time2">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-4 col-md-12">
                            <div class="form-group">
                                <label for="message">{{ Lang::get('messages.academy_users.message') }}</label>
                                <textarea class="form-control" name="message" rows="4" data-emoji-picker="true" required>Por favor validar la información en la carga de documentos, presenta inconsistencias</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- fin prueba notificaciones -->

            <div class="row">
                <div class="" style="text-align: center;">
                    @if ($academy_user->review_state == 'PENDIENTE')
                    <button type="button" onClick="chkAcademyStates('{{ $academy_user->type_academy }}')" id="btn-edit-user_record" data-id="{{ $academy_user->id }}" class="btn" style="background: {{ $academy_user->academy_state->color }}; color: #fff !important;">
                        {{ Lang::get('messages.academy_users.tag44') }}
                        {{ $academy_user->academy_state->name }}</button>
                    <input type="hidden" class="form-control" name="academy_user_id" id="academy_user_id" value="{{ $academy_user->id }}">
                    <input type="hidden" class="form-control" name="academy_state_name" id="academy_state_name" value="{{ $academy_user->academy_state->name }}">
                    <input type="hidden" class="form-control" name="previous_academy_state_id" id="previous_academy_state_id" value="{{ $academy_user->academy_state->id }}">
                    <input type="hidden" class="form-control" name="review_state" id="review_state" value="{{ $academy_user->review_state }}">
                    @endif
                </div>
            </div>

            <br><br>

            <div class="row">
                <div class="col-12 col-md-12">
                    <button onClick="editUserAcademy('{{ $academy_user->type_academy }}')" id="btn-edit-user" data-id="{{ $academy_user->id }}" class="btn btnBox pull-right">
                        {{ __('messages.update') }}</button>
                    <input type="hidden" class="form-control" name="id" value="">
                </div>
            </div>
        </form>
        <br><br>

    </div>
</div>

<!-- modal  -->
<div class="modal fade" id="modal_app">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Información contacto app</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="row">
                        <input type="hidden" class="form-control" name="idEdit" id="idEdit" value="{{ $academy_user->id }}">
                        <div class="col-12 col-md-12">
                            <div class="form-group">
                                <label for="email_user">{{ Lang::get('messages.academy_users.tag1-3') }}</label>
                                <input type="email_user" data-id="" id="email_user" onclick="autocompleteEmail()" class="form-control" name="email_user">
                            </div>
                        </div>
                        <input type="hidden" class="form-control" name="id_info_app" id="id_info_app" value="">
                    </div>

                    <div class="row">
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="user_app_name">{{ Lang::get('messages.academy_users.tag1-1') }}</label>
                                <input type="text" class="form-control edit_accent_input" id="user_app_name" name="user_app_name" value="" required>
                            </div>
                        </div>
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="user_app_last_name">{{ Lang::get('messages.academy_users.tag1-2') }}</label>
                                <input type="text" class="form-control edit_accent_input" id="user_app_last_name" name="user_app_last_name" value="" required>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="user_app_document">{{ Lang::get('messages.academy_users.tag1-5') }}</label>
                                <input type="text" class="form-control" id="user_app_document" name="user_app_document" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="" required>
                            </div>
                        </div>
                        <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="user_app_phone">{{ Lang::get('messages.academy_users.tag5') }}</label>
                                <input type="text" class="form-control" id="user_app_phone" name="user_app_phone" oninput="this.value = this.value.replace(/[^0-9]/g, '');" value="" required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">{{ Lang::get('messages.screen_products_tag38') }}</button>
                <div id="container"></div>
                <div id="container2"></div>
                {{ csrf_field() }}
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/academy.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/moment.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('js/timepicker/bootstrap-timepicker.min.js') }}"></script>
<script src="{{ asset('js/vanilla-emoji-picker-master/src/emojiPicker.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);
    });
    $(document).ready(function() {
        document.getElementById('academy_state_id').onchange = function() {
            var select = this;
            var selectedOption = select.options[select.selectedIndex];
            var errorDocumentosBox = document.getElementById('errorDocumentosBox');
            if (selectedOption.text === 'Error documentos') {
                errorDocumentosBox.style.display = 'block'; // Mostrar la caja
            } else {
                errorDocumentosBox.style.display = 'none'; // Ocultar la caja
            }
        };
        $(document).ready(function() {

            $.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='date2']").datepicker();
            $('.timepicker').timepicker({
                showInputs: false
            });
            $('#time2').val('');

            new EmojiPicker();

            $('.select2').select2();
        });

        //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;
            }
        });

        $.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();

        $('<button class="btn btnBox  pull-right">Crear y asignar contacto app</button>').appendTo('#container')
            .click(function() {
                createUserApp();
            });

        $("#container2").addClass("hidden"); // hidden
        $('<button class="btn btnBox  pull-right">Modificar contacto app</button>').appendTo('#container2')
            .click(function() {
                assignStudentAppUser();
            });

        $("#modal_app").on("hidden.bs.modal", function() {
            $("#id_info_app").val(null);
            $("#email_user").val(null);
            $("#user_app_name").val(null);
            $("#user_app_last_name").val(null);
            $("#user_app_phone").val(null);
            $("#user_app_document").val(null);

            $("#container").removeClass("hidden"); // show
            $("#container2").addClass("hidden"); // hidden
        });

        if (!window.options)
            window.options = $("select[name='academy_schedule'] 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();
    });

    function validateSchedules(category, reset) {
        let place;
        if (!$("select[name='academy_schedule']").val())
            reset = true;
        else
            place = $("select[name='academy_schedule']").val();

        let select = window.options;
        var optionCollection = Array.from(select).filter(x => x.value == 0 || x.getAttribute('data-name').includes(
            category));
        $("select[name='academy_schedule']").html(optionCollection);
        if (reset)
            $("select[name='academy_schedule']").val(0);
        else if (place)
            $("select[name='academy_schedule']").val(place);
    }

    function autocompleteEmail() {
        var debeBorrar = 2;
        $("#email_user").keyup(function(e) {
            $("#email_user").attr("user-id", "");
        });

        $("#email_user").keyup(function(e) {
            // Al escribir, limpiar y habilitar los campos
            $("#user_app_name").val(null).prop('disabled', false);
            $("#user_app_last_name").val(null).prop('disabled', false);
            $("#user_app_phone").val(null).prop('disabled', false);
            $("#user_app_document").val(null).prop('disabled', false);
            $("#email_user").attr("user-id", ""); 
        });


        $("#email_user").change(function(e) {
            e.preventDefault();
            if (debeBorrar >= 2) {
                $("#user_app_name").val(null);
                $("#user_app_name").prop('disabled', false);
                $("#user_app_last_name").val(null);
                $("#user_app_last_name").prop('disabled', false);
                $("#user_app_phone").val(null);
                $("#user_app_phone").prop('disabled', false);
                $("#user_app_document").val(null);
                $("#user_app_document").prop('disabled', false);
            } else {
                debeBorrar++;
            }
        });

        $("#email_user").attr("user-id", "");
        $("#email_user").autocomplete({
            source: "/academy_user/autocomplete/mail",
            minLength: 3,
            select: function(event, ui) {
                debeBorrar = 0;
                $("#email_user").attr("user-id", ui.item.id);
                $("#email_user").val(ui.item.email);
                $("#user_app_name").val(ui.item.first_name);
                $("#user_app_name").prop('disabled', true);
                $("#user_app_last_name").val(ui.item.last_name);
                $("#user_app_last_name").prop('disabled', true);
                $("#user_app_phone").val(ui.item.phone);
                $("#user_app_phone").prop('disabled', true);
                $("#user_app_document").val(ui.item.document);
                $("#user_app_document").prop('disabled', true);
                $("#id_info_app").val(ui.item.id);

                if (ui) {
                    $("#container2").removeClass("hidden"); // show
                    $("#container").addClass("hidden"); // hidden
                }
            },
        });
    }

    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 assignStudentAppUser(idUserApp = null) {
        var idAcademyUser = document.getElementById("idEdit").value;
        if (!idUserApp) {
            idUserApp = document.getElementById("id_info_app").value;
            swal(Lang.get("messagesClient.academy_user_tag10"), {
                buttons: {
                    cancel: "No",
                    Ok: true,
                },
            }).then((val) => {
                if (val == "Ok") {
                    assignStudent(idUserApp, idAcademyUser);
                }
            });
        } else {
            assignStudent(idUserApp, idAcademyUser);
        }
    }

    function assignStudent(userId, academyUserId) {
        var info = {
            id: userId,
            academy_userId: academyUserId
        };

        $.ajax({
            url: "/academy_user/assignAppUser",
            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 == true) {
                    swal(("Ok", r.m), {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then((val) => {
                        if (val == "Ok") {
                            $(location).attr("href", "/academy_user/edit/" + academyUserId);
                        }
                    });
                } else {
                    swal("Error", r.m, "error");
                }
            },
            error: function(e) {
                swal("Error", Lang.get("messagesClient.academy_user_tag11"), "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 guarden los cambios.</span>`;
                            feedback.innerHTML = msg;
                        }
                    }
                });
            });
        }
    }

    function deleteDocument(documentId, academyUserId) {
        if (confirm('¿Estás seguro de que quieres eliminar este documento?')) {
            fetch(`/academy_document/deleteDocument/${documentId}/${academyUserId}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-Token': '{{ csrf_token() }}'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.r) {
                    alert('Eliminación exitosa');
                    setTimeout(() => {
                        location.reload();
                    }, 100);
                } else {
                    alert(data.m);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Hubo un problema al procesar la solicitud.');
            });
        }
    }
</script>
@endsection