@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-12 col-12 text-right">
            <h2>Relatório Tarifas - detalhado</h2>
        </div>
    </div>
    <div class="row justify-content-md-center no-print">
        <div class="col-md-12 col-12">
            <div class="card">
            <div class="card-body">
                <h3 class="text-center">Selecione os filtros</h3>

                <form class="form" onsubmit="validaForm()" method="POST">
                    @csrf
                <br>                    

                    <div class="form-body">
                        <div class="row">
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Data início
                                </div>
                                <div class="col-md-8">
                                    <input type='text' id="datade" name="datade" class="form-control datepickerDe" placeholder="Data inicial" value="{{ ($filtros['datade']) }}" />
                                </div>
                            </div>
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Data fim
                                </div>
                                <div class="col-md-8">
                                    <input type='text' id="dataate" name="dataate" class="form-control datepickerAte" placeholder="Data final" value="{{ ($filtros['dataate']) }}" />
                                </div>
                            </div>
                        </div> {{-- row --}}

                        <div class="row">
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Cliente
                                </div>
                                <div class="col-md-8">
                                    <select name="client_id" class="form-control">
                                        <option value="">Selecione</option>
                                        @foreach($clients as $client)
                                            <option value="{{ $client->id }}" {{ ($filtros['filtroCliente'] == $client->id )?'selected':'' }}>{{ $client->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Mensalidade
                                </div>
                                <div class="col-md-8">
                                    <select name="mensalidade" class="form-control">
                                        <option value="1" {{ ($filtros['filtroMensalidade'] == 1 )?'selected':'' }}>Exibir</option>
                                        <option value="0" {{ ($filtros['filtroMensalidade'] == 0 )?'selected':'' }}>Esconder</option>
                                    </select>
                                </div>
                            </div>
                            
                        </div>{{-- row --}}
                    </div> {{-- form-body --}}
                    <div class="col-12 text-right"><button type="submit" class="btn btn-primary mr-1 mb-1 waves-effect waves-light">Filtrar</button></div>
                </form>
            </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-md-center">
        <div class="col-md-12 col-12">    
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-7 text-right">Período: {{ ($filtros['datade']) }} a {{ ($filtros['dataate']) }}</div>
                    </div>
                </div>    
            </div>    
        </div>    
    </div> 

	<div class="row justify-content-md-center">
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="text-center">
                                        Tipo
                                    </th>
                                    <th class="text-center">
                                        Data
                                    </th>
                                    <th class="text-center">
                                        Fitbank
                                    </th>
                                    <th class="text-center">
                                        Clientes
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                                                                                @foreach($relatorio as $clirel)
                                    <tr class="table-tr-border-top">
                                        <th colspan="4" class="text-center font-medium-3" scope="row">{{ $clirel['client'] }}</th>
                                    </tr>

                                                                                                            @foreach($clirel['report'] as $rel)
                                                                                <tr>
                                            <td class="text-center">{{ $rel->type }}</td>
                                            <td class="text-center">{{ detectDateFormatOutputDateBr($rel->emission) }}</td>
                                            <td class="text-center text-danger">R$ {{ formatMoneyBr( $rel->fitvalue ) }}</td>
                                            <td class="text-center text-primary">R$ {{ formatMoneyBr( $rel->ratevalue ) }}</td>
                                        </tr>