@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 = 'Gerar Fatura(s)'    
@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> 
                    </div>
                </div>                          
            </div>

            <div class="card">
                <div class="body">
                    <div class="row">
                        <div class="col-sm-12">                   
                            <div class="radio inlineblock m-r-20">
                                <input type="radio" name="gender" id="rad_mensal" class="with-gap" value="0" checked>
                                <label for="rad_mensal">Mensal</label>
                            </div>                                
                            <div class="radio inlineblock">
                                <input type="radio" name="gender" id="rad_carne" class="with-gap" value="1">
                                <label for="rad_carne">Carne</label>
                            </div>                           
                        </div>
                    </div>            
                </div>
            </div>          

            <div class="card" id="cardMensal">
                <div class="body">
                    <div class="row">                            
                        <div class="col-lg-12">
                            <button type="submit" id="btGerarMensal" class="btn btn-raised btn-primary btn-lg">Gerar faturas</button>
                        </div>
                    </div>
                </div>
            </div> 

            <div class="card" id="cardCarne">
                <form action="{{ route('gerarfatura.addFaturaCarne') }}" id="frmCadastroCarne" class="form-horizontal" method="POST">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <div class="body">     
                        <div class="row">
                            <div class="col-lg-7">
                                <label>Pessoa:</label><br>
                                <select name="id_rast_prod" id="id_rast_prod"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="" selected>Selecione produto</option>
                                    @forelse ($dataProdPessoa as $item)
                                        <option data-venc="{{ $item->venc_rast_prod }}" value="{{ $item->id_rast_prod }}">{{ $item->id_rast_prod }} / {{ $item->desc_rast_prod }} / {{ $item->nome_pessoa }}{{ $item->empresa_pessoa }}</option>   
                                    @empty
                                        <option value="0" selected>Sem produto</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>  
                            <div class="col-lg-3">
                                <label>*Vencimento:</label><br>
                                    <input type="date" style="width: 100%;" name="venc_rast_prod" id="venc_rast_prod"
                                        class="form-control bg-light" required value="12" min="1" max="12"><br>
                                    <br>
                            </div>       
                            <div class="col-lg-2">
                                <label>*Parcela(s):</label><br>
                                    <input type="number" style="width: 100%;" name="parcela_finan_fatura" id="parcela_finan_fatura"
                                        class="form-control bg-light" required value="12" min="1" max="12"><br>
                                    <br>
                            </div>         
                        </div>
                        <div class="card">
                            <div class="body">
                                <div class="row">                            
                                    <div class="col-lg-12">
                                        <button type="submit" id="btGerarCarne" class="btn btn-raised btn-primary btn-lg">Gerar carne</button>
                                    </div>
                                </div>
                            </div>
                        </div> 
                    </div>
                </form>
            </div>
    
        </div>               
    </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> 
@endsection

@section('scripts')
<script>
    $(document).ready( function() { /* função de callback  */
        $('#cardMensal').show();
        $('#cardCarne').hide(); 
        $(':radio').change(function() {
            if (this.value == '0'){
                $('#cardMensal').show();
                $('#cardCarne').hide(); 
            } else {
                $('#cardMensal').hide(); 
                $('#cardCarne').show(); 
            } 
        });  
    });

    $('#btGerarMensal').click(function() {
        $(location).attr('href', "{{  route('gerarfatura.addFaturaMensal') }}");
    });

    $('#id_rast_prod').change(function(){
        $('#venc_rast_prod').val($('#id_rast_prod').find(':selected').attr('data-venc'));
    });
    /*$('#btGerarCarne').click(function() {
        console.log('click');
        $('.page-loader-wrapper').attr('style', 'display: block'); 
        $('#btGerarCarne').attr('disabled', true);
    });*/
</script>
@endsection