@extends('layouts.app')

@section('scripts')
    @vite(['resources/js/home.js'])
@endsection

<!-- Segun el tipo de usuario y los permisos, carga el nombre correspondiente -->
@section('title')
    <div class="page-header">
        <h2>Perfil del
            @switch($usuario->tipoUsuario->clave_tipo_usuario)
                @case('SS')
                    Usuario
                    @break
                @case('JE')
                    Usuario
                    @break
                @case('AL')
                    Alumno
                    @break
            @endswitch
        </h2>
    </div>
@endsection

<!-- Carga las secciones correspondientes a cada tipo de usuario -->
@section('content')
    <div class="row">
        <!-- Datos Personales del alumno -->
        <div class="col-lg-3">
            <div class="card mb-3">
                <div class="card-header text-bg-secondary text-center"><h4>Datos generales</h4></div>
                <input id="numero_cuenta" type="hidden" value="{{$usuario->numero_cuenta}}"> <!-- Busca el # de cuenta del alumno -->
                <ul class="list-group list-group-flush">
                    <li class="list-group-item text-center">
                        <div class="text-center">
                            <!-- Muestra la foto de perfil del usuario -->
                            {!! Generate::imagenUsuario($usuario->numero_cuenta, 'fotoPerfil', ['style' => 'height: 150px; display:block; margin:auto;border-radius: 15px;']) !!}
                        </div>
                        <p class="pt-3">
                            <b>@if(Auth::check())
                                    <!-- Si el usuario es = alumno muestra su numero de cuenta si no no muestra nada-->
                                    @if($isAlumno)
                                        <span class="fw-bold fs-5">{{ $usuario->numero_cuenta }}</span><br/>
                                        <!-- Muestra el nombre completo del usuario independientemente de su tipo -->
                                    @endif
                                    {{ ucfirst($usuario->persona->nombre. " " .$usuario->persona->apellido_paterno. " " .$usuario->persona->apellido_materno) }}
                                @endif
                            </b>
                        </p>
                    </li>
                    <!-- Muestra el rol que tiene el usuario segun su tipo -->
                    <li class="list-group-item">
                        @foreach ($roles as $rol)
                            <p class="text-center">{{ $rol->rol->rol }}</p>
                        @endforeach
                    </li>

                    <!-- Si el usuario tiene clave alumno mostrara el boton de Datos Personales y el boton de Actualizar Contraseña -->
                    @if($isAlumno)
                        <li class="list-group-item text-center">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p-2">
                                    <button type="button" class="btn btn-outline-secondary"
                                            id="actualizaDatosPersonales">
                                        <i class="bi bi-person-lines-fill"></i>
                                        Datos personales
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p-2">
                                    <button type="button" class="btn btn-outline-secondary" id="actualizaContrasena">
                                        <i class="bi bi-asterisk"></i>
                                        Actualizar Contraseña
                                    </button>
                                </div>
                            </div>
                        </li>
                    @endif

                    <!-- Si el usuario tiene clave SS o JE mostrara la informacion de contacto como telefono, extension, numero de telefono y correo electronico -->
                    @if($usuario->tipoUsuario->clave_tipo_usuario == 'SS' || $usuario->tipoUsuario->clave_tipo_usuario == 'JE')
                        <li class="list-group-item">
                            <address>
                                @if (!empty( $usuario->contacto->telefono_trabajo ))
                                    <p><b>Teléfono:</b> <br/>
                                        {{ $usuario->contacto->telefono_trabajo }}
                                        - {{ $usuario->contacto->extension_trabajo }} </p>
                                @endif
                                @if (!empty( $usuario->contacto->telefono_trabajo ))
                                    <p><b>Celular:</b> <br/>
                                        {{ $usuario->contacto->telefono_celular }} </p>
                                @endif
                                <p><b>Correo Electrónico:</b><br/>
                                    <a href="mailto:{{ $usuario->contacto->correo_electronico }}">{{ $usuario->contacto->correo_electronico }}</a>
                                </p>
                            </address>
                        </li>
                    @endif

                    <!-- Si el usuario tiene clave alumno mostrara la ultima inscripcion que tiene registrada
                    @if($isAlumno)
                        @if (!empty( $ultima_inscripcion ))
                            <li class="list-group-item text-center">
                                <div class="card mb-3">
                                    <div class="card-header text-bg-secondary"><h5>Última Inscripción</h5></div>
                                    <ul class="list-group">
                                        <li class="list-group-item">{{ $ultima_inscripcion['carrera'] }}</li>
                                        <li class="list-group-item">{{ $ultima_inscripcion['plan_estudio'] }}</li>
                                        <li class="list-group-item">{{ $ultima_inscripcion['sede'] }}</li>
                                        <li class="list-group-item">
                                            {{   ( $ultima_inscripcion['ciclo'] != null )
                                                 ?  \App\Helpers\Custom::anioToString($ultima_inscripcion['ciclo'], $ultima_inscripcion['tipo_plan'], $ultima_inscripcion['clave_carrera'])
                                                 : ''
                                            }}
                                        </li>
                                        <li class="list-group-item">{{ $ultima_inscripcion['grupo_fm'] }}</li>
                                    </ul>
                                </div>
                            </li>
                        @endif
                    @endif -->
                </ul>
            </div>
        </div>

        <!-- Si el usuario es de tipo SS o JE se muestran 3 apartados, administracion, licenciatura y posgrado -->
        <div class="col-lg-9">
            <nav>
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    @php $active = true; @endphp
                    @foreach ($tabs as $tab)

                        @switch($tab)
                            @case('ADM')
                                <button class="nav-link {{ ($active)?'active':'' }}" id="nav-home-tab"
                                        data-bs-toggle="tab" data-bs-target="#nav-{{ $tab }}" type="button" role="tab"
                                        aria-controls="nav-{{ $tab }}-tab"
                                        aria-selected="{{ ($active)?'true':'false' }}">Administración
                                </button>
                                @break
                            @case('PRE')
                                <button class="nav-link {{ ($active)?'active':'' }}" id="nav-home-tab"
                                        data-bs-toggle="tab" data-bs-target="#nav-{{ $tab }}" type="button" role="tab"
                                        aria-controls="nav-{{ $tab }}-tab"
                                        aria-selected="{{ ($active)?'true':'false' }}">Licenciatura
                                </button>
                                @break
                            @case('POS')
                                <button class="nav-link {{ ($active)?'active':'' }}" id="nav-home-tab"
                                        data-bs-toggle="tab" data-bs-target="#nav-{{ $tab }}" type="button" role="tab"
                                        aria-controls="nav-{{ $tab }}-tab"
                                        aria-selected="{{ ($active)?'true':'false' }}">Posgrado
                                </button>
                                @break
                        @endswitch
                        @php $active = false; @endphp
                    @endforeach

                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
                @include('_aplicaciones')
            </div>
        </div>
    </div>
@endsection

@section('modal')
@endsection