@php
    use App\Models\Profile;
@endphp
@include('system-layouts/layout-head')
@include('mod-relationship-action/title')


<div class="container-fluid">
    <!-- contentiner -->
    <div >
        <!-- col -->
        <div class="card">
            <div class="card-header m-b-20">
                <h4 class="text-themecolor ">Adicionar</h4>
            </div>
            <!-- card -->
            <div class="card-body">
                @php //ACCESS - Elem-ID: 36 | Elem: PERM Relacio. ACAO: ADD | Caminho: ger\conf\relacionamento\acoes\add
                if(Profile::permElem('36')==1){ @endphp
                <form action="{{ asset('relationship-action/add') }}" method="post" class="needs-validation error"
                      novalidate id="actionIndex">


                    <div class="form-row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <h5>Classificação<span class="text-danger">*</span></h5>
                                <select class="form-control " required="required" id="idClass" name="idClass" tabindex="1">
                                    <option value=""> --- </option>
                                    <option value="1">Agenda </option>
                                    <option value="2">Recontato</option>
                                    <option value="3">Interação</option>
                                </select>
                                <div class="form-control-feedback"><small>Organize as ações do seu vendedor</small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <h5>Nome da ação<span class="text-danger">*</span></h5>
                                <div class="controls">
                                    <input type="text" name="xName" id="xName" class="form-control" required=""
                                           data-validation-required-message="This field is required" value="">
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-control-feedback"><small>Crie a <code>ação </code> deseja
                                        inserir.</small></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="controls">
                            <textarea class="
                             form-control" maxlength="250" name="description" rows="2"
                                      placeholder="Descrição"></textarea>
                                <div class="textarea_count"></div>
                            </div>

                        </div>
                    </div>

                    <hr>
                    <div class="row">
                        <div class="col-sm-8">
                            <h5 class="text-themecolor">Atributo da ação</h5>
                        </div>
                        <div class="col-4">
                            <button type="button"
                                    class="btn waves-effect waves-light btn-outline-themecolor  font-18 float-right"
                                    data-toggle="modal" data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{asset('/relationship-actionasub/formadd')}}','#actionIndexSub',['#_token'])">
                                <i class="fa fa-plus"></i>
                            </button>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-sm-4">
                            <strong> Título </strong>
                        </div>
                        <div class="col-sm-6">
                            <strong> Classificação</strong>
                        </div>
                    </div>
                    <div id="listActionAttr">

                    </div>
                    <div class="alert alert-warning alert-rounded m-t-40">  Os atributos adicionado só seram salvo quando o modulo "Relacionamento/Ação" for concluido.
                    </div>

                    <div class="form-group">

                        <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                        <hr>
                        <div class="row p-t-20">
                            <div class="col-md-8"></div>
                            <div class="col-md-4">
                                <div class="btn-group btn-group  float-right" role="group" aria-label="Basic example">
                                    <button type="submit" class="btn waves-effect waves-light btn-primary">    <i
                                            class="ti-save"></i> salvar    
                                    </button>
                                    <a href="{{asset('relationship-action')}}"
                                       class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                                       aria-hidden="true"> <i class="fa fa-chevron-left"></i> Voltar</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                @php } @endphp

            </div>
            <!--/ card -->
        </div>
        <!--/ end col -->
    </div>
    <!--/ end contentiner -->
</div>
@include('system-layouts/layout-footer')
<script src="{{ asset('template/plugins/ckeditor5-build/ckeditor.js') }}"></script>

<script>

    function attriDel(n) {
        $('#attri' + n).remove();

        $.toast({
            heading: 'Excluido!',
            text: 'Atributo excluido',
            position: 'top-right',
            loaderBg: 'success',
            icon: 'error',
            hideAfter: 3500,
            stack: 6
        });
    }
</script>