@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/morrisjs/morris.css') }}" />
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/nouislider/nouislider.min.css') }}" />
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/select2.css') }}" />
@endsection

@section('csss')

@endsection

@php
    $title = 'Cobranças termiando'
@endphp

@section('title')
    {{ $title }}
@endsection

@section('conteudo')
    <section class="content">
        <div class="body_scroll">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">{{ $title }}</h2><br> <br>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-8">
                        <h2 class="uppercase">Lista de faturas terminando / sem faturas</h2>
                    </div>
                    <div class="col-lg-4 text-right">
                        <h2 class="uppercase">Valor total {{ $dataValorTotal }}</h2>
                    </div>
                </div>
                </br>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" id="tablePerm">
                                    <thead>
                                        <tr>
                                            <th>Id Cliente.:</th>
                                            <th>Cliente:</th>
                                            <th>Parcela:</th>
                                            <th>Vencimento:</th>
                                            <th>Status:</th>
                                            <th>Valor:</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($dataItensFatura as $item)
                                            <tr id="tr{{ $item->id_provedor_clientes }}">
                                                <td>{{ $item->id_provedor_clientes }}</td>
                                                <td>{{ $item->nome_pessoa }}{{ $item->empresa_pessoa }}</td>
                                                <td>{{ $item->parcela_finan_fatura_itens_prov }}</td>
                                                <td>{{ Funcoes::formataDataBr($item->venc_finan_fatura_itens_prov) }}</td>
                                                <td>{{ $item->status_finan_fatura_itens_prov }}</td>
                                                <td>{{ $item->valor_finan_fatura_itens_prov }}</td>
                                            </tr>
                                        @empty
                                            <td>Sem Itens</td>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </section>
@endsection

@section('scriptUrl')
<script src="{{ asset('assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script><!-- Bootstrap Colorpicker Js -->
<script src="{{ asset('assets/plugins/jquery-inputmask/jquery.inputmask.bundle.js') }}"></script><!-- Input Mask Plugin Js -->
<script src="{{ asset('assets/plugins/multi-select/js/jquery.multi-select.js') }}"></script><!-- Multi Select Plugin Js -->
<script src="{{ asset('assets/plugins/jquery-spinner/js/jquery.spinner.js') }}"></script><!-- Jquery Spinner Plugin Js -->
<script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script><!-- Bootstrap Tags Input Plugin Js -->

<script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script> <!-- Select2 Js -->

<script src="{{ asset('assets/js/pages/forms/advanced-form-elements.js') }}"></script>

<script src="{{ asset('assets/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>

</script>
@endsection