<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ticket de Venta</title>

    <style>
        body 
        {
            margin-top:0.5in;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 13px;
            line-height:1.4em;
        }

        #ticket
        {
            background-image:url('http://cdn1.eveyevents.com/images/eticket-bg.png');
            background-size:contain;
            width:7.4in;
            height:5.0in;
            background-repeat:no-repeat;
            position:relative;
        }
        
        #logo
        {
            height:auto;
            max-width:2.3in;
            float: left;
            padding-top: 2%;
        }

        #event-info 
        {
            display:inline-block;
            position:absolute;
            left:0.3in;
            top:1.65in;
            width:4.3in;
        }

        .label
        {
            color:#768690;
            display:block;
            text-transform:uppercase;
        }

        .value 
        {
            display:block;
            color:#121212;
            text-transform:uppercase;
            overflow:hidden;
            font-size:16px;
        }

        #title 
        {
            height:1.0in;
        }

        #location 
        {
            height:0.8in;
            margin-top:0.25in;
        }

        #event-date
        {
          height:0.7in;
        }

        #start_at
        {
          position:relative;
          left:0.4in;
          font-size:12px;
        }

        #end_at
        {
          position:relative;
          left:0.3in;
          font-size:12px;
        }

        #stub-info 
        {
            display:inline-block;
            position:absolute;
            top:0.06in;
            left:4.9in;
            width:2.8in;
            text-align:center;
        }

        #purchased-on 
        {
            display:inline-block;
            text-transform:uppercase;
            font-size:8px;
            text-align:center;
            width:100%;
            position:relative;
            top:0.02in;
        }

        #qrcode 
        {
            display:inline-block;
            position:relative;
            top:0.3in;
            height:2in;
        }

        #ticket-num
        {
            display:inline-block;
            text-transform:uppercase;
            text-align:center;
            width:100%;
            position:relative;
            top:0.36in;
            font-weight:normal;
        }

        #attendee-info 
        {
            text-align:left;
            font-size:10px;
            position:relative;
            top:1in;
            left:0.1in;
        }

        #attendee-info .value 
        {
            font-size:12px;
            height:0.4in;
        }
        #notes
        {
            margin-top:0.3in;
            width:8in;
        }

        #notes span.value 
        {
            font-size:20px;
        }

        #notes hr 
        {
            margin-bottom:0.2in;
        }

        p
        {
            text-align: justify;
            font-size: 16px;
        }
        
    </style>
</head>
<div id="ticket">
   <img id="logo" src="<?php echo e(asset('images/LOGO.png')); ?>" />
    <div id="event-info">
      <span id="title" class="value">Netv</span>

      <span id="location" class="value">Santa Fe, Santiago. Chile</span>

      <div id="event-date">
        <span id="start_at" class="value"><b><?php echo e($ldate = date('d-m-Y')); ?></b></span>
        <span id="end_at" class="value"><b><?php echo e($ldate = date('d-m-Y')); ?></span>
      </div>
    </div>
    <div id="stub-info">
      <span id="purchased-on">Venta de Material a <b><?php echo e($ldate = date('d-m-Y')); ?></span>
      <div id="attendee-info">
            <table>
                <thead>
                    <tr style="text-align: center">
                        <th>Material</th>
                        <th>Cantidad</th>
                        <th>Subtotal</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $__currentLoopData = $datosVenta; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $datosVentas): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                            $totalV=0;
                            $totalV = $totalV+$datosVentas->precio_venta
                        ?>
                        <tr style="text-align: center">
                            <td><?php echo e($datosVentas->nombre); ?></td>
                            <td><?php echo e($datosVentas->cantidadV); ?></td>
                            <td>$ <?php echo e($datosVentas->precio_venta); ?></td>
                        </tr>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </tbody>
                <thead>
                    <tr style="text-align: center">
                        <th width="20px">Total: </th>
                        <th></th>
                        <th> $<?php echo e($totalV); ?></th>
                    </tr>
                  </thead>
            </table>
        <span id="name" class="value"></span>
        <span id="email" class="value">N° de Venta: <?php echo e($materialPedido['id_venta']); ?></span>
        <span id="email" class="value">Venta Realizada Por: <b><?php echo e($datos_personal['name']); ?></b></span>
      </div>
    </div>
  </div>
  
  <div>
    
    <span class="value"><b>NOTAS:</b></span>
    <p>
        <b>NO</b> se aceptan cambios <b>NI</b> devoluciones después de los 10 días de la compra. Los cambios y devoluciones
        solo se hacen por defecto de fabrica y no por mal uso que se haya dado.
    </p>
  </div>
  
</body>
</html>
<?php /**PATH C:\xampp\htdocs\Proyectos Laravel\SistemaDigTelRed\resources\views/Reportes/TicketDeVenta.blade.php ENDPATH**/ ?>