<?php
require('conexion.php');
function menu_registro(){
    if (isset($_SESSION['cedula'])) {
        // Si hay una sesión iniciada, carga el header_2            
    } else {
        // Si no hay una sesión iniciada, carga el header_1
        echo "
        <!-- Get Pro Button -->
        <ul class='pro-features'>
            <a class='get-pro' href='#'>Acceder</a>
            <li class='big-title'>¡Haz parte de nuestra comunidad digital!</li>
            <li class='title'>Unete a la más grande comunidad de Pacientes con lupus en Colombia</li>
            <li>Paciente</li>
            <li>Medico Especialista</li>
            <li>Donante de Medicamentos</li>
            <div class='button'>
                <a href='login.php' class='btn'>Acceder</a>
                <a href='reg_usuario.php'  class='btn'>Crear una cuenta</a>
            </div>
        </ul>";
    }
}
function head_1(){
    echo "
        <head>
        <!-- Meta Tags -->
        <meta charset='utf-8'>
        <meta http-equiv='X-UA-Compatible' content='IE=edge'>
        <meta name='keywords' content='Site keywords here'>
        <meta name='description' content=''>
        <meta name='copyright' content=''>
        <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
        
        <!-- Title -->
        <title>LUPUS COLOMBIA.</title>
        <!-- Incluir la biblioteca GMaps -->
        <script src='https://cdnjs.cloudflare.com/ajax/libs/gmaps.js/0.4.24/gmaps.min.js'></script>
        <!-- Incluir jQuery -->
        <script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
        <!--<link rel='stylesheet' href='path/to/nice-select.css'>-->
        <!-- Incluir jQuery -->
        <!--<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>-->
        <!--<script src='path/to/jquery.nice-select.min.js'></script>-->
        
        <!-- Favicon -->
        <link rel='icon' href='img/mariposa.png'>
        
        <!-- Google Fonts -->
        <link href='https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap' rel='stylesheet'>

        <!-- Bootstrap CSS -->
        <link rel='stylesheet' href='css/bootstrap.min.css'>
        <!-- Nice Select CSS -->
        <link rel='stylesheet' href='css/nice-select.css'>
        <!-- Font Awesome CSS -->
        <link rel='stylesheet' href='css/font-awesome.min.css'>
        <!-- icofont CSS -->
        <link rel='stylesheet' href='css/icofont.css'>
        <!-- Slicknav -->
        <link rel='stylesheet' href='css/slicknav.min.css'>
        <!-- Owl Carousel CSS -->
        <link rel='stylesheet' href='css/owl-carousel.css'>
        <!-- Datepicker CSS -->
        <link rel='stylesheet' href='css/datepicker.css'>
        <!-- Animate CSS -->
        <link rel='stylesheet' href='css/animate.min.css'>
        <!-- Magnific Popup CSS -->
        <link rel='stylesheet' href='css/magnific-popup.css'>
        
        <!-- Medipro CSS -->
        <link rel='stylesheet' href='css/normalize.css'>
        <link rel='stylesheet' href='style.css'>
        <link rel='stylesheet' href='css/responsive.css'>
        <!-- externos -->
        
      
        <link rel='stylesheet' href='css/material.min.css'>
        <link rel='stylesheet' href='css/main.css'>
        <link rel='stylesheet' href='css/material-design-iconic-font.min.css'>
        <script>window.jQuery || document.write('<script src='js/jquery-1.11.2.min.js'><\/script>')</script>
    
    

        <script src='js/material.min.js' ></script>
        <script src='js/sweetalert2.min.js' ></script>
        <script src='js/jquery.mCustomScrollbar.concat.min.js' ></script>
        <script src='https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key'></script>
        <script src='https://www.google.com/recaptcha/api.js' async defer></script>

        <style>
            .placeholder-container {
                position: relative;
                width: 100%;
            }
            .placeholder-container input[type='date'] {
                width: 100%;
                padding: 10px;
                box-sizing: border-box;
            }
            .placeholder-container .placeholder-label {
                position: absolute;
                left: 10px;
                top: 10px;
                color: #aaa;
                pointer-events: none;
                transition: all 0.2s;
            }
            .placeholder-container input[type='date']:focus + .placeholder-label,
            .placeholder-container input[type='date']:not(:placeholder-shown) + .placeholder-label {
                top: -15px;
                left: 5px;
                font-size: 12px;
                color: #333;
            }
            .hidden-placeholder {
                color: transparent;
            }
        </style>
        <style>
            .input-info {
                width: 100%;
                height: 50px;
                border: 1px solid #eee;
                text-transform: capitalize;
                padding: 0px 18px;
                color: #555;
                font-size: 14px;
                font-weight:400;
                border-radius:0;
                border-radius: 4px;
            }
        </style>
    </head>
    ";
}
function sesion_paciente() {
    //session_start();
    if (isset($_SESSION['cedula'])) {
        return $_SESSION['id_usuario'];
    } else {
        echo "<script></script>";
   /*echo "<script>
                //alert('Usuario no válido. Intente de nuevo');
                window.location.href = 'login.php';
              </script>";*/

              return ;
    
    }

    $_SESSION['nombre'];
    $_SESSION['cedula'];
    $_SESSION['tipo'];
    $_SESSION['id_usuario'];
    
}
function header_1(){
    echo "
        <!-- Preloader -->
        <div class='preloader'>
            <div class='loader'>
                <div class='loader-outter'></div>
                <div class='loader-inner'></div>

                <div class='indicator'> 
                    <svg width='16px' height='12px'>
                        <polyline id='back' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                        <polyline id='front' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <!-- End Preloader -->    

       
    
        <!-- Header Area -->
        <header class='header' >
            <!-- Header Inner -->
            <div class='header-inner'>
                <div class='container'>
                    <div class='inner'>
                        <div class='row'>
                            <div class='col-lg-3 col-md-3 col-12'>
                                <!-- Start Logo -->
                                <div class='logo'>
                                    <a href='index.php'><img src='img/logo.png' alt='#'></a>
                                </div>
                                <!-- End Logo -->
                                <!-- Mobile Nav -->
                                <div class='mobile-nav'></div>
                                <!-- End Mobile Nav -->
                            </div>
                            <div class='col-lg-7 col-md-9 col-12'>
                                <!-- Main Menu -->
                                <div class='main-menu'>
                                    <nav class='navigation'>
                                        <ul class='nav menu'>
                                            <li class='active'><a href='index.php'>Inicio</a></li>
                                            <!--<li><a href='#'>Pages <i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='404.html'>404 Error</a></li>
                                                </ul>
                                            </li>-->
                                            <li><a href='#'>Comunidad <i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='blog-single.html'>Blog Details</a></li>
                                                </ul>
                                            </li>
                                            <li><a href='preguntas_frecuentes_paciente.php'>Preguntas Frecuentes</a></li>
                                            <li><a href='contactenos.php'>Contáctenos</a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!--/ End Main Menu -->
                            </div>
                            <div class='col-lg-2 col-12'>
                                <div class='get-quote'>
                                    <a href='pregunta.php' class='btn'>Envíe su pregunta</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Header Inner -->
        </header>
        <!-- End Header Area -->
    ";
}
function header_2(){//Menu de Pacientes
    echo "
        <!-- Preloader -->
        <div class='preloader'>
            <div class='loader'>
                <div class='loader-outter'></div>
                <div class='loader-inner'></div>

                <div class='indicator'> 
                    <svg width='16px' height='12px'>
                        <polyline id='back' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                        <polyline id='front' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <!-- End Preloader -->    

       
    
        <!-- Header Area -->
        <header class='header' >
            <!-- Topbar -->
            <div class='topbar'>
                <div class='container'>
                    <div class='row'>
                        <div class='col-lg-0 col-md-13 col-15'>
                            <!-- Top Contact -->
                            <ul class='top-contact'>
                                <li><a href='#'>Contacto</a></li>
                                <li><i class='fa fa-phone'></i>+57 320 203 2667</li>
                                <li><i class='fa fa-envelope'></i><a href='mailto:carlosquimbay95@gmail.com'>carlosquimbay95@gmail.com</a></li>
                                <li><i class='fa fa-user'></i><a style='background-color: #ffb612; border-radius: 5px; color: #fff;'>" . $_SESSION['nombre'] .'-'. $_SESSION['tipo'] . "</a></li>
                            </ul>

                            <!-- End Top Contact -->
                        </div>

                    </div>

                </div>
                
            </div>
            <!-- End Topbar -->
            <!-- Header Inner -->
            <div class='header-inner'>
                <div class='container'>
                    <div class='inner'>
                        <div class='row'>
                            <div class='col-lg-4 col-md-3 col-12'>
                                <!-- Start Logo -->
                                <div class='logo'>
                                    <a href='index.php'><img src='img/logo.png' alt='#'></a>
                                </div>
                                <!-- End Logo -->
                                <!-- Mobile Nav -->
                                <div class='mobile-nav'></div>
                                <!-- End Mobile Nav -->
                            </div>
                            <div class='col-lg-8 col-md-9 col-12'>
                                <!-- Main Menu -->
                                <div class='main-menu'>
                                    <nav class='navigation'>
                                        <ul class='nav menu'>
                                            <li><a href='index.php'>Inicio</a></li>
                                            <li><a href='#'>Servicios<i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='medicamentos.php'>Medicamentos</a></li>
                                                    <li><a href='pregunta.php'>Preguntanos</a></li>
                                                </ul>
                                            </li>
                                            <!--<li><a href='#'>Pages <i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='404.html'>404 Error</a></li>
                                                </ul>
                                            </li>-->
                                            <li><a href='#'>Comunidad<i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='new_blog.php'>Nuevo Blog</a></li>
                                                    <li><a href='comunidad.php'>Blogs</a></li>
                                                    <li><a href='paquete-informativo.php'>Recursos</a></li>
                                                </ul>
                                                
                                            </li>
                                            <li><a href='preguntas_frecuentes_paciente.php'>Preguntas Frecuentes</a></li>
                                            <li><a href='contactenos.php'>Contáctenos</a></li>
                                            <li><a href='logout.php'>Salir</a></li>


                                        </ul>

                                    </nav>

                                </div>
                                <!--/ End Main Menu -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Header Inner -->
        </header>
        <!-- End Header Area -->
    ";
}
function header_3(){//Menu de Especialistas
    echo "
        <!-- Preloader -->
        <div class='preloader'>
            <div class='loader'>
                <div class='loader-outter'></div>
                <div class='loader-inner'></div>

                <div class='indicator'> 
                    <svg width='16px' height='12px'>
                        <polyline id='back' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                        <polyline id='front' points='1 6 4 6 6 11 10 1 12 6 15 6'></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <!-- End Preloader -->    
        <!-- Header Area -->
        <header class='header' >
            <!-- Topbar -->
            <div class='topbar'>
                <div class='container'>
                    <div class='row'>
                        <div class='col-lg-0 col-md-13 col-15'>
                            <!-- Top Contact -->
                            <ul class='top-contact'>
                            <!--<li><a href='#'>ACERCA DE</a></li>-->
                                <li><a href='#'>Contacto</a></li>
                                <li><i class='fa fa-phone'></i>+57 320 203 2667</li>
                                <li><i class='fa fa-envelope'></i><a href='mailto:carlosquimbay95@gmail.com'>carlosquimbay95@gmail.com</a></li>
                                <li><i class='fa fa-user'></i><a style='background-color: #ffb612; border-radius: 5px; color: #fff;'>" . $_SESSION['nombre'] .'-'. $_SESSION['tipo'] . "</a></li>
                            </ul>
                            <!-- End Top Contact -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Topbar -->
            <!-- Header Inner -->
            <div class='header-inner'>
                <div class='container'>
                    <div class='inner'>
                        <div class='row'>
                            <div class='col-lg-4 col-md-3 col-12'>
                                <!-- Start Logo -->
                                <div class='logo'>
                                    <a href='index.php'><img src='img/logo.png' alt='#'></a>
                                </div>
                                <!-- End Logo -->
                                <!-- Mobile Nav -->
                                <div class='mobile-nav'></div>
                                <!-- End Mobile Nav -->
                            </div>
                            <div class='col-lg-8 col-md-9 col-12'>
                                <!-- Main Menu -->
                                <div class='main-menu'>
                                    <nav class='navigation'>
                                        <ul class='nav menu'>
                                            <li><a href='index.php'>Inicio</a>                          
                                            </li>
                                            <li><a href='#'>Servicios<i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='medicamentos.php'>Medicamentos</a></li>
                                                    <li><a href='pregunta.php'>Preguntanos</a></li>
                                                </ul>
                                            </li>
                                            <!--<li><a href='#'>Pages <i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='404.html'>404 Error</a></li>
                                                </ul>
                                            </li>-->
                                            <li><a href='#'>Comunidad<i class='icofont-rounded-down'></i></a>
                                                <ul class='dropdown'>
                                                    <li><a href='new_blog.php'>Nuevo Blog</a></li>
                                                    <li><a href='comunidad.php'>Blogs</a></li>
                                                    <li><a href='paquete-informativo.php'>Recursos</a></li>
                                                </ul>
                                            </li>
                                            <li><a href='preguntas_frecuentes.php'>Preguntas Frecuentes</a></li>
                                            <li><a href='contactenos.php'>Contáctenos</a></li>
                                            <li><a href='logout.php'>Salir</a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!--/ End Main Menu -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Header Inner -->
        </header>
        <!-- End Header Area -->
    ";
}
function footer_1(){
    echo "
        <!-- Footer Area -->
        <footer id='footer' class='footer '>
            <!-- Footer Top -->
            <div class='footer-top'>
                <div class='container'>
                    <div class='row'>
                        <div class='col-lg-3 col-md-6 col-12'>
                            <div class='single-footer'>
                                <h2>Acerca de Nosotros</h2>
                                <p>Somos una plataforma virtual dedicada a mejorar la calidad de vida de nuestros usuarios. Nuestro equipo está compuesto por profesionales, comprometidos con la excelencia y la innovación.</p>
                                <!-- Social -->
                                <ul class='social'>
                                    <li><a href='#'><i class='icofont-facebook'></i></a></li>
                                    <li><a href='#'><i class='icofont-google-plus'></i></a></li>
                                    <li><a href='#'><i class='icofont-twitter'></i></a></li>
                                    <li><a href='#'><i class='icofont-vimeo'></i></a></li>
                                    <li><a href='#'><i class='icofont-pinterest'></i></a></li>
                                </ul>
                                <!-- End Social -->
                            </div>
                        </div>
                        <div class='col-lg-3 col-md-6 col-12'>
                            <div class='single-footer f-link'>
                                <h2>Nuestros Valores</h2>
                                <ul>
                                    <li><a href='#'><i class='fa fa-caret-right' aria-hidden='true'></i>Compromiso</a></li>
                                    <li><a href='#'><i class='fa fa-caret-right' aria-hidden='true'></i>Innovación</a></li>
                                    <li><a href='#'><i class='fa fa-caret-right' aria-hidden='true'></i>Empatía</a></li>
                                    <li><a href='#'><i class='fa fa-caret-right' aria-hidden='true'></i>Inclusión</a></li>
                                    <li><a href='#'><i class='fa fa-caret-right' aria-hidden='true'></i>Transparencia</a></li>    
                                </ul>                
                            </div>
                        </div>
                        <div class='col-lg-3 col-md-6 col-12'>
                            <div class='single-footer'>
                                <h2>Nuestra Misión</h2>
                                <p>Nuestra misión es brindar acceso equitativo a servicios de salud de alta calidad y recursos educativos interactivos, fomentando una comunidad de apoyo que promueva el bienestar físico y mental de todos nuestros usuarios.</p>
                            </div>
                        </div>
                        <div class='col-lg-3 col-md-6 col-12'>
                            <div class='single-footer'>
                                <h2>Nuestra Visión</h2>
                                <p style='text-align: justify;'>
                                    Aspiramos a ser líderes en la transformación digital de los servicios de salud, creando una red de apoyo robusta y empoderada que se extienda a nivel global. Buscamos mejorar continuamente nuestras soluciones para satisfacer las necesidades cambiantes de nuestra comunidad.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Footer Top -->
            <!-- Copyright -->
            <div class='copyright'>
                <div class='container'>
                    <div class='row'>
                        <div class='col-lg-12 col-md-12 col-12'>
                            <div class='copyright-content'>
                                <p>© Copyright 2024  |  All Rights Reserved by Carlos Andres Quimbay Lopez</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ End Copyright -->
        </footer>
        <!--/ End Footer Area -->
        
        <!-- jquery Min JS -->
        <script src='js/jquery.min.js'></script>
        <!-- jquery Migrate JS -->
        <script src='js/jquery-migrate-3.0.0.js'></script>
        <!-- jquery Ui JS -->
        <script src='js/jquery-ui.min.js'></script>
        <!-- Easing JS -->
        <script src='js/easing.js'></script>
        <!-- Color JS -->
        <script src='js/colors.js'></script>
        <!-- Popper JS -->
        <script src='js/popper.min.js'></script>
        <!-- Bootstrap Datepicker JS -->
        <script src='js/bootstrap-datepicker.js'></script>
        <!-- Jquery Nav JS -->
        <script src='js/jquery.nav.js'></script>
        <!-- Slicknav JS -->
        <script src='js/slicknav.min.js'></script>
        <!-- ScrollUp JS -->
        <script src='js/jquery.scrollUp.min.js'></script>
        <!-- Niceselect JS -->
        <script src='js/niceselect.js'></script>
        <!-- Tilt Jquery JS -->
        <script src='js/tilt.jquery.min.js'></script>
        <!-- Owl Carousel JS -->
        <script src='js/owl-carousel.js'></script>
        <!-- counterup JS -->
        <script src='js/jquery.counterup.min.js'></script>
        <!-- Steller JS -->
        <script src='js/steller.js'></script>
        <!-- Wow JS -->
        <script src='js/wow.min.js'></script>
        <!-- Magnific Popup JS -->
        <script src='js/jquery.magnific-popup.min.js'></script>
        <!-- Counter Up CDN JS -->
        <script src='http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js'></script>
        <!-- Bootstrap JS -->
        <script src='js/bootstrap.min.js'></script>
        <!-- Main JS -->
        <script src='js/main.js'></script>



        <!-- Counter Up CDN JS -->
        <script src='http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js'></script>
        <!-- Google Map API Key JS -->
        <script src='https://maps.google.com/maps/api/js?key=AIzaSyDGqTyqoPIvYxhn_Sa7ZrK5bENUWhpCo0w'></script>
        <!-- Gmaps JS -->
        <script src='js/gmaps.min.js'></script>
        <!-- Map Active JS -->
        <script src='js/map-active.js'></script>
        <!-- Bootstrap JS -->
        <script src='js/bootstrap.min.js'></script>
        <!-- Main JS -->
        <script src='js/main.js'></script>
    ";
}
function vericar_sesion() { 
    // Verifica si hay una sesión iniciada
    if (isset($_SESSION['cedula'])) {
        // Verifica el tipo de usuario
        if (isset($_SESSION['tipo'])) {
            if ($_SESSION['tipo'] === 'Paciente') {
                header_2(); // Si es paciente, carga header_2
            } elseif ($_SESSION['tipo'] === 'Especialista') {
                header_3(); // Si es especialista, carga header_3
            } else {
                header_1(); // Si el tipo de usuario no es reconocido, carga header_1
            }
        } else {
            header_1(); // Si no hay tipo definido, carga header_1
        }
    } else {
        // Si no hay una sesión iniciada, carga el header_1
        header_1();
    }
}
