@extends('adminlte.app')

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success">
        <p>{{ $message }}</p>
    </div>
    @endif
    <div class="content-wrapper">
           <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1 class="m-0">Clientes</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
              
            </div><!-- /.col -->
          </div><!-- /.row -->
        </div><!-- /.container-fluid -->
      </div>
      <!-- /.content-header -->


        <div class="card mx-3 mt-3">
            <div class="card-header ">
                <div class="row">
                    <div class="col-md-6">
                        Cadastrar novo Cliente
                    </div>
                    <div class="col-md-6 text-right">
                        
                        <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
                    </div>
                </div>
            </div>

    
    <form action="/clientes/store" method="POST" class="pt-4">
        @csrf

        <div class="row">
            <div class="col-12">
                <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                    <div class="col-sm-12">
                        Dados Cliente
                     </div> 
      
                 </div>
                <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                        <div class="form-group row pl-3 pr-3">

                            <div class="col-md-6">
                                <label for="tfuel" class="col-form-label text-md-right">Número Cliente Tfuel</label>
                                <input id="tfuel" type="text" class="form-control @error('tfuel') is-invalid @enderror" name="tfuel" value="{{ old('tfuel') }}" required>

                                @error('tfuel')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            
                            
                            <div class="col-md-6">
                                <label for="im" class="col-form-label text-md-right">Número Cliente IM</label>
                                <input id="im" type="text" class="form-control @error('im') is-invalid @enderror" name="im" value="{{ old('im') }}">

                                @error('im')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
  
                                            
  
                        </div>

                        <div class="form-group row pl-3 pr-3">

                            <div class="col-md-6">
                                <label for="email_cliente" class="col-form-label text-md-right">E-mail</label>
                                <input id="email_cliente" type="text" class="form-control @error('email_cliente') is-invalid @enderror" name="email_cliente" value="{{ old('email_cliente') }}">

                                @error('email_cliente')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>


                            <div class="col-md-6">
                                <label for="nome" class="col-form-label text-md-right">Nome Cliente</label>
                                <input id="nome" type="text" class="form-control @error('nome') is-invalid @enderror" name="nome" value="{{ old('nome') }}" required autofocus>

                                @error('nome')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                                            

                        </div>


                        <div class="form-group row pl-3 pr-3">
                            <div class="col-md-6">
                                <label for="contribuinte" class="col-form-label text-md-right">Contribuinte</label>
                                <input id="contribuinte" type="text" class="form-control @error('contribuinte') is-invalid @enderror" name="contribuinte" value="{{ old('contribuinte') }}">

                                @error('contribuinte')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            
                            <div class="col-md-6">
                                
                                <label for="gestor" class="col-form-label text-md-right">Gestor</label>
                                <select name="gestor"   id="gestor" class=" form-control" required>
                                    <option value=""></option>
                                    @foreach ($vendedor as $vendedor)
                                        
                                            <option value="{{$vendedor->id}}">{{$vendedor->name}}</option>
                                        
                                    @endforeach
                                </select> 
                            </div>
                    
                            

                        </div>

                </div>
                <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                    <div class="col-sm-12">
                        Seguro de Crédito
                    </div> 
        
                </div>

                <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                        
                        <div class="form-group row pl-3 pr-3">

                            <div class="col-md-6">
                                <label for="data_solicitacao_tfuel" class="col-form-label text-md-right">TFuel - Data Solicitação </label>
                                <input id="data_solicitacao_tfuel" type="date" class="form-control @error('data_solicitacao_tfuel') is-invalid @enderror" name="data_solicitacao_tfuel" value="{{ old('data_solicitacao_tfuel') }}">

                                @error('data_solicitacao_tfuel')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            
                            <div class="col-md-6">
                                <label for="tfuel_plafond" class="col-form-label text-md-right">TFuel - Plafond </label>
                                <input id="tfuel_plafond" type="number" class="form-control @error('tfuel_plafond') is-invalid @enderror" name="tfuel_plafond" value="{{ old('tfuel_plafond') }}">

                                @error('tfuel_plafond')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row pl-3 pr-3">

                            <div class="col-md-6">
                                <label for="data_solicitacao_im" class="col-form-label text-md-right">IM - Data Solicitação </label>
                                <input id="data_solicitacao_im" type="date" class="form-control @error('data_solicitacao_im') is-invalid @enderror" name="data_solicitacao_im" value="{{ old('data_solicitacao_im') }}">

                                @error('data_solicitacao_im')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            
                            <div class="col-md-6">
                                <label for="im_plafond" class="col-form-label text-md-right">IM - Plafond </label>
                                <input id="im_plafond" type="number" class="form-control @error('im_plafond') is-invalid @enderror" name="im_plafond" value="{{ old('im_plafond') }}">

                                @error('im_plafond')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                </div>


                <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                    <div class="col-sm-12">
                        Factoring
                        </div> 
        
                </div>
                <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                         <div class="form-group row pl-3 pr-3">
                            
                            <div class="col-md-6">
                                <label for="factoring" class="col-form-label text-md-right">Factoring</label>
                                <select name="factoring"   id="factoring" class=" form-control" required>
                                    <option value=""></option>
                                    <option value="Sim">Sim</option>
                                    <option value="Não">Não</option>
 
                                </select> 

                                @error('factoring')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="grandes_contas" class="col-form-label text-md-right">Grandes Contas</label>
                                <select name="grandes_contas"   id="grandes_contas" class=" form-control" required>
                                    <option value=""></option>
                                    <option value="Sim">Sim</option>
                                    <option value="Não">Não</option>
 
                                </select> 

                                @error('grandes_contas')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            
                        </div>



                </div>

                <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white">
                    <div class="col-sm-12">
                        Outros Dados
                    </div> 
        
                </div>
                <div class="pl-3 ml-3 pb-0 pt-3 mt-0 mr-3 bg-light text-white border"> 
                         <div class="form-group row pl-3 pr-3">
                            
                            <div class="col-md-6">
                                <label for="equipamentos" class="col-form-label text-md-right">Equipamentos</label>
                                <select name="equipamentos"   id="equipamentos" class=" form-control" required>
                                    <option value=""></option>
                                    <option value="Sim">Sim</option>
                                    <option value="Não">Não</option>
 
                                </select> 

                                @error('equipamentos')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div id="div_valor_investido_equipamentos" class="col-md-6 d-none">
                                <label for="valor_investido_equipamentos" class="col-form-label text-md-right">Valor Investido - Equipamentos</label>
                                <input id="valor_investido_equipamentos" type="number" class="form-control @error('valor_investido_equipamentos') is-invalid @enderror" name="valor_investido_equipamentos" value="{{ old('valor_investido_equipamentos') }}">

                                @error('valor_investido_equipamentos')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row pl-3 pr-3">
                            
                            <div class="col-md-6">
                                <label for="assistencia" class="col-form-label text-md-right">Assistências</label>
                                <select name="assistencia"   id="assistencia" class=" form-control" required>
                                    <option value=""></option>
                                    <option value="Sim">Sim</option>
                                    <option value="Não">Não</option>
 
                                </select> 

                                @error('assistencia')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div  id="div_valor_investido_assistencias" class="col-md-6 d-none">
                                <label for="valor_investido_assistencias" class="col-form-label text-md-right">Valor Investido - Assistências</label>
                                <input id="valor_investido_assistencias" type="number" class="form-control @error('valor_investido_assistencias') is-invalid @enderror" name="valor_investido_assistencias" value="{{ old('valor_investido_assistencias') }}">

                                @error('valor_investido_assistencias')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>



                        <div class="form-group row pl-3 pr-3">
                            
                            <div class="col-md-6">
                                <label for="sinistro" class="col-form-label text-md-right">Sinistro</label>
                                <select name="sinistro"   id="sinistro" class=" form-control" required>
                                    <option value=""></option>
                                    <option value="Sim">Sim</option>
                                    <option value="Não">Não</option>
 
                                </select> 

                                @error('sinistro')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div id="div_fase_sinistrado" class="col-md-6 d-none">
                                <label for="fase_sinistrado_id" class="col-form-label text-md-right">Fase Sinistrado</label>
                                <select name="fase_sinistrado_id" id="fase_sinistrado_id" class="form-control" required disabled>
                                    <option value=""></option>
                                    @foreach ($fases_sinistrado as $fase)
                                        <option value="{{ $fase->id }}">{{ $fase->fase_sinistrado }}</option>
                                    @endforeach
                                </select> 

                                @error('fase_sinistrado')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                        </div>


                        <div class="row pt-2 pb-3">
                            <button class="btn btn-primary rounded mx-auto d-block">Cadastrar</button>
                        </div>
                </div>
            </div>
        </div>
    </form>
</div>

</div>

<!-- DataTables  & Plugins -->
<script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
<script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>
 
<!-- Page specific script -->
<script>
    $('#equipamentos').on('change', function() {
        if(this.value =="Sim" ){

            $('#div_valor_investido_equipamentos').removeClass('d-none');
        }else{
            $('#div_valor_investido_equipamentos').addClass('d-none');
        }

    });


    $('#assistencia').on('change', function() {
        if(this.value =="Sim" ){

            $('#div_valor_investido_assistencias').removeClass('d-none');
        }else{
            $('#div_valor_investido_assistencias').addClass('d-none');
        }

    });

    $('#sinistro').on('change', function(){
        if(this.value =="Sim" ){
            $('#div_fase_sinistrado').removeClass('d-none');
            $('#fase_sinistrado_id').prop('disabled', false);
        }else{
            $('#div_fase_sinistrado').addClass('d-none');
            $('#fase_sinistrado_id').prop('disabled', true);

        }
    })


</script>
<script>
    $('#tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": true,
          "searching": false,
          "ordering": true,
          "info": true,
          "autoWidth": false,
          "responsive": true,
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 25, 50, -1], [8, 10, 25, 50, "All"]],
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }
    
    } ).buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
</script>
<script >
    
    
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 
     $('.money').mask('#.##9,99', { reverse: true });   
 
 </script>

@endsection