<?php

include('header.php');
?>

<body>

<section style = "width: 100%; height: 100%;">

  <div class="container">
    <div class="row">
      <div class="col-10" style="padding-top: 10vh;">
        <div class ="container">
          <div class="row row-cols-4">
            <div class = "col-2">
              <h2 style = "text-align: start;"> Cliente:</h2>
            </div>
            <div class = "col-5" style = "display: flex; align-items: center;">
              <label style = "text-align: start;"><b id = "NCllinete" > Juena Perez </b></label>
            </div>
            <div class = "col-2">
              <h2 style = "text-align: start;"> Agente:</h2>
            </div>
            <div class = "col-3" style = "display: flex; align-items: center;">
              <label style = "text-align: start;"><b id = "NAjente" > Juena Perez </b></label>
            </div>
          </div>
        </div> 
       <br>
        <table class="table" id = "TablaPrincipalFacturas">
          <thead class="table-dark">
            <tr>
 
              <th scope="col">Serie</th>
              <th scope="col">Numero</th>
              <th scope="col">TrackNum</th>
              <th scope="col">Total</th>
              <th scope="col">Saldo</th>
              <th scope="col">DocEntry</th>
              <th scope="col">Fecha</th>
              <th scope="col">Fecha Vencimiento</th>
              <th scope="col">Abono</th>

            </tr>
          </thead>
          <tbody id = "TablaFacturas">
            
          </tbody>
        </table> 
		<br>
		<div class="row" id="filtrosRe">
			<div class="input-group mb-3">
			  <div class="input-group-prepend">
				<span class="input-group-text" id="basic-addon1">DESDE: </span>
			  </div>
			  <input type="date" id="desde" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
			  <div class="input-group-prepend">
				<span class="input-group-text" id="basic-addon1">HASTA: </span>
			  </div>
			  <input type="date" id="hasta" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
			  <button id="filtrarFechas" type="button" class="btn btn-success">Filtrar</button>  
			</div>
		</div>
		<br>
		<table class="table table-striped" id = "TablaReImprimir">
          <thead class="table">
            <tr class="bg-info">

              <th scope="col">Fecha</th>
              <th scope="col">Cliente</th>
              <th scope="col">Nombre</th>
              <th scope="col">Serie</th>
              <th scope="col">Recibo</th>
              <th scope="col">Monto</th>
              <th scope="col">Anulado</th>
  
            </tr>
          </thead>
          <tbody id = "TablaListadoReimprimir">
          </tbody>
        </table> 
		
      </div>
      <div class="col-2" style="padding-top: 2vh; background-color: aliceblue; height: 100vh; display: flex; align-items: center;">
      
      <div class="container">
      <button type="button" class="btn btn-success" id = "regresar" style= "background-color: orange;" >Regresa</button>
	  <button type="button" class="btn btn-success" id = "re-imprmir" style= "background-color: green;" >Re-imprimir</button>
	  <button type="button" class="btn btn-success" id = "saldos" style= "background-color: green;" >Saldos</button>
      <br>
      <br>
          <div class="row row-cols-1" style = "border-style: ridge; border-width: 2px;">

            <div class = "col">
              <label style = "text-align: start;"> Saldo Total:</label>
            </div>
            <div class = "col">
              <label style = "text-align: center;"><b id = "stotal" > 500 QTZ </b></label>
            </div>
            <div class = "col">
              <label style = "text-align: start;"> Saldo Vencido:</label>
            </div>
            <div class = "col" style = "background-color:#ff272773;">
              <label style = "text-align: center;"> <b id = "stotalV" > 500 QTZ </b></label>
            </div>
            <div class = "col">
              <label style = "text-align: start;" > Saldo Vencer:</label>
            </div>
            <div class = "col">
              <label style = "text-align: center;"><b id = "stotalVR" > 500 QTZ </b></label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: start;"> Total Reg:</label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: center;"> <b id = "rtotal" > 0 </b></label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: start;"> Abonado:</label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: center;"><b id = "aPagar" > 0 </b> GTQ</label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: start;"> Cambio:</label>
            </div>
            <div class = "d-grid gap-1">
              <label style = "text-align: center;"><b id = "cambioP" > 0 </b> GTQ</label>
            </div>

            <div class="btn-group-vertical">          
                <button type="button" class="btn btn-primary" id= "depositos">Depositos</button>
                <button type="button" class="btn btn-secondary" id = "nCreditos">Notas de Credito</button>
                <button type="button" class="btn btn-danger" id = "efectivo" >Efectivo</button>
                <button type="button" class="btn btn-danger" id = "cheque" >Cheque</button>
                <button type="button" class="btn btn-danger" id = "tarjeta" >Tarjeta</button>
                <button type="button" class="btn btn-success" id = "pagar" disabled >Pagar</button>
            </div>
            
            <br>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div id="dialog" title="Validar permiso del supervisor">

	<div class="input-group mb-3">
	  <div class="input-group-prepend">
		<span class="input-group-text" id="basic-addon1">Contraseña</span>
	  </div>
	  <input type="password" id = "pssSupervisor" class="form-control" placeholder="Contraseña" aria-label="Username" aria-describedby="basic-addon1">
	</div>
</div>

</body>

<?php
	include('scripts.php');
?>