@extends('layouts.default')
@section('conteudo')
<style>
    .linha:hover {
        background: #eee;
    }
</style>
    <div>
        <h5>
            Fechamento de Caixa
            
            <a href="{{url('')}}" class="material-icons float-right" style="font-size: 1.3em; color: #333;">
            keyboard_backspace
            </a>
        </h5>
        <hr>

        
        
        <form method="GET" action="{{ url('relatorio/fechamento-caixa') }}">
            <div class="row mb-2">
                <div class="col-8 col-md-4">
                    <label for="">Data início: </label>
                    <input type="date" name="dtInicio" value="{{ $dtInicio }}" max="{{ date('Y-m-d') }}" class="form-control">
                </div>
                <div class="col-4 col-md-2">
                    <label for="">Hora início: </label>
                    <input type="time" name="horaInicio" value="{{ $horaInicio }}" class="form-control"> 
                </div>
                <div class="col-8 col-md-4">
                    <label for="">Data fim: </label>
                    <input type="date" name="dtTermino" value="{{$dtTermino}}" max="{{ date('Y-m-d') }}" class="form-control"> 
                </div>
                <div class="col-4 col-md-2">
                    <label for="">Hora fim: </label>
                    <input type="time" name="horaTermino" value="{{ $horaTermino }}" class="form-control"> 
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary btn-block btn-parque">Ver Faturamento</button>
                </div>
            </div>
        </form>
        <br>
        <div class="row" style="margin: -1em;">
            @if($entradaCaixa && $resumoFaturamento)
            <div class="col-md-12">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <button type="buttom" class="btn btn-warning btn-block">Resumo do Faturamento</button>
                            </a>
                        </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" style="margin-top: -0.5em;">
                            <div class="panel-body p-3 mb-3" style="background-color: #004735;">
                                <div class="row">
                                    @foreach($resumoFaturamento as $resumo)
                                        <div class="col-md-3 col-6 mb-3">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="card-title"><b>{{ $resumo->tipo_pagamento }}</b></div>
                                                    <p class="card-text">R$ {{ number_format($resumo->valor, 2, ',', '.') }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    <div class="col-md-3 col-6 mb-3">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-title"><b>Devoluções</b></div>
                                                <p class="card-text">-R$ {{ number_format($totalDevolucoes, 2, ',', '.') }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            <div class="col-md-12">
                @if($entradaCaixa)
                    @foreach($entradaCaixa as $id_usuario => $entradaFormaPagamento)