@extends('layouts.dashboard')

@section('title', 'Relatório do Caixa Principal')

@section('title-dashboard')
Relatório do Caixa Principal
@endsection
@section('option-dashboard')
<div class="col-md-12" style="padding-right: 0px;">
    {!! Form::open(['route' => 'relatorio-caixa-principalFiltrar', 'class' => 'horizontal-form', 'files' => true]) !!}
        <div class="floatright margin-top5px marginleft5px form-actions" style="padding-right: 0px;"> 
            <br>
            <button type="submit" class="btn blue floatright width100p" onclick="getModalAguarde();"><i class="fa fa-search"></i></button>
            <a data-toggle="modal" href="#aguarde" id="btn_aguarde_filtro" class="display-none"></a>
        </div>
        <div class="col-md-3 input-group date date-picker floatright margin-left15px margin-top5px" data-date-format="dd/mm/yyyy">
            <br>
            <input type="text" class="form-control" name="data_ate" id="data_ate" required="true" style="text-align: center!important;" readonly name="order_date_from" value="" placeholder="Até:">
            <span class="input-group-btn padding-top19px">
                <button class="btn btn default" type="button">
                    <i class="fa fa-calendar"></i>
                </button>
            </span>
        </div>
        <div class="col-md-3 input-group date date-picker floatright margin-top5px" data-date-format="dd/mm/yyyy">
            <br>
            <input type="text" class="form-control" name="data_de" id="data_de" required="true" style="text-align: center!important;" readonly name="order_date_from" value="" placeholder="De:">
            <span class="input-group-btn padding-top19px">
                <button class="btn btn default" type="button">
                    <i class="fa fa-calendar"></i>
                </button>
            </span>
        </div> 
        
    {!! Form::close() !!}
</div>
@endsection

@section('pg-home')
@endsection

@section('content')
@parent

<!-- Lista -->

<div class="row">
    <div class="col-md-12">        
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-file-pdf-o"></i> Relatório do Caixa Principal
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-striped table-condensed flip-content width100p" id="caixa_principal">
                    <thead class="flip-content">
                        <tr>
                            <th class="col-sm-1">Código</th><th class="col-sm-2">Data</th><th>Vendedor (a)</th><th>Saldo Inicial</th><th>Saldo Final</th><th class="col-sm-1 text-aligncenter">{{trans('padrao.visualizar')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- */$x=0;/* --}}
                        @foreach($caixas_principais as $item)
                        {{-- */$x++;/* --}} 
                        <tr>
                            <td>{{ $item->id }}</td>
                            <td>@if(!empty($item->data_hora_fechamento)){{timestampBrasileiraSemHR($item->data_hora_fechamento) }}@endif</td>
                            <td>{{ $item->usuarios->name }}</td>
                            <td>{{ number_format($item->saldo_inicial,2,',','.') }}</td>
                            <td>{{ number_format($item->saldo_final,2,',','.') }}</td>
                            <td class="text-aligncenter"><a href="{{ route('relatorio-caixa-principalPdf', $item->id) }}" target="_blank"><i class="fa fa-file-pdf-o"></i></a></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection