<?php
helper('html');
?>

<?= $this->extend('plantilla/view_plantilla') ?>

<?= $this->section('js') ?>
    <?php
    echo script_tag('js/modulos/bolsatrabajo/postulante_perfil.js');
    echo script_tag('js/modulos/bolsatrabajo/postulante_perfil_formacion_academica.js');
    echo script_tag('js/modulos/bolsatrabajo/postulante_perfil_capacitacion.js');
    echo script_tag('js/modulos/bolsatrabajo/postulante_perfil_experiencia.js');
    ?>
<?= $this->endSection() ?>

<?= $this->section('content') ?>


<div class="row">
    <div class="col-xxl-3">
        <div class="user-sidebar">
            <div class="card">
                <div class="card-body p-0">
                    <div class="user-profile-img">
                        <img src="<?= site_url('archivo/ver?archivo='.$persona->pers_imagen) ?>"
                             class="profile-img profile-foreground-img rounded-top" style="height: 120px;"
                             alt="">
                        <div class="overlay-content rounded-top" <?php if($persona->pers_imagen == null || $persona->pers_imagen == ''){ echo "style='background: #f56e6e;'";} ?> >
                            <div>
                                <div class="user-nav p-3">
                                    <div class="d-flex justify-content-end">
                                        <div class="dropdown">
                                            <a class="dropdown-toggle" href="#" role="button"
                                               data-bs-toggle="dropdown" aria-expanded="false">
                                                <i data-eva="more-horizontal-outline" data-eva-width="20" data-eva-height="20"
                                                   class="fill-white"></i>
                                            </a>

                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><a class="dropdown-item cambiarFoto" href="#" >Actualizar foto</a></li>
                                                <li><a class="dropdown-item cambiarImagen" href="#" >Actualizar imagen perfil </a></li>
                                                <div style="display: none;">
                                                    <input type="file" name="persFoto" id="persFoto" pers_id="<?=$persona->pers_id?>">
                                                    <input type="file" name="persImagen" id="persImagen" pers_id="<?=$persona->pers_id?>">
                                                </div>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end user-profile-img -->

                    <div class="mt-n5 position-relative">
                        <div class="text-center">
                            <img src="<?= site_url('archivo/ver?archivo='.$persona->pers_foto) ?>" alt=""
                                 class="avatar-xl rounded-circle img-thumbnail">

                            <div class="mt-3">
                                <h5 class="mb-1"><?=$persona->pers_primer_nombre.' '.$persona->pers_primer_apellido.' '.$persona->pers_segundo_apellido?></h5>
                            </div>

                        </div>
                    </div>

                    <div class="p-3 mt-3">
                        <div class="row text-center">
                            <div class="col-6 border-end">
                                <div class="p-1">
                                    <h5 class="mb-1">0</h5>
                                    <p class="text-muted mb-0">Convocatorias activas</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="p-1">
                                    <h5 class="mb-1">0</h5>
                                    <p class="text-muted mb-0">Convocatorias total</p>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Perfil</h4>
                </div>
                <div class="card-body">

                    <p class="font-size-15 mb-1"><?=$persona->pers_perfil_profesional?></p>

                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->


            <!-- end card -->
        </div>
    </div>

    <div class="col-xxl-9">

        <div class="card">

            <?= $this->include('academico/alumno/view_alumno_editar_perfil') ?>

        </div>


    </div>
</div>

<?= $this->endSection() ?>
