<?
include ("clases/Usuario.class.php"); $obju = new Usuario();
include ("clases/Afiliado.class.php"); $obja = new Afiliado();
include ("clases/Movimiento.class.php"); $objf = new Movimiento();

$id = $_REQUEST['idmov'];
if($objf->BuscarPorCodigo($id))
{
   $tipo=$objf->gettipo();
   $fecha=$objf->getfecha();
   $prov=$objf->getproveedor();
   $dniruc=$objf->getdniruc();
   $numdoc=$objf->getnumdoc();
   $concepto=$objf->getconcepto();
   $monto=$objf->getmonto();
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<title>RECIBO</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

<style>
  /* ===== FORMATO IMPRESIÓN ===== */
  @media print {

    body {
      background: #fff;
    }

    .no-print {
      display: none !important;
    }

    .card {
      box-shadow: none !important;
      border: none !important;
    }

    .container {
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  /* ===== FORMATO DOCUMENTO ===== */
  .recibo-a4 {
    max-width: 800px; /* ancho A4 aproximado */
    margin: auto;
  }
</style>

</head>

<body>

<!-- BOTÓN IMPRIMIR -->
<div class="container my-3 no-print text-end">
  <button onclick="window.print()" class="btn btn-primary">
    ??? Imprimir Recibo
  </button>
</div>

<div class="container recibo-a4 my-4">
  <div class="card shadow-sm border-0">

    <!-- ENCABEZADO -->
    <div class="card-header bg-primary text-white text-center fw-bold fs-5">
      RECIBO DE MOVIMIENTO N&deg; <?=$id."-".date("Y");?>
    </div>

    <div class="card-body">

      <!-- DATOS GENERALES -->
      <div class="row mb-3">
        <div class="col-4 text-end fw-semibold">Tipo de Movimiento:</div>
        <div class="col-8"><?=$tipo;?></div>
      </div>

      <div class="row mb-3">
        <div class="col-4 text-end fw-semibold">Fecha:</div>
        <div class="col-8"><?=$fecha;?></div>
      </div>

      <div class="row mb-3">
        <div class="col-4 text-end fw-semibold">Proveedor / Acreedor:</div>
        <div class="col-8">Estimado(a) <?=$prov;?></div>
      </div>

      <hr>

      <!-- SECCIÓN DETALLE -->
      <h6 class="text-center text-secondary fw-bold mb-4">
        DETALLE DEL EGRESO
      </h6>

      <div class="row mb-3">
        <div class="col-4 text-end fw-semibold">Monto Otorgado:</div>
        <div class="col-8 fw-bold text-success fs-6">
          S/ <?=$monto;?>
        </div>
      </div>

      <div class="row mb-5">
        <div class="col-4 text-end fw-semibold">Concepto:</div>
        <div class="col-8"><?=$concepto;?></div>
      </div>

      <!-- PIE -->
      <div class="row mt-5">
        <div class="col-6">
          Atentamente,<br><br>
          <strong>
            Sindicato de Trabajadores de Servicio<br>
            SITSER - MPCP
          </strong>
        </div>
      </div>

    </div>
  </div>
</div>

</body>
</html>
