@extends('blank')

@section('content')
  @include('componentes.r_header')

  <table class="list-table">
    <tr>
      <td style="width: 20%;">
        <div class="lbl-h">Nro Orden:</div>
      </td>
      <td style="width: 80%;">
        <div class="lbl-info">{{ $lote->ingreso->nro }}</div>
      </td>
    </tr>
    <tr>
      <td style="width: 20%;">
        <div class="lbl-h">Lote/Nro. Bobina:</div>
      </td>
      <td style="width: 80%;">
        <div class="lbl-info">{{ $lote->lote }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h">Producto:</div>
      </td>
      <td>
        <div class="lbl-info">{{ $lote->producto->nombre }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h">Cantidad:</div>
      </td>
      <td>
        <div class="lbl-info">{{ $lote->cantidad }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h">Cantidad Actual:</div>
      </td>
      <td>
        <div class="lbl-info">{{ round($lote->cantidad_actual,2) }}</div>
      </td>
    </tr>
  </table>
  @php
      $lon = 0;
      $total = 0;
  @endphp
  <div class="separe"></div>
  
  <table class="bordes-p list-table product-table">
    <tr class="text-center" style="background-color: #003566; color: white; font-size: 13px;">
      <th style="width: 10%;">NRO. VENTA</th>
      <th style="width: 10%;">FECHA</th>
      <th style="width: 10%;">CLIENTE</th>
      <th style="width: 5%;">CANT.</th>
      <th style="width: 5%;">UNIDAD</th>
      <th style="width: 16%;">TIPO</th>
      <th style="width: 8%;">LONG. (Mt)</th>
      <th style="width: 8%;">TOTAL (ML)</th>
      <th style="width: 8%;">PRECIO UNIT.</th>
      <th style="width: 10%;">DESC.</th>
      <th style="width: 10%;">SUB TOTAL</th>
    </tr>
  @foreach ($datos as $venta)
    {{-- <table class="list-table">
      <tr>
        <td style="width: 10%;">
          <div class="lbl-h">
            @if ($venta->tipo_venta == 'SUCURSAL')
              SUCURSAL:
            @else
              CLIENTE:
            @endif
          </div>
        </td>
        <td style="width: 30%;">
          <div class="lbl-info">
            @if ($venta->tipo_venta == 'SUCURSAL')
              {{ $venta->clsucursal->nombre }}
            @else
              {{ $venta->razon_social }}
            @endif
          </div>
        </td>
        <td style="width: 10%;">
          <div class="lbl-h">Fecha:</div>
        </td>
        <td style="width: 20%;">
          <div class="lbl-info">{{ date('d/m/Y',strtotime($venta->fecha_registro)) }}</div>
        </td>
        <td style="width: 10%;">
          <div class="lbl-h">Telf/Cel.:</div>
        </td>
        <td style="width: 20%;">
          <div class="lbl-info">{{ $venta->cliente->celular }}</div>
        </td>
      </tr>
    </table> --}}
    {{-- <table class="bordes-p list-table product-table">
      <tr class="text-center" style="background-color: #003566; color: white; font-size: 13px;">
        <th style="width: 10%;">CLIENTE</th>
        <th style="width: 10%;">CANTIDAD</th>
        <th style="width: 5%;">UNIDAD</th>
        <th style="width: 23%;">DESCRIPCIÓN</th>
        <th style="width: 10%;">LONGITUD (Mt)</th>
        <th style="width: 10%;">TOTAL (ML)</th>
        <th style="width: 12%;">PRECIO UNITARIO</th>
        <th style="width: 10%;">DESC</th>
        <th style="width: 10%;">SUB TOTAL</th>
      </tr> --}}
      
      @foreach ($venta->detalle as $item)
        <tr>
          <td class="text-center">{{ $venta->txt_nro }}</td>
          <td class="text-center">{{ date('d/m/Y',strtotime($venta->fecha_registro)) }}</td>
          <td>
            @if ($venta->tipo_venta == 'SUCURSAL')
              {{ $venta->clsucursal->nombre }}
            @else
              {{ $venta->razon_social }}
            @endif
          </td>
          <td class="text-center">{{ $item->cantidad }}</td>
          {{-- <td class="text-center">{{ ++$i }}</td> --}}
          {{-- <td class="text-center">{{ $item->producto->codigo }}</td> --}}
          @if ($item->producto->es_bobina && $item->longitud)
            <td class="text-center">PZA</td>
            <td>{{ $item->tipo->nombre }}</td>
            {{-- <td>{{ $item->lote->detalle }} TIPO {{ $item->tipo->nombre }}</td> --}}
          @else
            <td class="text-center">{{ $item->unidad->sigla }}</td>
            <td>{{ $item->producto->nombre }}</td>
          @endif
          {{-- <td class="text-center">{{ date('d-m-Y H:i',strtotime($item->fecha)) }}</td> --}}
          {{-- <td class="text-center">{{ $item->producto->unidad->sigla }}</td> --}}
          <td class="text-center">{{ $item->longitud?$item->longitud:'' }}</td>
          @if ($item->tipo)
            @if ($item->tipo->id == 6 || $item->tipo->id == 7)
              <td class="text-center">{{ ($item->longitud?$item->longitud*$item->cantidad:$item->cantidad)*1.08 }}</td>
            @else
              <td class="text-center">{{ $item->longitud?$item->longitud*$item->cantidad:$item->cantidad }}</td>
            @endif
          @else
            <td></td>
          @endif
          <td class="text-center">{{ number_format($item->precio,2) }}</td>
          <td class="text-center">{{ number_format($item->descuento,2) }}</td>
          @if ($item->longitud)
            <td class="text-right">{{ number_format($item->cantidad * $item->longitud * $item->precio - $item->descuento,2) }}</td>
          @else
            <td class="text-right">{{ number_format($item->cantidad * $item->precio - $item->descuento,2) }}</td>
          @endif
          @php
              if ($item->longitud) {
                if ($item->tipo->id == 6 || $item->tipo->id == 7) {
                  $lon += ($item->longitud*$item->cantidad)*1.08;
                } else {
                  $lon += ($item->longitud*$item->cantidad);
                }
                $total += ($item->longitud*$item->cantidad*$item->precio)-$item->descuento;
              } else {
                $lon += $item->cantidad;
                $total += ($item->cantidad*$item->precio)-$item->descuento;
              }
          @endphp
        </tr>
      @endforeach
    @endforeach
  </table>
  <div class="separe"></div>
  {{-- <div class="separe"></div> --}}
  <table class="list-table product-table">
    <tr>
      <td style="width: 90%;">
        <div class="lbl-h text-right">TOTAL (Bs): </div>
      </td>
      <td style="width: 10%;">
        <div class="lbl-h text-right">{{ number_format($total,2) }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h text-right">TOTAL (ML): </div>
      </td>
      <td>
        <div class="lbl-h text-right">{{ $lon }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h text-right">TOTAL USADO (ML): </div>
      </td>
      <td>
        <div class="lbl-h text-right">{{ round($lote->cantidad - $lote->cantidad_actual,2) }}</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="lbl-h text-right">DIF. CUMBRERAS (ML): </div>
      </td>
      <td>
        <div class="lbl-h text-right">{{ round($lon - ($lote->cantidad - $lote->cantidad_actual),2) }}</div>
      </td>
    </tr>
  </table>
@endsection

@section('scripts')
  <style>
    .title {
      text-transform: uppercase;
      font-weight: bold;
    }
    .title-factura {
      color: #011e38;
      font-weight: bold;
      font-size: 20px;
    }
    .sub-title {
      color: #003566;
      font-weight: bold;
    }
    .list-table {
      width: 100%;
      /* font-size: 12px; */
    }
    .product-table {
      border-collapse: collapse;
      font-size: 12px;
    }
    .bordes-p th, .bordes-p td {
      border-bottom: 1px solid rgb(214, 158, 2);
      padding-left: 2px;
      padding-right: 2px;
      padding: 2px;
    }
    .width-small {
      width: 120px;
      /* overflow: auto; */
    }
    .razon-social {
      font-size: 13px;
      text-transform: uppercase;
      color: #011e38;
      font-weight: bold;
    }
    .lbl-h {
      width: 100%;
      font-size: 12px;
      text-align: right;
      color: #011e38;
      font-weight: bold;
    }
    .lbl-info {
      width: 100%;
      font-size: 12px;
      /* text-align: right; */
      color: #011e38;
    }
    .text-h {
      font-size: 12px;
    }
    .text-footer {
      font-size: 10px;
    }
    .separe {
      height: 10px;
    }
  </style>
@endsection