@php
    use App\Models\Profile;
@endphp
@include('system-layouts.layout-head')
@include('mod-commission-sales-table.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">
                <form action="{{ asset('commission-sales-table/add') }}" method="post" class="needs-validation error"
                      novalidate id="actionIndex">


                    <div class="form-row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <h5>Comissionado: <span class="text-danger">*</span></h5>
                                <select class="form-control " required="required" id="idType" name="idType" tabindex="1">
                                    <option value=""> --- </option>
                                    <option value="1">Por Vendedor </option>
                                    <option value="2">Por Equipe</option>
                                    <option value="3">Por Total de Vendas</option>
                                </select>
                                <div class="form-control-feedback"><small>Organize as ações do seu vendedor</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <h5>Forma de pagamento<span class="text-danger">*</span></h5>
                                <select class="form-control " required="required" id="idPaymentMethod" name="idPaymentMethod" tabindex="1">
                                    <option value=""> --- </option>
                                    <option value="1" title="Ex: Produtos">Venda Eventual </option>
                                    <option value="2" title="Ex: vendas de serviço com mensalidade">Venda Recorrente</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">


                            <h5>Comissionamento por Produtos/Serviços</h5>
                            <div class="switch  m-t-15 m-l-10">
                                <label>Não
                                    <input type="checkbox"
                                           name="idStatusCommissionProdServ" id="idStatusCommissionProdServ">
                                    <span class="lever switch-col-themecolor"></span>Sim
                                </label>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <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">

                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-sm-4">
                            <strong> Mínimo </strong>
                        </div>
                        <div class="col-sm-4">
                            <strong> Máximo</strong>
                        </div>
                        <div class="col-sm-4">
                            <strong> Comissão </strong>
                        </div>
                    </div>
                    <div id="listActionAttr">

                    </div>
                    <div class="alert alert-warning alert-rounded m-t-40">
                        para adicionar as netas da tabela, clique o botão para salvar e avançar
                    </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-12">
                                <div class="btn-group btn-group  float-right pull-right" role="group" aria-label="Basic example">
                                    <button type="submit" class="btn waves-effect waves-light btn-primary">    <i
                                            class="ti-save"></i> salvar/Avançar >    
                                    </button>
                                    <a href="{{asset('commission-sales-table-range')}}"
                                       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>

            </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>