@extends('cr_blank')

@section('content')

    @include('reportes.components.boleta-pago', ['data' => $data, 'zona' => $zona, 'title' => $title])
{{-- <div class="text-center title">administración agua y alcantarillado</div>
<div class="text-center title">"g.a.m. vinto {{ $zona }}"</div>
<div class="text-center title">vinto - cochabamba - bolivia</div>
<div class="text-center title">{{ $title }}</div>

@php
    $deuda = 0;
    $total = $data->alc_servicio + $data->c_minimo + $data->c_excedente;
@endphp
<div>Fecha de Emisión: {{ date('d/m/Y H:i', strtotime($data->fecha_registro)) }}</div>
<div>Señor: {{ $data->medidor->socio->nombre_completo }}</div>
<div>CI/NIT: {{ $data->medidor->socio->ci }}</div>
<div>Código: {{ $data->medidor->manzano->nombre }} - {{ $data->medidor->lote }}</div>
<div>N° Medidor: {{ $data->medidor->numero }}</div>

<div>Periodo: {{ $data->fecha }}</div>
<div>L. Anterior: {{ $data->medida_anterior }}</div>
<div>L. Actual: {{ $data->medida_actual }}</div>
<div>Consumo (m3): {{ $data->consumo }}</div>
<div class="text-center">DETALLE DE PAGO (Bs)</div>
<div>Deuda anterior: {{ number_format($deuda,2) }}</div>
<div>Serv. Agua: {{ number_format($data->c_minimo + $data->c_excedente,2) }}</div>
<div>Serv. Alcantarillado: {{ number_format($data->alc_servicio,2) }}</div>
<div>Total a pagar: {{ number_format($total,2) }}</div> --}}

@endsection

@section('scripts')
    <style>
        body {
            font-size: 10px;
            margin: 10px;
        }

        .contenedor-pdf {
            width: 100%;
        }

        .boleta-wrapper {
            width: 49%;
            float: left;
            margin: 0.5% 0.5% 5px 0.5%;
            box-sizing: border-box;
        }

        .boleta-titulo {
            text-transform: uppercase;
            border: 1px solid #000;
            padding: 1px;
            margin: 0px 0;
            text-align: center;
            font-weight: bold;
            font-size: 10px;
        }

        .boleta {
            border: 1px solid #000;
            padding: 3px;
        }

        .title {
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
            font-size: 11px;
        }

        .tabla-datos td {
            /* padding: 2px 4px; */
            vertical-align: top;
        }

        .tabla-pago td {
            font-size: 10px;
        }

        .subtitulo {
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
            margin: 4px 0 4px;
            font-size: 11px;
        }

        .tabla-pago td .pago-bs {
            padding-right: 15px;
        }

        .total {
            text-align: right;
            font-weight: bold;
            /* margin-top: 5px; */
            font-size: 11px;
        }

        .nota {
            /* margin-top: 10px; */
            font-style: italic;
            font-size: 8px;
            height: 35px;
            line-height: 1.2;
            border-top: 1px dashed #000;
            /* padding-top: 4px; */
        }

        .page-break {
            page-break-after: always;
            clear: both;
        }
    </style>
@endsection