@extends('cr_blank')

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

    {{-- <table class="list-table">
      <tr>
        <td style="width: 25%;"><div class="lbl-info">Fecha:</div></td>
        <td style="width: 40%;"><div class="text-h">{{ date('d/m/Y',strtotime($datos->fecha_ingreso)) }}</div></td>
        <td style="width: 20%;"><div class="lbl-info text-rights">NIT/CI:</div></td>
        <td style="width: 15%;"><div class="text-h">{{ $datos->proveedor->nit }}</div></td>
      </tr>
      <tr>
        <td><div class="lbl-info">Nombre/Razón social:</div></td>
        <td><div class="text-h">{{ $datos->proveedor->razon_social }}</div></td>
        <td><div class="lbl-info text-rights">Telf/Cel.:</div></td>
        <td><div class="text-h">{{ $datos->proveedor->telefono }}</div></td>
      </tr>
    </table> --}}
    @if ($caja)
      <div>Sucursal: {{ $caja->sucursal->nombre }}</div>
      <div>Fecha de apertura: {{ date('d-m-Y',strtotime($caja->fecha_apertura)) }}</div>
      <div>{{ $caja->usuario->nombre_completo }}</div>
    @endif
    @if ($tipo_movimiento)
      <div>Tipo: {{ $tipo_movimiento->nombre }}</div>
    @endif
    @if ($ini && $fin)
      <div>Del {{ date('d-m-Y',strtotime($ini)) }} al {{ date('d-m-Y',strtotime($fin)) }}</div>
    @endif
    <div class="separe"></div>

    <table class="bordes-p list-table product-table">
      <tr class="text-center" style="background-color: #003566; color: white; font-size: 10px;">
        <th style="width: 3%;">N.</th>
        <th style="width: 10%;">SUCURSAL</th>
        <th style="width: 10%;">FECHA</th>
        <th style="width: 15%;">TIPO</th>
        <th style="width: 10%;">F. PEDIDO</th>
        <th style="width: 24%;">CONCEPTO</th>
        {{-- <th style="width: 10%;">METODO PAGO</th> --}}
        <th style="width: 10%;">METODO PAGO/CUENTA</th>
        <th style="width: 9%;">INGRESO</th>
        <th style="width: 9%;">EGRESO</th>
      </tr>
      @foreach ($datos as $item)
        <tr>
          <td class="text-center">{{ ++$i }}</td>
          <td class="text-center">{{ $item->caja->sucursal->nombre }}</td>
          <td class="text-center">{{ date('d-m-Y H:i',strtotime($item->fecha)) }}</td>
          <td class="text-left">{{ $item->tipomovimiento->nombre }}</td>
          @if ($item->orden)
            <td class="text-left">{{ $item->orden->fecha_registro ? date('d-m-Y',strtotime($item->orden->fecha_registro)):'-' }}</td>
          @else
            <td class="text-left"></td>
          @endif
          <td class="text-left">{{ $item->concepto }}</td>
          <td class="text-left">
            <div>{{ $item->metodo_pago ?? 'EFECTIVO' }}</div>
            <div>{{ $item->cuenta ? $item->cuenta->nombre : '-' }}</div>
          </td>
          @if ($item->ingreso)
            <td class="text-right">{{ number_format($item->monto,2) }}</td>
            <td class="text-right">0.00</td>
          @else
            <td class="text-right">0.00</td>
            <td class="text-right">{{ number_format($item->monto,2) }}</td>
          @endif
        </tr>
      @endforeach
    </table>
    <table class="bordes-t list-table product-table">
      <tr>
        <td style="width: 50%;" class="" style="border-bottom: 0px white;"></td>
        <td style="width: 32%;"><span class="lbl-h">SUB TOTAL Bs.</span></td>
        <td style="width: 9%;" class="text-right">{{ number_format($total_i,2) }}</td>
        <td style="width: 9%;" class="text-right">{{ number_format($total_e,2) }}</td>
      </tr>
      {{-- <tr>
        <td class="" style="border-bottom: 0px white;"></td>
        <td><span class="lbl-h">TOTAL Bs.</span></td>
        <td class="text-right"></td>
        <td class="text-right" style="font-weight: bold;">{{ number_format($total_i - $total_e,2) }}</td>
      </tr> --}}
    </table>
    @if (!$caja)
      <table  class="list-table product-table">
        <tr>
          <td class="text-right lbl-h">Efectivo:</td>
          <td class="text-right">{{ number_format($efectivo,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Transferido:</td>
          <td class="text-right">{{ number_format($transferido,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Ingresos:</td>
          <td class="text-right">{{ number_format($total_i,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Egresos (Devolución):</td>
          <td class="text-right">{{ number_format($devolucion,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Egresos (Gasto):</td>
          <td class="text-right">{{ number_format($total_e - $devolucion,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Total:</td>
          <td class="text-right">{{ number_format(+$total_i-$total_e,2) }}</td>
        </tr>
      </table>
    @endif
    <div class="separe"></div>
    <div class="separe"></div>
    
    @if ($caja && $caja->estado == 'ABIERTO')
      <table  class="list-table product-table">
        <tr>
          <td style="width: 85%;" class="text-right lbl-h">Saldo inicial:</td>
          <td style="width: 15%;" class="text-right">{{ number_format($caja->saldo_inicial,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Ingresos:</td>
          <td class="text-right">{{ number_format($total_i,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Egresos:</td>
          <td class="text-right">{{ number_format($total_e,2) }}</td>
        </tr>
        <tr>
          <td class="text-right lbl-h">Saldo:</td>
          <td class="text-right">{{ number_format($caja->saldo_inicial+$total_i-$total_e,2) }}</td>
        </tr>
      </table>
    @endif
    @if ($caja && $caja->estado == 'CERRADO')
    <table  class="list-table product-table">
      <tr>
        <td style="width: 85%;" class="text-right lbl-h"><span class="lbl-h">Saldo inicial:</span></td>
        <td style="width: 15%;" class="text-right">{{ number_format($caja->saldo_inicial,2) }}</td>
      </tr>
      <tr>
        <td class="text-right"><span class="lbl-h">Ingresos:</span></td>
        <td class="text-right">{{ number_format($caja->ingresos,2) }}</td>
      </tr>
      <tr>
        <td class="text-right"><span class="lbl-h">Egresos:</span></td>
        <td class="text-right">{{ number_format($caja->egresos,2) }}</td>
      </tr>
      <tr>
        <td class="text-right"><span class="lbl-h">Saldo:</span></td>
        <td class="text-right">{{ number_format($caja->saldo_cierre,2) }}</td>
      </tr>
    </table>
    @endif
    <div class="separe"></div>
    <div class="separe"></div>
    <div class="separe"></div>
    <div class="separe"></div>
    <div class="separe"></div>
    {{-- <div class="text-center text-footer">{{ $config->footer_l1 }}</div> --}}
    {{-- <div class="text-center text-footer">{{ $config->footer_l2 }}</div> --}}
    {{-- <div class="text-center text-footer">{{ $config->footer_l3 }}</div> --}}
@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;
    }
    .bordes-t th, .bordes-t td {
      border-bottom: 1px solid rgb(255, 255, 255);
      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