@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="portlet-body">
                               <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-cube"></i> Produtos (Categorias)</span>
                                        <a href="{{ route('admin.produtos.categoria') }}" class="right btn red"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>

                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id' => 'formCat']) !!}
                                    {!! Form::hidden('id', $categoria->id) !!} 
                                    {!! Form::hidden('type', 'form') !!} 
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            {!! Form::label('name', 'Categoria') !!}
                                            {!! Form::text('name', $categoria->name, ['class' => 'form-control', 'placeholder' => 'Categoria', 'autocomplete' => 'off']) !!}
                                        </div>
                                    
                                        <div class="form-group col-md-6">
                                            {!! Form::label('status', 'Status', ['class' => 'control-label']) !!}
                                            {!! Form::select('status', ['Ativo'=>'Ativo','Inativo'=>'Inativo'], $categoria->status, ['class'=>'form-control']) !!}
                                        </div>
                                    </div>

                                    <p>&nbsp;</p>

                                    <p>&nbsp;</p>

                                    <div class="row">
                                        <div class="form-group col-md-6">                                            
                                            <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.produtos.categoria')}}" class="btn red"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                        </div>                          
                                    </div>

                                    <p>&nbsp;</p>

                                    <p>&nbsp;</p>
                                    
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()

@section('js-profile')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/ui-sweetalert.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/pages/scripts/form-validation-md.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            $("#formCat").validate({
                rules: {
                    name: "required",
                },
                messages: {
                    name: "Por favor digite o nome da categoria.",
                }
            });
        });
    </script>   
@stop()