@extends('layouts.report')

@section('styles')
<style>
    .report-container {
        background: #fff;
        padding: 15px;
        border-radius: 8px;
        font-size: 11px;
    }
    .report-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15px;
    }
    .report-table th, .report-table td {
        border: 1px solid #dee2e6;
        padding: 5px;
        text-align: left;
        font-size: 1rem;
    }
    .report-table th {
        background-color: #f8f9fa;
        font-weight: bold;
    }
    .report-table tfoot td {
        font-weight: bold;
    }
    .logo-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .logo-container img {
        max-width: 100px;
        height: auto;
    }
    @media (max-width: 768px) {
        .logo-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .logo-container img {
        max-width: 100px;
        height: auto;
    }
    }
    @media print {
        .logo-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .logo-container img {
        max-width: 100px;
        height: auto;
    }
        body {
            margin: 0;
            padding: 0;
            font-size: 8px;
        }
        .container-fluid, .card {
            margin: 0 !important;
            padding: 5px !important;
            box-shadow: none !important;
            border: none !important;
        }
        .report-container {
            padding: 5px;
            page-break-inside: avoid;
        }
        .report-table {
            width: 100%;
            font-size: 7px;
        }
        .report-table th, .report-table td {
            padding: 2px;
            font-size: 9px
        }
        .logo-container {
            margin-bottom: 5px;
        }
        .logo-container img {
            max-width: 60px;
        }
        .btn {
            display: none;
        }
        h1, h4 {
            font-size: 12px !important;
            margin: 5px 0 !important;
        }
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 5px;
        }
        .col-md-4 {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
        }
        @page {
            size: landscape;
            margin: 2mm;
        }
    }
</style>
@endsection



@section('report-content')
<div class="report-container">
    <div class="logo-container">
        <img src="{{ asset('images/icon.png') }}" alt="GOBIERNO BOLIVARIANO DE TRUJILLO" />
        <img src="{{ asset('images/satet.png') }}" alt="SATET" />
    </div>
    <h4 class="text-center mb-4">PLANILLA DEMOSTRATIVA PARA LA DECLARACIÓN DEL IMPUESTO 1X1000 PARA ENTES Y/O ORGANISMOS PÚBLICOS</h4>

    <div class="row">
        <div class="col-md-4">
            <table class="report-table" id="agente-retencion">
                <thead>
                    <tr>
                        <th>1. AGENTE DE RETENCIÓN</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Gobernación del Estado Trujillo</td>
                    </tr>
                </tbody>
            </table>
            <table class="report-table" id="domicilio-fiscal">
                <thead>
                    <tr>
                        <th>4. DOMICILIO FISCAL DEL AGENTE DE RETENCIÓN</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>AV. Independencia, Palacio de Gobierno, Sector Centro, Trujillo</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-4">
            <table class="report-table" id="rif-agente">
                <thead>
                    <tr>
                        <th>2. RIF DEL AGENTE DE RETENCIÓN</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>G-20000616-5</td>
                    </tr>
                </tbody>
            </table>
            <table class="report-table" id="nro-planilla">
                <thead>
                    <tr>
                        <th>5. N° DE PLANILLA</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>555555</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-4">
            <table class="report-table" id="fecha">
                <thead>
                    <tr>
                        <th>3. FECHA DE EMISIÓN</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>15/01/2025</td>
                    </tr>
                </tbody>
            </table>
            <table class="report-table" id="periodo-fiscal">
                <thead>
                    <tr>
                        <th colspan="2">6. PERIODO FISCAL</th>
                    </tr>
                    <tr>
                        <th>6.1 MES</th>
                        <th>6.2 AÑO</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Enero</td>
                        <td>2025</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="table-responsive">
        <table class="report-table" id="mi-tabla-reporte">
            <thead>
                <tr>
                    <th>N°</th>
                    <th>FECHA DE LA ORDEN DE PAGO</th>
                    <th>TIPO DE CONTRATACIÓN</th>
                    <th>N° DE ORDEN DE PAGO O SERVICIO</th>
                    <th>N° CHEQUE Y/O TRANSFERENCIA</th>
                    <th>BANCO</th>
                    <th>N° COMPROBANTE DE RETENCIÓN</th>
                    <th>NOMBRE DEL CONTRIBUYENTE</th>
                    <th>RIF</th>
                    <th>N° DE FACTURA</th>
                    <th>FECHA DE LA FACTURA</th>
                    <th>BASE IMPONIBLE</th>
                    <th>MONTO DEL IMPUESTO</th>
                </tr>
            </thead>
            <tbody>
                @for ($i = 1; $i <= 10; $i++)
                <tr>
                    <td>{{ $i }}</td>
                    <td>2023-10-{{ sprintf('%02d', $i) }}</td>
                    <td>Servicio</td>
                    <td>OP{{ sprintf('%04d', $i) }}</td>
                    <td>CH{{ sprintf('%05d', $i) }}</td>
                    <td>Banco {{ $i }}</td>
                    <td>CR{{ sprintf('%06d', $i) }}</td>
                    <td>Contribuyente {{ $i }}</td>
                    <td>J-{{ sprintf('%08d', $i) }}</td>
                    <td>F{{ sprintf('%04d', $i) }}</td>
                    <td>2023-09-{{ sprintf('%02d', $i) }}</td>
                    <td>{{ number_format(1000 * $i, 2, ',', '.') }}</td>
                    <td>{{ number_format(100 * $i, 2, ',', '.') }}</td>
                </tr>
                @endfor
            </tbody>
        </table>
    </div>
</div>


@endsection