<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Presupuesto</title>
    <style>
        /* Page sizing for PDF engines like Dompdf */
        @page {
            margin: 12mm 8mm;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #fff;
            margin: 0;
            padding: 0;
            font-size: 11px;
            line-height: 1.15;
            color: #222;
        }

        .container {
            max-width: 780px;
            margin: 8px auto;
            padding: 10px;
            background-color: #fff;
        }

        /* Encabezado centrado */
        .header {
            text-align: center;
            margin-bottom: 8px;
        }

        .header img {
            width: 120px;
            margin-bottom: 6px;
        }

        .hed-cotizacion {
            background-color: transparent;
            border-radius: 6px;
            padding: 6px 8px;
            text-align: center;
            margin: 0 auto;
            width: 360px;
        }

        .hed-cotizacion h1 {
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: #2F5081;
        }

        .hed-cotizacion p {
            margin: 2px 0;
            font-size: 10.5px;
            color: #111111;
        }

        /* Información General */
        .info {
            margin-bottom: 8px;
            font-size: 11px;
        }

        .info p {
            margin: 3px 6px;
        }

        h3 {
            font-size: 13px;
            margin: 6px 0;
        }

        /* Tabla */
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 8px;
            table-layout: fixed;
            font-size: 10.5px;
        }

        table thead {
            background-color: #8FCED3;
            color: #ffffff;
            text-align: left;
        }

        table th,
        table td {
            padding: 6px 6px;
            border: 1px solid #ddd;
            vertical-align: middle;
            word-wrap: break-word;
        }

        table tbody tr:nth-child(even) {
            background-color: #fbfbfb;
        }

        table th:nth-child(1) {
            width: 8%;
        }

        table th:nth-child(2) {
            width: 52%;
        }

        table th:nth-child(3) {
            width: 12%;
        }

        table th:nth-child(4) {
            width: 14%;
        }

        table th:nth-child(5) {
            width: 14%;
        }

        table tfoot tr {
            font-weight: 700;
        }

        table tfoot td {
            text-align: left;
        }

        .total-row td {
            background-color: #8FCED3;
            color: #ffffff;
            font-weight: 700;
        }

        /* Nota */
        .footer-note {
            font-size: 10px;
            color: #555;
            margin-top: 6px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div class="container">
        <!-- Encabezado -->
        <div class="header">
            <?php if (!empty($logoUrl)): ?>
                <img src="<?= $logoUrl ?>" alt="Logo" style="width: 180px;" />
            <?php endif; ?>
            <div class="hed-cotizacion">
                <h1>Control de Clientes</h1>
                <p>Av. Defensores del Morro Mz 05 lot. 05 Santa Teresa de Villa Chorrillos, Lima</p>
                <!-- <p>Correo electrónico: yuwer_eg@hotmail.com</p> -->
                <p>Nro de Contacto: +51 982 713 480</p>
            </div>
        </div>

        <div class="info">

            <p><strong>Fecha:</strong>
                <?= $presupuesto->modified
                    ? $presupuesto->modified->format('d/m/Y')
                    : __('No disponible') ?>
            </p>

            <?php
            $nombreMostrar = '';

            if (!empty($presupuesto->clientes_facturacion)) {

                $nombreMostrar = $presupuesto->clientes_facturacion->nombre_razon_social ?? '';
            } elseif (!empty($presupuesto->nombre_apellido)) {

                $nombreMostrar = $presupuesto->nombre_apellido;
            }
            ?>

            <?php if (!empty($nombreMostrar)): ?>
                <p>
                    <strong>Cliente:</strong>
                    <?= h($nombreMostrar) ?>
                </p>
            <?php endif; ?>

            <?php if (!empty($presupuesto->clientes_facturacion)): ?>

                <p><strong>Dirección:</strong>
                    <?= !empty($presupuesto->clientes_facturacion->direccion)
                        ? h($presupuesto->clientes_facturacion->direccion)
                        : __('No disponible') ?>
                </p>

                <p><strong>Documento:</strong>
                    <?= !empty($presupuesto->clientes_facturacion->numero_doc)
                        ? h($presupuesto->clientes_facturacion->numero_doc)
                        : __('No disponible') ?>
                </p>

            <?php endif; ?>

            <?php if (!empty($presupuesto->telefono)): ?>
                <p>
                    <strong>Teléfono:</strong>
                    <?= h($presupuesto->telefono) ?>
                </p>
            <?php endif; ?>

        </div>

        <?php if (!empty($presupuesto->notas)): ?>
            <div class="observaciones">
                <p><strong>Observaciones:</strong></p>
                <p><?= h($presupuesto->notas) ?></p>
            </div>
        <?php endif; ?>

    </div>

    <?php
    $totalFinal = 0;
    foreach ($presupuesto->presupuestos_servicios as $servicio) {
        $totalFinal += (float)$servicio->total;
    }
    ?>

    <!-- Tabla de Servicios -->
    <h3>Detalles de la Cotización</h3>
    <table>
        <thead>
            <tr>
                <th>Cantidad</th>
                <th>Servicio</th>
                <th>Descuento (%)</th>
                <th>Precio Unitario</th>
                <th>Subtotal</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($presupuesto->presupuestos_servicios as $servicio): ?>
                <tr>
                    <td><?= $servicio->cantidad ?></td>
                    <td><?= h($servicio->servicio->nombre) ?></td>
                    <td>
                        <?= isset($servicio->descuento)
                            ? h($servicio->descuento) . ' %'
                            : 'Sin descuento' ?>
                    </td>
                    <td><?= number_format($servicio->precio_unitario, 2) ?></td>
                    <td><?= number_format($servicio->total, 2) ?></td>
                </tr>
            <?php endforeach; ?>
        </tbody>
        <tfoot>
            <tr style="font-weight: bold;">
                <td colspan="4">Total</td>
                <td>S/ <?= number_format($totalFinal, 2) ?></td>
            </tr>
        </tfoot>
    </table>

    <!-- Nota -->
    <p class="footer-note">*Los precios incluyen IGV.</p>
    </div>
</body>

</html>