@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>
    <script src="{{ asset('js/jquery.maskMoney.min.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>Mensalidades</h2>
        </div>
    </div>
    <div class="row justify-content-md-center">
        <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-4">
                                    <select name="mesde" class="form-control">
                                        <option value="01" {{ ($filtro['mesde'] == '01' )?'selected':'' }}>Janeiro</option>
                                        <option value="02" {{ ($filtro['mesde'] == '02' )?'selected':'' }}>Fevereiro</option>
                                        <option value="03" {{ ($filtro['mesde'] == '03' )?'selected':'' }}>Março</option>
                                        <option value="04" {{ ($filtro['mesde'] == '04' )?'selected':'' }}>Abril</option>
                                        <option value="05" {{ ($filtro['mesde'] == '05' )?'selected':'' }}>Maio</option>
                                        <option value="06" {{ ($filtro['mesde'] == '06' )?'selected':'' }}>Junho</option>
                                        <option value="07" {{ ($filtro['mesde'] == '07' )?'selected':'' }}>Julho</option>
                                        <option value="08" {{ ($filtro['mesde'] == '08' )?'selected':'' }}>Agosto</option>
                                        <option value="09" {{ ($filtro['mesde'] == '09' )?'selected':'' }}>Setembro</option>
                                        <option value="10" {{ ($filtro['mesde'] == '10' )?'selected':'' }}>Outubro</option>
                                        <option value="11" {{ ($filtro['mesde'] == '11' )?'selected':'' }}>Novembro</option>
                                        <option value="12" {{ ($filtro['mesde'] == '12' )?'selected':'' }}>Dezembro</option>
                                    </select>
                                </div>
                                <div class="col-md-4">

                                    <select name="anode" class="form-control">
                                        <option value="{{ ($anoatual - 0) }}" {{ ($filtro['anode'] == ($anoatual - 0) )?'selected':'' }}>{{ ($anoatual - 0) }}</option>
                                        <option value="{{ ($anoatual - 1) }}" {{ ($filtro['anode'] == ($anoatual - 1) )?'selected':'' }}>{{ ($anoatual - 1) }}</option>
                                        <option value="{{ ($anoatual - 2) }}" {{ ($filtro['anode'] == ($anoatual - 2) )?'selected':'' }}>{{ ($anoatual - 2) }}</option>
                                        <option value="{{ ($anoatual - 3) }}" {{ ($filtro['anode'] == ($anoatual - 3) )?'selected':'' }}>{{ ($anoatual - 3) }}</option>
                                        <option value="{{ ($anoatual - 4) }}" {{ ($filtro['anode'] == ($anoatual - 4) )?'selected':'' }}>{{ ($anoatual - 4) }}</option>
                                    </select>

                                </div>
                            </div>
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Data fim
                                </div>
                                <div class="col-md-4">
                                    <select name="mesate" class="form-control">
                                        <option value="01" {{ ($filtro['mesate'] == '01' )?'selected':'' }}>Janeiro</option>
                                        <option value="02" {{ ($filtro['mesate'] == '02' )?'selected':'' }}>Fevereiro</option>
                                        <option value="03" {{ ($filtro['mesate'] == '03' )?'selected':'' }}>Março</option>
                                        <option value="04" {{ ($filtro['mesate'] == '04' )?'selected':'' }}>Abril</option>
                                        <option value="05" {{ ($filtro['mesate'] == '05' )?'selected':'' }}>Maio</option>
                                        <option value="06" {{ ($filtro['mesate'] == '06' )?'selected':'' }}>Junho</option>
                                        <option value="07" {{ ($filtro['mesate'] == '07' )?'selected':'' }}>Julho</option>
                                        <option value="08" {{ ($filtro['mesate'] == '08' )?'selected':'' }}>Agosto</option>
                                        <option value="09" {{ ($filtro['mesate'] == '09' )?'selected':'' }}>Setembro</option>
                                        <option value="10" {{ ($filtro['mesate'] == '10' )?'selected':'' }}>Outubro</option>
                                        <option value="11" {{ ($filtro['mesate'] == '11' )?'selected':'' }}>Novembro</option>
                                        <option value="12" {{ ($filtro['mesate'] == '12' )?'selected':'' }}>Dezembro</option>
                                    </select>
                                </div>
                                <div class="col-md-4">

                                    <select name="anode" class="form-control">
                                        <option value="{{ ($anoatual - 0) }}" {{ ($filtro['anoate'] == ($anoatual - 0) )?'selected':'' }}>{{ ($anoatual - 0) }}</option>
                                        <option value="{{ ($anoatual - 1) }}" {{ ($filtro['anoate'] == ($anoatual - 1) )?'selected':'' }}>{{ ($anoatual - 1) }}</option>
                                        <option value="{{ ($anoatual - 2) }}" {{ ($filtro['anoate'] == ($anoatual - 2) )?'selected':'' }}>{{ ($anoatual - 2) }}</option>
                                        <option value="{{ ($anoatual - 3) }}" {{ ($filtro['anoate'] == ($anoatual - 3) )?'selected':'' }}>{{ ($anoatual - 3) }}</option>
                                        <option value="{{ ($anoatual - 4) }}" {{ ($filtro['anoate'] == ($anoatual - 4) )?'selected':'' }}>{{ ($anoatual - 4) }}</option>
                                    </select>

                                </div>
                            </div>
                        </div> {{-- row --}}

                        <div class="row">
                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Situação
                                </div>
                                <div class="col-md-8">
                                    <select name="filtrostatus" class="form-control">
                                        <option value="">Selecione</option>
                                        <option value="0" {{ ($filtro['filtrostatus'] == '0')?'selected':'' }}>Aberto</option>
                                        <option value="1" {{ ($filtro['filtrostatus'] == '1')?'selected':'' }}>Pago</option>
                                        <option value="2" {{ ($filtro['filtrostatus'] == '2')?'selected':'' }}>Cancelado</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-6 form-group row">
                                <div class="col-md-4 text-right">
                                    Cliente
                                </div>
                                <div class="col-md-8">