<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Recibo RCV</title>
	<style type="text/css">
		@font-face {
		font-family: 'Poppins';
		src: url("{{ public_path('fonts/Poppins-Regular.ttf') }}") format('truetype');
			font-weight: normal;
			font-style: normal;
		}

		@font-face {
			font-family: 'Poppins';
			src: url("{{ public_path('fonts/Poppins-Bold.ttf') }}") format('truetype');
				font-weight: bold;
				font-style: normal;
		}
		body, html {
			font-family: 'Poppins', sans-serif !important;
			line-height: 12px!important;
			margin: 0;
        	padding: 0;
		}
		.azul { color:#1281c4; }
		.rojo { color:red; }
		.mt-20 { margin-top:20px; }
		.mt-40 { margin-top:40px; }
		hr { border: solid 0.3px grey; }
		th { text-align: left; }
		.f-sm { font-size: 14px; }
		.thick { font-weight: bold; }

		/* Define margins for the entire page */
	    @page {
	        margin: 50px 50px 100px 50px; /* Top, right, bottom, left */
	    }

	    body {
	        margin: 0;
	        padding: 0;
	    }

	    #content {
	        margin: 50px 50px 0 50px; /* Adjust content margins explicitly */
	    }

	    #footer {
	        position: fixed;
	        bottom: 0;
	        left: 0;
	        width: 100%;
	        height: 150px; /* Adjust height as needed */
	        background-color: #f8f8f8; /* Optional background color */
	        text-align: center;
	        font-size: 12px;
	        padding: 10px 15px; /* Ensure padding for footer content */
	        box-sizing: border-box; /* Prevent padding from expanding element size */
	    }
	</style>
</head>

    @php

      $fecha = $r->fecha;
      $dia = strtok($fecha, " ");
      $words = explode(" ", $fecha);
      $mes = $words[2] ?? null;
      $year = substr($fecha, -2);

      // cantidad

          function numeroALetras($numero) {
            $entero = floor($numero); // Parte entera
            $decimales = round(($numero - $entero) * 100); // Parte decimal

            $letras = convertirNumeroALetras($entero) . " PESOS";
            if ($decimales > 0) {
                $letras .= " CON " . convertirNumeroALetras($decimales) . " CENTAVOS";
            }

            return $letras;
        }

        function convertirNumeroALetras($numero) {
            $unidad = ["", "UNO", "DOS", "TRES", "CUATRO", "CINCO", "SEIS", "SIETE", "OCHO", "NUEVE"];
            $decena = ["", "DIEZ", "VEINTE", "TREINTA", "CUARENTA", "CINCUENTA", "SESENTA", "SETENTA", "OCHENTA", "NOVENTA"];
            $centena = ["", "CIENTO", "DOSCIENTOS", "TRESCIENTOS", "CUATROCIENTOS", "QUINIENTOS", "SEISCIENTOS", "SETECIENTOS", "OCHOCIENTOS", "NOVECIENTOS"];

            if ($numero == 0) return "CERO";
            if ($numero == 100) return "CIEN";
            if ($numero == 1000) return "MIL";

            $texto = "";

            // Miles
            if ($numero >= 1000) {
                if ($numero >= 2000) {
                    $texto .= convertirNumeroALetras(intval($numero / 1000)) . " MIL ";
                } else {
                    $texto .= "MIL ";
                }
                $numero %= 1000;
            }

            // Centenas
            if ($numero >= 100) {
                $texto .= $centena[intval($numero / 100)] . " ";
                $numero %= 100;
            }

            // Decenas especiales (10-19)
            if ($numero >= 10 && $numero <= 19) {
                $especiales = [
                    10 => "DIEZ", 11 => "ONCE", 12 => "DOCE", 13 => "TRECE", 14 => "CATORCE", 
                    15 => "QUINCE", 16 => "DIECISEIS", 17 => "DIECISIETE", 18 => "DIECIOCHO", 19 => "DIECINUEVE"
                ];
                $texto .= $especiales[$numero] . " ";
                $numero = 0;
            } elseif ($numero >= 20) { // Decenas regulares
                $texto .= $decena[intval($numero / 10)];
                $numero %= 10;
                if ($numero > 0) $texto .= " Y ";
            }

            // Unidades
            if ($numero > 0) {
                $texto .= $unidad[$numero] . " ";
            }

            return trim($texto);
        }

        $cantidadEnLetras = numeroALetras($r->cantidad);

    @endphp

<body>

	<div id="content">
		<table width="100%">
			<tr>
				<td align="left" style="width: 30%;">
					<img src="{{ public_path('assets/img/logo.png') }}" alt="laravel daily" width="100" />
				</td>
				<td style="width: 40%;">
					<span class="azul">VIADAMIA, S DE R.L. DE C.V.</span> <br>
					VIA-071123-2T0<br>
					(646) 178.2211
				</td>
				<td style="width: 30%;">
					Calle Segunda #300-4<br>
	              	Zona Centro<br>
	              	22800 Ensenada, B.C.
				</td>
			</tr>
		</table>

		<table width="100%" class="mt-40">
			<tr>
				<td class="azul">
					RECIBO
				</td>
			</tr>
		</table>

		<hr>

		<table width="100%">
			<tr>
				<td style="width: 30%;">
					Número de recibo <br>
					Fecha <br>
					Total
				</td>
				<td style="width: 40%;">
					{{ $r->id }} <br>
					{{ \Carbon\Carbon::parse($r->created_at)->format('d/M/Y') }} <br>
					${{ number_format($r->cantidad, 2) }}
				</td>
				<td style="width: 30%;">
					{{ $r->cliente }}
				</td>
			</tr>
		</table>

		<hr>

		<table width="100%" class="mt-40">
			<thead>
				<tr>
					<th>Concepto</th>
					<th>Descripción</th>
					<th>Total</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class="f-sm">{{ $r->concepto }}</td>
					<td class="f-sm">
						Recibí de <span class="azul">{{ $r->cliente }}</span> la cantidad de <span class="azul">{{ $cantidadEnLetras }}</span>.
					</td>
					<td class="f-sm">${{ number_format($r->cantidad, 2) }}</td>
				</tr>
			</tbody>
		</table>
	</div>

	<div id="footer">

		<table width="100%">
			<tr>
				<td class="azul thick">
					<h3 style="text-align: center;">Restricciones</h3>
				</td>
			</tr>
		</table>

		<table width="100%" class="mt-20">
			<tr>
				<td style="width: 50%" class="f-sm">
					<span class="azul">O</span> No reembolsable.<br>
		            <span class="azul">O</span> Cargos por cambio más diferencia de tarifa.<br>
		            <span class="azul">O</span> 15 kilos de equipaje <span class="azul">O</span> 25 kilos de equipaje
				</td>
				<td style="width: 50%" class="f-sm">
					<span class="azul">O</span> Válido solo con la aerolínea que se compró.<br>
	              	<span class="azul">O</span> No permite cambios de nombre.<br>
	              	<span class="azul">O</span> No admiten ningún cambio, si no se usa se pierde.
				</td>
			</tr>
		</table>

	</div>

</body>
</html>