@extends('layouts.app')

@section('content')
    <section class="content-header">
        <h1 class="pull-left">Extrato</h1>
        <h1 class="pull-right">
           {{-- <a class="btn btn-warning pull-right" style="margin-top: -10px;margin-bottom: 5px" href="{{ route('extratos.create') }}">Adicionar</a> --}}
        </h1>
    </section>
    <div class="content">
        <div class="clearfix"></div>

        @include('flash::message')

        <div class="clearfix"></div>
        <div class="box box-warning">
            <div class="box-body">
                    @include('extratos.table')
            </div>
        </div>

        <div class="box-body">
            <div class="col-md-6" style="float: right">
                <div class="box box-warning direct-chat direct-chat-warning">
                    <div class="box-header with-border">
                        <h3 class="box-title">Totalizador</h3>
                    </div>
                    <div class="box-body">
                        <div class="direct-chat-messages">
                            <div class="col-md-6">
                                <label for="lbltotalCredito">Total de Recebimentos* (R$):</label>
                                <label for="totalCredito" style="color:green">{{number_format($totalCredito, 2, ',', '.')}}</label>
                                
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalCredito">Número de Lançamentos:</label>
                                <label for="totalCredito">{{$totalLancamentos}}</label>
                                
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalDebito">Total de Despesas* (R$):    </label>
                                <label for="totalDebito" style="color: red">{{number_format($totalDebito, 2, ',', '.')}}</label>
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalLancamentosCredito">Lançamentos - Crédito:</label>
                                <label for="totalLancamentosCredito">{{$totalLancamentosCredito}}</label>
                                
                            </div>
                   
                            <div class="col-md-6">
                                <label for="lbltotalDebito">Total de Despesas Aguardando* (R$):    </label>
                                <label for="totalDebito" style="color: red">{{number_format($totalDebitoAguardando, 2, ',', '.')}}</label>
                            </div>
                            <div class="col-md-6">
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalLancamentosDebito">Lançamentos - Débito:</label>
                                <label for="totalLancamentosDebito">{{$totalLancamentosDebito}}</label>
                                
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalDebitoPagoParcial">Total de Despesas Pagas Parcialmente* (R$):    </label>
                                <label for="totalDebitoPagoParcial" style="color: red">{{number_format($totalDebitoPagoParcial, 2, ',', '.')}}</label>
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalLancamentosDebitoAguardando">Lançamentos - Débito Aguardando:</label>
                                <label for="totalLancamentosDebitoAguardando" style="color: rgb(240, 13, 13)">{{$totalLancamentosDebitoAguardando}}</label>
                                
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalDebitoPago">Total de Despesas Pagas* (R$):    </label>
                                <label for="totalDebitoPago" style="color: red">{{number_format($totalDebitoPago, 2, ',', '.')}}</label>
                            </div>
                            
                            <div class="col-md-6">
                                <label for="lbltotalLancamentosDebitoPagoParcial">Lançamentos - Débito Pago Parcialmente:</label>
                                <label for="totalLancamentosDebitoPagoParcial" style="color: rgb(7, 4, 165)">{{$totalLancamentosDebitoPagoParcial}}</label>
                                
                            </div>

                            <div class="col-md-6">
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalLancamentosDebitoPago">Lançamentos - Débito Pago:</label>
                                <label for="totalLancamentosDebitoPago" style="color: green">{{$totalLancamentosDebitoPago}}</label>
                                
                            </div>
                            <div class="col-md-12">
                                <br>
                            </div>
                            <div class="col-md-12">
                                <br>
                            </div>
                            <div class="col-md-6">
                                <label for="lbltotalDebito">Saldo(R$):</label>
                                @if ($saldo > 0)
                                    <label for="totalDebito" style="color: green">{{number_format($saldo, 2, ',', '.')}}</label>
                                @else
                                    <label for="totalDebito" style="color: red">{{number_format($saldo, 2, ',', '.')}}</label> 
                                @endif
                                
                            </div>
                        </div>
                    </div>
                    <div class="box-footer">
                    </div>
                 </div>
            </div>
            
        </div>

        <div class="text-center">
        
        @include('adminlte-templates::common.paginate', ['records' => $extratos])

        </div>
    </div>
@endsection