@extends('usuarios.funcionarios.master.layout2')
@section('conteudo')
<style type="text/css">
    .control-label.col-md-3.col-sm-3.col-xs-12 
    {
        font-size: 13pt;    
    }
</style>
<div class="">
    <div class="page-title">
        <div class="title_left">
            <h3>
        CADASTRO FUNCIONÁRIO CLIENTE
        </h3>
        </div>

            {{-- <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search for...">
                        <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
                    </div>
                </div>
            </div> --}}
    </div>
    <div class="clearfix"></div>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                  {{--
                    <div class="x_title">
                       <h2>Form validation <small>sub title</small></h2> 
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Settings 1</a>
                                    </li>
                                    <li><a href="#">Settings 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="close-link"><i class="fa fa-close"></i></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    --}}
                <div class="x_content">

                    <form class="form-horizontal form-label-left" name="cadFuncionario" method="post">
                         @csrf
                        {{-- <p>For alternative validation library <code>parsleyJS</code> check out in the <a href="form.html">form page</a>
                        </p> --}}
                        <span class="section">Dados Pessoais</span>
                        
                        <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12"  for="name">Nome Completo<span class="required">*</span>
                            </label>
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <input id="name" name="nome" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2"  placeholder=" João Mendes" required="required" type="text">
                            </div>
                        </div>
                   
                   
                        <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="bi">Nº Documento Identificação <span class="required">*</span>
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="text" id="number" name="bi" data-validate-minmax="10,100"    class="form-control col-md-7 col-xs-12">
                            </div>
                        </div>
                        <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12"  for="telefone">Telefone 1/2 <span class="required">*</span>
                            </label>
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <input type="text" name="telefone" placeholder="Ex.: 914-956-244" max="11" data-mask="000-000-000"  class="form-control col-md-4 col-xs-6" required="required">
                            </div>
                            <div class="col-md-3 col-sm-3 col-xs-6">
                                <input type="text" name="numero_telefone2" max="11"  placeholder="946-756-244" data-mask="000-000-000" class="form-control col-md-4 col-xs-6">
                            </div>
                        </div>
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="datanascimento">Data Nascimento
                                </label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <input type="date" id="data" name="datanascimento"  class="form-control col-md-7 col-xs-12">
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="genero">Gênero
                                </label>
                                <div class="col-md-3 col-sm-3 col-xs-6">
                                    <select class="select2_group form-control" name="genero">
                                            <option value="masculino">Masculino</option>
                                            <option value="feminino">Femenino</option>
                                        
                                    </select>
                                </div>
                            </div>
                        <span class="section">Dados Corporativos</span>
                             <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="empresa">Empresa/Cliente
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                      <span class="input-group-text" id="inputGroupPrepend"><i class="fa fa-home fa-2x"></i></span>
                                    </div>
                                        <select class="select2_group form-control empresa" name="empresa" id="empresa_my" required="required">
                                            <option selected>Selecione Um Cliente</option>
                                            @if(isset($meusClientes))

                                                    @forelse ($meusClientes as $meusCliente)
                                                        <option value="{{$meusCliente->id}}">{{$meusCliente->nome}}</option>

                                            @empty
                                                <option value="vazio">Vazio</option>
                                            @endforelse
                                            @endif
                                        </select>
                                </div>
                            </div>
                        </div>
                          <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="empresa">Categoria
                            </label>
                            <div class="col-md-6 col-sm-6 col-xs-12 ">
                                <select class="select2_group form-control categoria_my" id="categoria_my" name="categoriaCliente" required="required">
                                </select>

                            </div>
                        </div>



                        <div class="item form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="texto ">Email</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div class="input-group">
                                    <div class="input-group-prepend">
                                      <span class="input-group-text" id="inputGroupPrepend">@</span>
                                    </div>
                                    <input id="text" type="email" far="text" placeholder="Ex. nome@gestdoc.tech" name="email" aria-describedby="inputGroupPrepend" class="form-control col-md-4 col-xs-6" required="required">
                                  </div>



                            </div>

                        </div>
                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-3">
                                <button  class="btn btn-primary">Cancelar</button>
                                <button type="submit" class="btn btn-success save_buton">Salvar</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>

<script src="//cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src=http://localhost/mascaras/dist/jquery.mask.min.js></script>

<script type="text/javascript">
    $(function () {
        $('form[name="cadFuncionario"]').submit(function (data) {
            data.preventDefault();
          
             $(".save_buton").hide();
          
            $.ajax({
                url: "{{route('us.admin.cliente.funcionarios.storeSave.clientes.funcionarios')}}",
                type: "post",
                data: $(this).serialize(),
                dataType: 'json',
                success: function (msgs) {
    
                    if (msgs.success === true) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 2200,
                            timerProgressBar: true,
                        
                            });

                            Toast.fire({
                            icon: 'success',
                            title: ''+msgs.message,
                                });
                       window.location.href = "{{ route('us.admin.cliente.funcionarios.exib.clientes.funcionarios')}}";
    
                    } else {
                        Swal.fire({ position: 'top-end',
                                    icon: 'error',
                                    text: ''+msgs.message,
                                    })
                                         $(".save_buton").show();
                        //$('.messagebox').removeClass('d-none').html(msgs.message);
                        //alert(msgs.message);
                    }
                    console.log(msgs);
    
                }
    
            });
    
        });
    });
    
    
    
    $("#empresa_my").change(function(data){
        data.preventDefault();

        //alert("hayy");
        var cliente_clicado=$("#empresa_my").val();
        $.post("{{ route('us.admin.cliente.funcionarios.get.clientes_funcionarios.categorias')  }}",
            { '_token': '{{ csrf_token() }}',
                'cliente_clicado':cliente_clicado,
            },function (data) {
            //        console.log(data);
            $("#categoria_my").find("option").remove();
            $('#categoria_my').append(data);

            }
            ).fail(function(){
                    console.log("erro big");
            });


    })
    
    </script>
@endsection