<?php
ob_start();
ini_set('session.gc_maxlifetime', 14400);
session_set_cookie_params(14400);
session_start();

if (!isset($_SESSION["nombre"]))
{
    header("Location: ../../login/login.php");
}
else
{
    require '../header.php';

if($_SESSION['pago']==1){

?>

            <div class="content-wrapper">
                <!-- Breadcrumb Section -->
                <section class="content-header">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-sm-12">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item">
                                            <a href="#"><i class="fas fa-home"></i> Panel</a>
                                        </li>
                                        <li class="breadcrumb-item active" aria-current="page">
                                            <a href="list_pendiente_pago.php">
                                                <i class="module-icon"></i> Lista Pendiente
                                            </a>
                                        </li>
                                    </ol>
                                </nav>
                            </div>
                          
                            <div class="col-sm-12" style="margin-top: 20px;">
                                <div class="card  ">
                                    <div class="card-header bg-primary">
                                        <h3 class="card-title">
                                            <i class="fas fa-search"></i>
                                            Listado de Cobranzas Pendientes
                                        </h3>
                                    </div>
                                    <div class="card-body" style="display: block;">
                                        <div class="container-fluid">
                                            <div class="row">
                                            <div class="col-12 col-sm-12 col-md-3">
                                                </div>
                                                <div class="col-12 col-sm-12 col-md-2">
                                                    <div class="form-group">
                                                        <br>
                                                        <input name="fecha_inicio" id="fecha_inicio" class="form-control" type="date" required>
                                                    </div>
                                                </div>
                                                <div class="col-12 col-sm-12 col-md-2">
                                                    <div class="form-group">
                                                        <br>
                                                        <input name="fecha_fin" id="fecha_fin" class="form-control" type="date" required>
                                                    </div>
                                                </div>
                                                <div class="form-group col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                                    <br>
                                                    <button class="btn btn-success btn-flat" style="margin-bottom:-10px" onclick="listar_pendiente(event)"><i class="fa-solid fa-magnifying-glass"></i> Consultar Pendiente</button>
                                                </div>
                                                <div class="form-group col-lg-6 col-md-5 col-sm-5 col-xs-12">
                                                    <button class="btn btn-primary btn-flat" style="margin-bottom:-10px" onclick="generarExcel_Pendiente()"><i class="fa fa-table"></i> Excel</button>
                                                    <button class="btn btn-danger btn-flat" style="margin-bottom:-10px" onclick="actualizar_linea_pendiente(event)"><i class="fa fa-refresh"></i> Actualizar Linea</button>
                                                </div>
                                                </div>
                                                <div class="card-body" style="display: block;">
                                                    <div class="container-fluid">
                                                        <table style="width:100%;" class="table table-bordered" id="listar_pendiente">
                                                            <thead>
                                                            <tr>
                                                            <th>Nombre Cliente</th>
                                                            <th>Pago</th>                      
                                                            <th>Nro Cuota/Mes</th> 
                                                            <th>Fecha Corte</th>
                                                            <th>Servicio</th>
                                                            <th>Periodo</th>    
                                                            <th>Monto</th> 
                                                            <th>Accion</th> 
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>
                                                         <br>
                                                        <div class="row">
                                                         <br>
                                                            <div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-3" align="center" >
                                                            </div>
                                                            <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12" align="center" >
                                                                <div style="text-align:center; font-size:large;font-weight: 500;" class="alert alert-danger" >
                                                                    <label>Monto Pendiente</label>
                                                                    <p>
                                                                    <span id="suma_pendiente">0.00</span><span> Soles</span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>                
                    </div>

           

               
<?php
}
require '../footer.php';
?>
<script type="text/javascript" src="../../scripts/consulta.js"></script>
<?php 
}
ob_end_flush();
?>