@extends('blank')

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

  <table class="list-table">
    <tr>
      <td style="width: 20%;">
        <div class="lbl-h">Cliente:</div>
      </td>
      <td style="width: 80%;">
        <div class="lbl-info">{{ $datos->nombre_completo }}</div>
      </td>
    </tr>
    <tr>
      <td style="width: 20%;">
        <div class="lbl-h">Celular:</div>
      </td>
      <td style="width: 80%;">
        <div class="lbl-info">{{ $datos->celular }}</div>
      </td>
    </tr>
  </table>
  @php
      $lon = 0;
      $total = 0;
      $total_deuda = 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: 4%;">N.</th>
      <th style="width: 10%;">ESTADO</th>
      <th style="width: 6%;">CÓDIGO</th>
      <th style="width: 24%;">VENDEDOR</th>
      <th style="width: 10%;">FECHA REGISTRO</th>
      <th style="width: 10%;">FECHA ENTREGA</th>
      <th style="width: 10%;">TIPO DE PAGO</th>
      <th style="width: 13%;">MONTO TOTAL</th>
      <th style="width: 13%;">TOTAL A PAGAR</th>
    </tr>
    @foreach ($datos->rpventas as $venta)
        <tr>
          <td class="text-center">{{ ++$i }}</td>
          <td class="text-center">{{ $venta->estado }}</td>
          <td class="text-center">{{ $venta->txt_nro }}</td>
          {{-- <td>{{ $venta->razon_social }}</td> --}}
          <td class="text-center">{{ $venta->usuario->nombre_completo }}</td>
          <td class="text-center">{{ date('d/m/Y',strtotime($venta->fecha_registro)) }}</td>
          <td class="text-center">{{ $venta->fecha_entrega?date('d/m/Y',strtotime($venta->fecha_entrega)):'' }}</td>
          <td class="text-center">{{ $venta->tipopago->nombre }}</td>
          <td class="text-right">{{ number_format($venta->total,2) }}</td>
          <td class="text-right">{{ number_format($venta->deuda,2) }}</td>
          @php
            if ($venta->estado != 'ANULADO') {
              $total += $venta->total;
              $total_deuda += $venta->deuda;
            }
          @endphp
        </tr>
    @endforeach
  </table>
  <div class="separe"></div>
  {{-- <div class="separe"></div> --}}
  <table class="list-table product-table">
    <tr>
      <td style="width: 78%;">
        <div class="lbl-h text-right">TOTAL (Bs): </div>
      </td>
      <td style="width: 11%;">
        <div class="lbl-h text-right">{{ number_format($total,2) }}</div>
      </td>
      <td style="width: 11%;">
        <div class="lbl-h text-right">{{ number_format($total_deuda,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> --}}
  </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