@extends('layouts.authenticated')

@section('extracss')
    <link rel="stylesheet" href="{{ asset('css/vendors/css/pickers/pickadate/pickadate.css') }}">
@endsection

@section('extrajs')
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.js') }}"></script>
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.date.js') }}"></script>
    <script src="{{ asset('js/vendors/js/pickers/pickadate/picker.time.js') }}"></script>
    <script src="{{ asset('js/js/scripts/pickers/dateTime/pick-a-datetime.js') }}"></script>

@endsection

@section('content')
<div class="container">
    <div class="row justify-content-md-center">
        <div class="col-md-8 col-12 text-right">
            <h2>Extrato</h2>
        </div>
    </div>
    <div class="row justify-content-md-center">
        <div class="col-md-8 col-12">
            <div class="card">
            <div class="card-body">
                <div class="row">Selecione o período</div>
                <form class="form form-horizontal" onsubmit="validaForm()" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-2"></div>
                        <div class="col-md-4">
                            <input type='text' id="datade" name="datade" class="form-control datepickerDe" placeholder="Data inicial" value="{{ ($datafiltro['datade']) }}"  />
                        </div>
                        <div class="col-md-4">
                            <input type='text' id="dataate" name="dataate" class="form-control datepickerAte" placeholder="Data final" value="{{ ($datafiltro['dataate']) }}"  />
                        </div>
                            <div class="col-md-2"><button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">Filtrar</button></div>
                    </div>
                </form>
            </div>
            </div>
        </div>
    </div>
    
    @if($extrato["Success"] == "false")
        <div class="row justify-content-md-center">
            <div class="col-md-8 col-12">    
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 text-danger">
                                Ocorreu um problema ao processar a requisição. Por favor tente novamente mais tarde. <br>
                                <span class="text-muted">{{ $extrato["Message"] }}</span>
                            </div>
                        </div>
                    </div>    
                </div>    
            </div>    
        </div>    

    @else
        <div class="row justify-content-md-center">
            <div class="col-md-8 col-12">    
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-7">Período: {{ $datafiltro['datade'] }} a {{ $datafiltro['dataate'] }}</div>
                            <div class="col-md-5 text-right {{ ($extrato['Balance']<0)?'text-danger':'text-success' }}">Saldo: R$ {{ formatMoneyBr($extrato['Balance']) }}</div>
                        </div>
                    </div>    
                </div>    
            </div>    
        </div>    

        @if(!array_key_exists('Entry', $extrato))
            <h3>Por favor atualize a página</h3>
        @else
            @foreach(json_decode($extrato['Entry']) as $ext)
                <div class="row justify-content-md-center">
                    <div class="col-md-8 col-12">    
                        <div class="card-date">{{ entryDate2dataHora($ext->EntryDate) }}</div>
                        <div class="card">
                            <!-- CARD HEADER -->
                            <div class="card-header d-flex justify-content-between pb-0">
                                <div class="row">
                                    {{ $ext->Details }}                            
                                </div>
                            </div>
                            <!-- /CARD HEADER -->
                            <div class="card-content">
                                <div class="card-body">
                                    @if($ext->Type == 'InternalDischargeAccount')