@extends('layouts.app')

@section('content')
    <div class="block-header"><h2>{{trans('validation.attributes.idioma')}}</h2></div>

    <div class="row">
        <div class="col-lg-8 col-md-10 col-sm-12">
            {!! Layout::openCardForm(array('action' => array($controller::pathMethod('store'), $object->id), 'class' => "form-horizontal"))!!}
                <div class="form-group">
                    {!!Form::label('nome', trans('validation.attributes.nome'), array('class' => 'col-md-2 control-label required'))!!}
                    <div class="col-md-10">
                        <div class="form-line">
                            {!!Form::text('nome', $object->nome, array('class' => 'form-control'))!!}
                        </div>
                    </div>
                </div>

                <div class="form-group panel-subsection">
                    {!!Form::label('niveis', trans('validation.attributes.niveis'), array('class' => 'col-md-2 control-label required'))!!}
                    <div class="col-md-10" id="list-niveis">
                        @foreach($niveis as $nivel)
                            @include('contextousuario.idiomas.create-edit-nivel')
                        @endforeach
                    </div>

                    <div class="col-md-10 col-md-offset-2">
                        {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic("#", 'add_nivel', 'default', 'add', 'Nível') !!}
                    </div>
                </div>

                <br/>

                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-8">
                        {!! Layout::buttonSave() !!}
                    </div>
                </div>
            {!! Layout::closeCardForm() !!}
        </div>
    </div>

    {!! Layout::buttonPreviousIcon() !!}

    <div class="hide" id="linha-nivel-vazia">
        @php($nivel = new \App\Models\Configuracoes\Nivel())
        @include('contextousuario.idiomas.create-edit-nivel')
    </div>

    @push('scripts')
    <script>
        $(document).ready(function(){
            function deleteNivelButton() {
                $(".btn_excluir_nivel").on("click",function(e){
                    e.preventDefault();
                    $(this).parent().parent().remove();
                });
            }

            deleteNivelButton();
            
            $("#btn_add_nivel").on("click",function(e){
                e.preventDefault();
                var htmllinhanivel = $("#linha-nivel-vazia").html();
                $("#list-niveis").append(htmllinhanivel);

                deleteNivelButton();
            });
        });
    </script>
    @endpush
@stop