@extends('cr_blank')

@section('content')

{{-- Primera copia --}}
<div class="copia">
  @include('reportes.components.comprobante', ['subtitle' => 'CONTRIBUYENTE'])
</div>

<div style="page-break-after: always;"></div>

{{-- Segunda copia --}}
<div class="copia">
  @include('reportes.components.comprobante', ['subtitle' => 'ARCHIVO'])
</div>

<div style="page-break-after: always;"></div>

{{-- Tercera copia --}}
<div class="copia">
  @include('reportes.components.comprobante', ['subtitle' => 'RECAUDACIONES'])
</div>

{{-- <div style="page-break-after: always;"></div> --}}

{{-- Cuarta copia --}}
{{-- <div class="copia">
  @include('reportes.components.comprobante', ['subtitle' => 'SANEAMIENTO BÁSICO'])
</div> --}}

@endsection

@section('scripts')
  <style>
    body {
      font-size: 12px;
    }
    .title {
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .subtitle {
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .nro-comprobante {
      font-size: 18px;
      font-weight: bold;
    }
    .table-data {
      width: 100%;
      font-size: 11px;
    }
    .table-firmas {
      position: absolute;
      top: 13.5cm; /* Mitad de hoja oficio 17.78cm;*/
      left: 0;
      width: 100%;
      font-size: 10px;
    }
    .cargo {
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .bordes .no-margin {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
      border: none;
    }
    .bordes .no-margin-top {
      margin-top: 0;
      border: none;
    }
    .bordes .no-margin-bottom {
      margin-bottom: 0;
      border: none;
    }
    .bordes .no-margin-left {
      margin-left: 0;
      border: none;
    }
    .txt-anulado {
      color: red;
      font-weight: bold;
    }
  </style>
    
@endsection
