<?php
	$log = json_decode( $Pedido->tco_log, true );
	$DatosEmpresa = Cliente::select('clientes.empresa', 'clientes.direccion', 'clientes.pais', 'clientes.estado', 'clientes.simbolo_moneda', 'clientes.codigo_moneda')
	->where('clientes.id', '=', $Pedido->clientes_id)
	->first();
	if( $log['metodoDePago'] == 'oxxo_cash' ){
		$logo = 'https://sume.tips/cdn/Conekta/oxxopay-payment-stub/demo/oxxopay_brand.png';
		$alt = 'OXXOPay';
		$rc = 'Referencia';
		$rcc= $log['referencia'];
	}
	else{
		$logo = 'https://sume.tips/cdn/Conekta/spei-payment-stub/demo/spei_brand.png';
		$alt = 'Banorte';
		$rc = 'CLABE';
		$rcc= $log['clave'];
	}
?>
<html>
	<head>
		<style type="text/css">
			*{margin:0;padding:0}body{font-size:14px}h3{margin-bottom:10px;font-size:15px;font-weight:600;text-transform:uppercase}.opps{width:496px;border-radius:4px;box-sizing:border-box;padding:0 45px;margin:40px auto;overflow:hidden;border:1px solid #b0afb5;font-family:'Open Sans',sans-serif;color:#4f5365}.opps-reminder{position:relative;top:-1px;padding:9px 0 10px;font-size:11px;text-transform:uppercase;text-align:center;color:#fff;background:#000}.opps-info{margin-top:26px;position:relative}.opps-info:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.opps-brand{width:40%;float:left}.opps-brand img{max-width:150px;margin-top:2px}.opps-ammount{width:55%;float:right}.opps-ammount h2{font-size:36px;color:#000;line-height:24px;margin-bottom:15px}.opps-ammount h2 sup{font-size:16px;position:relative;top:-2px}.opps-ammount p{font-size:10px;line-height:14px}.opps-reference{margin-top:14px}h1{font-size:27px;color:#000;text-align:center;margin-top:-1px;padding:6px 0 7px;border:1px solid #b0afb5;border-radius:4px;background:#f8f9fa}.opps-instructions{margin:32px -45px 0;padding:32px 45px 45px;border-top:1px solid #b0afb5;background:#f8f9fa}ol{margin:17px 0 0 16px}li+li{margin-top:10px;color:#000}a{color:#15c}.opps-footnote{margin-top:22px;padding:22px 20px 24px;color:#108f30;text-align:center;border:1px solid #108f30;border-radius:4px;background:#fff}
		</style>
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
	</head>
	<body>
		<div class="opps">
			<div class="opps-header">
				<div class="opps-reminder">Ficha digital. No es necesario imprimir.</div>
				<?php /*<div class="opps-info">
					<div class="opps-brand"><img src="<?php echo $logo; ?>" alt="<?php echo $alt; ?>"></div>
					<div class="opps-ammount">
						<h3>Monto a pagar</h3>
						<h2>$ <?php echo number_format($log['cantidad'], 2, '.', ','); ?> <sup>MXN</sup></h2>
						<?php if( $log['metodoDePago'] == 'oxxo_cash' ): ?>
						<p>OXXO cobrará una comisión adicional al momento de realizar el pago.</p>
						<?php else: ?>
						<p>Utiliza exactamente esta cantidad al realizar el pago.</p>
						<?php endif; ?>
					</div>
				</div>*/ ?>
				<table>
					<tr>
						<th class="opps-brand" style="width: 45%;">
							<img src="<?php echo $logo; ?>" alt="<?php echo $alt; ?>">
						</th>
						<th class="opps-ammount" style="width: 55%; /*text-align: left;*/">
							<h3 style="color: #4f5365;">Monto a pagar</h3>
							<h2 style="margin-top: 10px;">$ <?php echo number_format($log['cantidad'], 2, '.', ','); ?> <sup>MXN</sup></h2>
							<?php if( $log['metodoDePago'] == 'oxxo_cash' ): ?>
							<p style="color: #4f5365; font-weight: normal;">OXXO cobrará una comisión adicional al momento de realizar el pago.</p>
							<?php else: ?>
							<p style="color: #4f5365; font-weight: normal;">Utiliza exactamente esta cantidad al realizar el pago.</p>
							<?php endif; ?>
						</th>
					</tr>
				</table>
				<div class="opps-reference">
					<h3><?php echo $rc; ?></h3>
					<h1><?php echo $rcc; ?></h1>
				</div>
			</div>
			<div class="opps-instructions">
				<h3>Instrucciones</h3>
				<?php if( $log['metodoDePago'] == 'oxxo_cash' ): ?>
				<ol>
					<li>Acude a la tienda OXXO más cercana. <a href="https://www.google.com.mx/maps/search/oxxo/" target="_blank">Encuéntrala aquí</a>.</li>
					<li>Indica en caja que quieres realizar un pago de <strong>OXXOPay</strong>.</li>
					<li>Dicta al cajero el número de referencia en esta ficha para que tecleé directamete en la pantalla de venta.</li>
					<li>Realiza el pago correspondiente con dinero en efectivo.</li>
					<li>Al confirmar tu pago, el cajero te entregará un comprobante impreso. <strong>En el podrás verificar que se haya realizado correctamente.</strong> Conserva este comprobante de pago.</li>
				</ol>
				<?php else: ?>
				<ol>
					<li>Accede a tu banca en línea.</li>
					<li>Da de alta la CLABE en esta ficha. <strong>El banco deberá de ser <?php echo $log['banco']; ?></strong>.</li>
					<li>Realiza la transferencia correspondiente por la cantidad exacta en esta ficha, <strong>de lo contrario se rechazará el cargo</strong>.</li>
					<li>Al confirmar tu pago, el portal de tu banco generará un comprobante digital. <strong>En el podrás verificar que se haya realizado correctamente.</strong> Conserva este comprobante de pago.</li>
				</ol>
				<?php endif; ?>
				<div class="opps-footnote">Al completar estos pasos recibirás un correo de <strong><?php echo $DatosEmpresa->empresa; ?></strong> confirmando tu pago.</div>
			</div>
		</div>
	</body>
</html>