@extends('cr_blank')

@section('content')
<div class="text-center title">{{ $title }}</div>
<div>Fecha de pedido: {{ date('d/m/Y', strtotime($data->fecha)) }}</div>
<div>Nombre/Razón Social: {{ $data->razon_social }}</div>
<div>NIT/CI: {{ $data->nit_ci }}</div>
<div>Pedido realizado por: {{ $data->usuario->nombre_completo }}</div>
<div>Datos del cliente:</div>
<div>Contacto: {{ $data->cliente->contacto }}</div>
<div>Dirección: {{ $data->cliente->direccion }}</div>
<div>Celular: {{ $data->cliente->celular }}</div>
<div>Telefono: {{ $data->cliente->telefono }}</div>
<table class="table-data bordes">
  <tr>
    <th>N.</th>
    <th>Detalle</th>
    <th>Cantidad</th>
    <th>Precio</th>
    <th>Total</th>
  </tr>
  @foreach ($data->detalle as $item)
    <tr>
      <td class="text-center">{{ ++$i }}</td>
      {{-- <td class="text-center">{{ date('d-m-Y', strtotime($item->fecha)) }}</td> --}}
      <td>{{ $item->suministro->nombre }}</td>
      <td class="text-center">{{ number_format($item->cantidad,2) }}</td>
      <td class="text-center">{{ number_format($item->precio,2) }}</td>
      <td class="text-center">{{ number_format($item->total,2) }}</td>
    </tr>  
  @endforeach
  @if ($data->descuento)
    <tr>
        <td class="text-right no-margin-bottom no-margin-left" colspan="4">Total</td>
        <td class="text-center">{{ number_format($data->subtotal,2) }}</td>
    </tr>
    <tr>
        <td class="text-right no-margin" colspan="4">Descuento</td>
        <td class="text-center">{{ number_format($data->descuento,2) }}</td>
    </tr>
    <tr>
        <td class="text-right no-margin negrita" colspan="4">TOTAL</td>
        <td class="text-center negrita">{{ number_format($data->total,2) }}</td>
    </tr>
  @else
    <tr>
        <td class="text-right no-margin-bottom no-margin-left negrita" colspan="4">TOTAL</td>
        <td class="text-center negrita">{{ number_format($data->total,2) }}</td>
    </tr>
  @endif
</table>

<div>{{ $txt_total }}</div>
    
@endsection

@section('scripts')
  <style>
    .title {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .table-data {
      width: 100%;
    }
    .bordes .no-margin {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
      border: none;
    }
    .bordes .no-margin-top {
      margin-top: 0;
      border: none;
    }
    .bordes .no-margin-bottom {
      margin-bottom: 0;
      border: none;
    }
    .bordes .no-margin-left {
      margin-left: 0;
      border: none;
    }
  </style>
    
@endsection
