<?php require_once('assets/common/session/session_start.php'); ?>
<!DOCTYPE html>
<html lang="es">
    <head>
        <?php include 'assets/common/head.php'; ?>
        <title>Santa Clara | Medicina Prepaga</title>
        <!-- Estilos del sitio -->
        <link href="assets/pages/consulta_factura/consulta_factura.css?v=3" rel="stylesheet">
    </head>

    <body>
        <?php
            include 'assets/common/header.php';
        ?>
        <div class="container-fluid px-0 position-relative">
            <div id="inicio" class="jarallax main position-absolute w-100 h-100 top-0 left-0" style="min-height: 0; height:100%;">
            </div>
            <div id="consulta" style="display: none;" class="jarallax main position-absolute w-100 h-100 top-0 left-0" style="min-height: 0; height:100%;">
            </div>
            <div class="py-lg-4"></div>
            <section class="pt-lg-5 pb-lg-4" id="contenedor">
                <h1 class="text-secondary text-center strong position-relative">CONSULTA DE FACTURAS</h1>
                <div class="row align-items-center justify-content-center" id="paso1">
                    <div class="col-12 col-sm-8 col-md-6 col-lg-4 px-0">
                        <div class="card primary-color-translucent">
                            <div class="card-body py-md-3">
                                <form id="guia-medica-form1" method="POST" <?php echo estaLogueado() ? 'style="display: none;"':'' ?>>
                                    <p class="text-center">Ingrese el Nro de cliente o Cédula de Identidad</p>
                                    <input type="hidden" name="metodo" value="consultar">
                                    <div class="md-form input-group mb-3">
                                        <input type="text" id="id_cliente" name="id_cliente" class="form-control">
                                        <label for="id_cliente">ID de cliente</label>
                                    </div>
                                    <div class="md-form input-group mb-3">
                                        <input type="text" id="ci" name="ci" class="form-control">
                                        <label for="ci">Nro. de CI</label>
                                    </div>
                                    <div class="d-flex py-3">
                                        <div class="g-recaptcha align-self-center" id="gm_recaptcha"></div>
                                    </div>
                                    <p class="error text-center text-danger strong text-shadow my-1"></p>
                                    <div class="d-flex">
                                        <button class="btn strong btn-block btn-primary mt-2" type="submit">Consultar</button>
                                    </div>
                                </form>
                                <div class="row" id="cargando-form1" <?php echo !estaLogueado() ? 'style="display: none;"':'' ?>>
                                    <div class="col-12 text-center">
                                        <div class="spinner-grow" style="width: 3rem; height: 3rem;" role="status">
                                            <span class="sr-only">Cargando...</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center justify-content-center py-2" id="paso1-2" style="display: none;">
                    <div class="col-12 col-md-10 col-lg-8 col-xl-6">
                        <div class="card">
                            <div class="card-header bg-primary text-white text-center">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <a class="btn-clear volver" href="#">
                                            <i class="fas fa-2x fa-arrow-left text-white"></i>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <h3><strong>Seleccione el cliente</strong></h3>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body p-0 table-responsive">
                                <table class="table table-hover table-sm mb-0">
                                    <thead class="bg-primary text-center text-white">
                                        <tr>
                                            <th>ID</th>
                                            <th>Plan</th>
                                            <th>Tipo de Contrato</th>
                                            <th>Estado</th>
                                        </tr>
                                    </thead>
                                    <tbody id="clientes" style="cursor:pointer;">
                                        
                                    </tbody>
                                </table>
                                <div class="list-group">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <section id="paso2" style="display: none;">
                    <div class="row justify-content-center">
                        <div class="col-12 col-md-auto text-center">
                            <?php if(estaLogueado()){ ?>
                                <a class="btn btn-primary p-2 m-0" href="gestion-online.php#consulta-facturas">
                                    <i class="fas fa-lg fa-arrow-left text-white"></i> Volver
                                </a>
                            <?php }else{ ?>
                                <a class="btn btn-primary p-2 volver m-0"
                                    href="#"
                                    id="facturas-tab"
                                    role="tab" 
                                    aria-controls="facturas" 
                                    aria-selected="true">
                                    <i class="fas fa-lg fa-arrow-left text-white"></i> Volver
                                </a>
                            <?php } ?>

                            <!--ul class="nav nav-tabs md-tabs tabs-primary align-items-center justify-content-center" role="tablist">
                                <li class="nav-item px-2 volver">
                                    <a class="btn-clear waves-effect waves-light" href="#">
                                        <i class="fas fa-2x fa-arrow-left text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item volver">
                                    <a class="nav-link waves-light show p-2" id="facturas-tab"  href="#facturas"
                                    role="tab" aria-controls="facturas" aria-selected="true">Volver</a>
                                </li>
                            </ul-->
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-12 col-md-10 col-lg-6 col-xl-5 px-0 px-md-2">
                            <div class="tab-content p-0 pt-2" id="tab-factura">
                                <div class="tab-pane fade active show" id="facturas" role="tabpanel" aria-labelledby="facturas-tab">
                                    
                                </div>
                            </div>

                        </div>
                    </div>
                    
                </section>
            </section>
        </div>

        <?php 
            include 'assets/common/footer.php'; 
            include 'assets/common/scripts.php'; 
        ?>

        <script type="text/javascript" src="assets/js/modules/material-select.js"></script>

        <?php require_once('assets/common/session/variables_js.php'); ?>

        <script type="text/javascript" src="assets/pages/consulta_factura/consulta_factura.js?v=8"></script>
    </body>

</html>
