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

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

<?= $this->section('js') ?>
    <?php
    echo script_tag('js/modulos/bolsatrabajo/empresa_perfil.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="<?=$empresaDatos->pers_id?>">
                                                    <input type="file" name="persImagen" id="persImagen" pers_id="<?=$empresaDatos->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?></h5>
                                <div>
                                    <a href="#" class="badge bg-success-subtle text-success m-1">UX Research</a>


                                    <a href="#" class="badge bg-success-subtle text-success m-1">Project Management</a>
                                    <a href="#" class="badge bg-success-subtle text-success m-1">CX Strategy</a>
                                </div>

<!--                                <div class="mt-4">-->
<!--                                    <a href="" class="btn btn-primary waves-effect waves-light btn-sm"><i class="bx bx-send me-1 align-middle"></i> Send Message</a>-->
<!--                                </div>-->
                            </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">Descripcion de la empresa</h4>
                </div>
                <div class="card-body">

                    <p class="font-size-15 mb-1"><?=$empresaDatos->emda_descripcion?></p>

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


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

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

        <div class="card">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs nav-tabs-custom nav-justified" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#about" role="tab">
                        <i class="bx bx-user-circle font-size-20"></i>
                        <span class="d-none d-sm-block">Datos empresa</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#tasks" role="tab">
                        <i class="bx bx-clipboard font-size-20"></i>
                        <span class="d-none d-sm-block">Datos responsable</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#messages" role="tab">
                        <i class="bx bx-mail-send font-size-20"></i>
                        <span class="d-none d-sm-block">Datos acceso</span>
                    </a>
                </li>
            </ul>
            <!-- Tab content -->
            <div class="tab-content p-4">

                <div class="tab-pane active" id="about" role="tabpanel">
                    <div>
                        <form id="frmDatosGenerales" action="<?= route_to('empresa_perfil.guardar') ?>" method="post">
                            <h5 class="font-size-16 mb-4">Datos generales</h5>

                            <div class="row mb-0 mt-3">
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <input type="text" class="form-control" id="pers_num_doc" name="pers_num_doc" placeholder="Ruc" value="<?=$persona->pers_num_doc?>">
                                        <label for="pers_num_doc">Ruc</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <input type="text" class="form-control" id="pers_primer_nombre" name="pers_primer_nombre" placeholder="Razon Social" value="<?=$persona->pers_primer_nombre?>">
                                        <label for="pers_primer_nombre">Razon Social</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <input type="text" class="form-control" id="pers_direccion" name="pers_direccion" placeholder="Domicilio Fiscal" value="<?=$persona->pers_direccion?>">
                                        <label for="pers_direccion">Domicilio Fiscal</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <input type="text" class="form-control" id="emda_nombre_comercial" name="emda_nombre_comercial" placeholder="Nombre Comercial" value="<?=$empresaDatos->emda_nombre_comercial?>">
                                        <label for="emda_nombre_comercial">Nombre Comercial</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <select class="form-control" id="emse_id" name="emse_id">
                                            <?php foreach ($lsEmpresaSector as $sector) : ?>
                                                <option value="<?=$sector->emse_id ?>"  <?php if($empresaDatos->emse_id == $sector->emse_id) {echo 'selected';} ?>    ><?=$sector->emse_descripcion ?></option>
                                            <?php endforeach ?>
                                        </select>
                                        <label for="emse_id">Sector Empresarial</label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-floating mb-3">
                                        <select class="form-control" id="emta_id" name="emta_id">
                                            <?php foreach ($lsEmpresaTamanio as $tamanio) : ?>
                                                <option value="<?=$tamanio->emta_id ?>" <?php if($empresaDatos->emta_id == $tamanio->emta_id) {echo 'selected';} ?> ><?=$tamanio->emta_descripcion ?></option>
                                            <?php endforeach ?>
                                        </select>
                                        <label for="emta_id">Tamaño Empresa</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-floating mb-3">
                                        <textarea class="form-control" id="emda_descripcion" name="emda_descripcion" rows="4" style="min-height: 100px"><?=$empresaDatos->emda_descripcion?></textarea>
                                        <label for="emda_descripcion">Cuentanos mas sobre la empresa y describela</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="text-end mt-3">
                                        <button type="button" class="btn btn-success w-sm text-truncate ms-2 btnGuardarDatos"> Actualizar Datos <i class="bx bx-send ms-2 align-middle"></i></button>
                                    </div>
                                </div>
                            </div>

                            <input type="hidden" id="pers_id" name="pers_id" value="<?=$empresaDatos->pers_id?>">
                            <input type="hidden" id="emda_id" name="emda_id" value="<?=$empresaDatos->emda_id?>">
                            <input type="hidden" id="tipo" name="tipo" value="DATOS">

                        </form>

                    </div>
                </div>

                <div class="tab-pane" id="tasks" role="tabpanel">
                    <form id="frmDatosResponsable" action="<?= route_to('empresa_perfil.guardar') ?>" method="post">

                        <h5 class="font-size-16 mb-4">Datos representante</h5>

                        <div class="row mb-0 mt-3">
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_documento" name="emta_responsable_documento" placeholder="Dni" value="<?=$empresaDatos->emta_responsable_documento?>">
                                    <label for="emta_responsable_documento">Dni</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_nombres" name="emta_responsable_nombres" placeholder="Nombres" value="<?=$empresaDatos->emta_responsable_nombres?>">
                                    <label for="emta_responsable_nombres">Nombres</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_primer_apellido" name="emta_responsable_primer_apellido" placeholder="Primer Apellido" value="<?=$empresaDatos->emta_responsable_primer_apellido?>">
                                    <label for="emta_responsable_primer_apellido">Primer Apellido</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_segundo_apellido" name="emta_responsable_segundo_apellido" placeholder="Segundo Apellido" value="<?=$empresaDatos->emta_responsable_segundo_apellido?>">
                                    <label for="emta_responsable_segundo_apellido">Segundo Apellido</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_correo" name="emta_responsable_correo" placeholder="Correo de contacto" value="<?=$empresaDatos->emta_responsable_correo?>">
                                    <label for="emta_responsable_correo">Correo de contacto</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="emta_responsable_telefono" name="emta_responsable_telefono" placeholder="Telefono de contacto" value="<?=$empresaDatos->emta_responsable_telefono?>">
                                    <label for="emta_responsable_telefono">Telefono de contacto</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="text-end mt-3">
                                    <button type="button" class="btn btn-success w-sm text-truncate ms-2 btnGuardarResponsable"> Actualizar Datos <i class="bx bx-send ms-2 align-middle"></i></button>
                                </div>
                            </div>
                        </div>

                        <input type="hidden" id="emda_id" name="emda_id" value="<?=$empresaDatos->emda_id?>">
                        <input type="hidden" id="tipo" name="tipo" value="RESPONSABLE">

                    </form>
                </div>

                <div class="tab-pane" id="messages" role="tabpanel">
                    <div>

                        <h5 class="font-size-16 mb-4">Datos acceso</h5>

                        <div class="row mb-0 mt-3">
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                                    <label for="proy_descripcion">Correo electronico</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                                    <label for="proy_descripcion">Contraseña actual</label>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-floating mb-3">
                                    <input type="text" class="form-control" id="proy_descripcion" name="proy_descripcion" placeholder="Descripcion">
                                    <label for="proy_descripcion">Contraseña nueva</label>
                                </div>
                            </div>
                            <div class="col-6">

                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>


    </div>
</div>


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