@extends('template')

@section('content')

    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="font-blue-madison title"><i class="fa fa-users"></i> Usuários de Api</span></span>
                                    <a href="{{ route('admin.user-api') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de Usuários"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                    <hr>
                                </div>
                            </div>
                            <div class="portlet-body form">
                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'frm_user-api']) !!}
                                    <p>&nbsp;</p>
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-globe"></i>
                                                    </span>
                                                    {!! Form::text('name', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'name']) !!}
                                                    {!! Form::label('name', 'Nome') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-globe"></i>
                                                    </span>
                                                    {!! Form::text('email', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'email']) !!}
                                                    {!! Form::label('email', 'Email') !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-globe"></i>
                                                    </span>
                                                    {!! Form::text('password', '', ['class' => 'form-control', 'autocomplete' => 'off','id'=>'password']) !!}
                                                    {!! Form::label('password', 'Senha') !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <p>&nbsp;</p>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Salvar Informações">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.user-api')}}" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá todas as informações não salvas!"><i class="fa fa-close"></i> Cancelar</a>
                                        </div>                          
                                    </div>
                                    <p>&nbsp;</p>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()
@section('js-admin-faq')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">  
         $(document).ready( function() { 
            $("#frm_user-api").validate({
                rules: {
                    name: "required",
                    email: {required:true,email:true},
                    password: "required",
                },
                messages: {
                    name: "Obrigatório",
                    email: "Por favor digite um email válido.",
                    password: "Obrigatório",
                }
            });
        });    
    </script>
@stop()