@extends('layouts.app')
@extends('contabilidad.menu')

@section('content')
<style>
  .form-check{
    display: inline-block;
    top: -15px;
    left: 13px;
  }
  .verTotal22{
    text-align: right;
    margin-right: 400px;
    font-size: 17px;
    font-weight: 700;
  }
  #total_final2{
    background-color: #ffeb3b;
    font-weight: 700;
  }
  #total_final{
    background-color: #ffeb3b;
  }
</style>
<div class="container date-consult">
  <div class="row">
      <div class="md-col-4 my-4">
          <form action="{{ route('contabilidad.dashboard_facturas') }}" method="POST">
              @csrf
              <div class="d-flex flex-column justify-content-center">
                  <div class="d-flex justify-content-center align-items-center">
                      <p class="font-weight-bolder text-uppercase">Fecha Inicio: <input class="date-picker"
                              type="date" name="fechaInicio" id="datepicker"></p>
                      <p class="font-weight-bolder text-uppercase">Fecha Final: <input class="date-picker"
                              type="date" name="fechaFin" id="datepicker2"></p>
                  </div>
                  <div class="d-flex">
                    
                          <div class="d-flex justify-content-center align-items-center">
                              <div>
                                <button type="submit" class="btn btn-dark mx-auto">Consultar</button>
                              </div>
                              @if (isset($salidasAlmacen->fechaInicio))
                              <div class="d-flex">
                                <p class="blockquote mx-2">Fecha consultada</p>
                                <p class="blockquote"> del  <strong>{{ $salidasAlmacen->fechaInicio }}  </strong></p>
                                <p class="blockquote">- al -<strong>{{ $salidasAlmacen->fechaFin }} </strong></p>
                              </div>
                              @endif
                          </div>
                  </div>
                  
              </div>
          </form>
      </div>
  </div>
</div>
<form action="{{ route('contabilidad.recibo_caja_facturas') }}" method="POST">
  @csrf
<div id="contenedor-dashboard" class="container-fluid">
  <div class="row ">
    <div class="col-md-12">
      <h2>facturas</h2>
    </div>
  </div>
  <div class="col-md-12">
    <br>

    <table id="example2" class="display" style="width:100%">
      <thead>
        <tr>
          <td>ID</td>
          <td>Cliente</td>
          <td>Total</td>
        </tr>
      </thead>
      <tbody>      
        @foreach ($facturas as $f)
          <tr>
            <td>{{$f['id_cliente']}}</td>
            <td>{{$f['nombre_cliente']}}</td>
            <td style="text-align: right">{{number_format($f['total'],2,'.',',')}}</td>
          </tr>
        @endforeach
      </tbody>
      <tfoot>
        <tr id="total_final2">
          <td id="total_final">.TOTAL</td>
          <td></td>
          <td style="text-align: right">{{number_format($total_final,2,'.',',')}}</td>
        </tr>
      </tfoot>
    </table>
  </form>
  </div>
</div>
<script>
 
  $('#example2').dataTable( {
    "paging": false,
    "order":[[ 0, "desc" ]],
              dom: 'Bfrtip',
              buttons: [
                  'excel', 'print'
              ],
          
  });
</script>
@endsection