@extends('aulavirtual.layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/aulavirtual/perfil.css') }}" />
@endsection

@section('content')
    <main class="page-main">
        <div class="uk-container">

            <!-- Portada -->
            <div class="portada">
                <div class="perfil-header"></div>
                <div class="perfil-info">
                    <div class="img-text">
                        <div class="perfil-avatar">
                            <img class="avatar-img"
                                src="{{ asset(session('suscrito')['user']->imagen ? 'imagenes_usuarios/' . session('suscrito')['user']->imagen : 'https://www.gravatar.com/avatar/' . md5(strtolower(trim(session('suscrito')['user']->email))) . '?s=256&d=mp') }}"
                                alt="Foto de Perfil" width="150" height="150">


                            <span class="status-dot"></span>
                        </div>
                        <div class="perfil-text">
                            <h3 class="uk-margin-remove">{{ $alumno->nombre }}</h3>
                            <p>{{ $alumno->email }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Título -->
            <div class="title-section">
                <h3>Mi perfil</h3>
            </div>

            <!-- Contenido -->
            <div class="info-card">
                <div class="info-header padding-card">
                    <div class="info-header1">
                        <h3 class="">Información personal</h3>
                        <a href="{{ url('/aulavirtual/editarperfil') }}" class="btn-editar">Editar perfil</a>
                    </div>
                    <hr>
                </div>

                <div class="info-body padding-card">
                    <div class="uk-child-width-1-2@s doble-fila" uk-grid>
                        <div class="fila">
                            <p><strong>Nombres:</strong> {{ $alumno->nombre }}</p>
                            <p><strong>Usuario:</strong> {{ $alumno->email }}</p>
                            <p><strong>Tipo de documento:</strong>
                                {{ $alumno->id_tipo_doc == 1 ? 'DNI' : ($alumno->id_tipo_doc == 2 ? 'Cédula' : '') }}
                            </p>
                            <p><strong>Celular:</strong> {{ $alumno->telefono }}</p>
                        </div>
                        <div class="fila">
                            <p><strong>Apellidos:</strong> {{ $alumno->ap_pa }} {{ $alumno->ap_ma }}</p>
                            <p><strong>Especialidad:</strong> {{ optional($alumno->especialidad)->titulo ?? '' }}</p>
                            <p><strong>Número de documento:</strong> {{ $alumno->dni }}</p>
                            <p><strong>Situación Profesional:</strong>
                                {{ $alumno->id_tipo_cliente == 1 ? 'Nombrado' : 'Contratado' }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection