<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>BIO - ALMACÉN</title>
        <link href="./view/css/styles.css" rel="stylesheet" />
        <link rel="icon" type="image/x-icon" href="./view/assets/img/trinity_bio/icono_trinity.png" />
        <script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js" crossorigin="anonymous"></script>
    </head>
    <body class="nav-fixed">

        <?php require_once("./view/menu.phtml") ?>

        <div id="layoutSidenav">

            <?php require_once("./view/menuv.phtml") ?>
            
            <div id="layoutSidenav_content">
                <main>
                    <header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4">
                        <div class="container-xl px-4">
                            <div class="page-header-content">
                                <div class="row align-items-center justify-content-between pt-3">
                                    <div class="col-auto mb-3">
                                        <h1 class="page-header-title">
                                            <div class="page-header-icon"><i data-feather="user"></i></div>
                                            PERFIL
                                        </h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </header>
                    <!-- Main page content-->
                    <div class="container-xl px-4 mt-4">
                        <!-- Account page navigation-->
                        <nav class="nav nav-borders">
                            <a class="nav-link active ms-0" href="">PERFIL</a>
                        </nav>
                        <hr class="mt-0 mb-4" />
                        <div class="row">
                            <div class="col-xl-4">
                                <!-- Profile picture card-->
                                <div class="card mb-4 mb-xl-0">
                                    <div class="card-header">Perfil</div>
                                    <div class="card-body text-center">
                                        <!-- Profile picture image-->
                                        <img class="img-account-profile rounded-circle mb-2" src="./view/assets/img/illustrations/profiles/profile-2.png" alt="" />
                                        <!-- Profile picture help block-->
                                        <div class="small font-italic text-muted mb-4"><?=$_SESSION['nombre']?></div>
                                        <!-- Profile picture upload button-->
                                        <!-- <button class="btn btn-primary" type="button">SUBIR FOTO</button> -->
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-8">
                                <!-- Account details card-->
                                <div class="card mb-4">
                                    <div class="card-header">DETALLE</div>
                                    <div class="card-body">
                                        <form>
                                            <!-- Form Group (username)-->
                                            <div class="mb-3">
                                                <label class="small mb-1" for="inputUsername">USUARIO</label>
                                                <input disabled class="form-control" id="inputUsername" type="text" value="<?=$_SESSION['codigo_usuario']?>" />
                                            </div>
                                            <!-- Form Row-->
                                            <div class="row gx-3 mb-3">
                                                <!-- Form Group (first name)-->
                                                <div class="col-md-12">
                                                    <label class="small mb-1" for="inputFirstName">APELLIDO & NOMBRE</label>
                                                    <input disabled class="form-control" id="inputFirstName" type="text" value="<?=$_SESSION['nombre']?>" />
                                                </div>
                                            </div>
                                            <!-- Form Row        -->
                                            <div class="row gx-3 mb-3">
                                                <!-- Form Group (organization name)-->
                                                <div class="col-md-6">
                                                    <label class="small mb-1" for="inputOrgName">CENTRO DE COSTOS</label>
                                                    <input disabled class="form-control" id="inputOrgName" type="text" value="<?=$_SESSION['centro']?>" />
                                                </div>
                                                <!-- Form Group (location)-->
                                                <div class="col-md-6">
                                                    <label class="small mb-1" for="inputLocation">CARGO</label>
                                                    <input disabled class="form-control" id="inputLocation" type="text" value="<?=$_SESSION['cargo']?>" />
                                                </div>
                                            </div>
                                            <!-- Form Group (email address)-->
                                            <!-- <div class="mb-3">
                                                <label class="small mb-1" for="inputEmailAddress">CORREO - EMPRESA</label>
                                                <input disabled class="form-control" id="inputEmailAddress" type="email" value="ejemplo@bio.com" />
                                            </div> -->
                                            <!-- Form Row-->
                                            <div class="row gx-3 mb-3">
                                                <!-- Form Group (phone number)-->
                                                <!-- <div class="col-md-6">
                                                    <label class="small mb-1" for="inputPhone">TELÉFONO</label>
                                                    <input disabled class="form-control" id="inputPhone" type="tel" value="987654321" />
                                                </div> -->
                                                <!-- Form Group (birthday)-->
                                                <div class="col-md-12">
                                                    <label class="small mb-1" for="inputBirthday">PERFIL</label>
                                                    <input disabled class="form-control" id="inputBirthday" type="text" name="birthday" value="<?=$_SESSION['perfil']?>" />
                                                </div>
                                            </div>
                                            <!-- Save changes button-->
                                            <!-- <button class="btn btn-primary" type="button">GUARDAR CAMBIOS</button> -->
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <footer class="footer-admin mt-auto footer-light">
                    <div class="container-xl px-4">
                        <div class="row">
                            <div class="col-md-6 small">Copyright &copy; TRINITY ERP - BIO SAC 2022</div>
                            <div class="col-md-6 text-md-end small">
                                <a href="#!">POLÍTICAS DE PRIVACIDAD</a>
                                &middot;
                                <a href="#!">TERMINOS &amp; CONDICIONES</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
        <script src="./view/js/scripts.js"></script>
    </body>
</html>
