@php
    use App\Http\Controllers\Mod\ModRelationshipActionSub;
    use Illuminate\Support\Facades\Crypt;
    use App\Models\Profile;

@endphp

<style>
    .ck-editor__editable {
        min-height: 180px;

        max-height: 300px;
    }

    .relationship-email {
        display: none;
    }
</style>


<div class="modal-header">
    <h4 class="modal-title"><i class="fa fa-plus"></i> Ação: Atribuição </h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-res">

    <div class="modal-body m-t-40" id="actionSub">
        <!-- inserir conteudo  -->
        <div class="row">
            <div class="col-sm-4">


                <div class=" m-b-40">
                    <label for="idClass">Classificar bonificação</label>

                    <select class="form-control " id="idClass" name="idClass" required>
                        <option value="">---</option>
                        <option value="1"> % - Valor por percentagem</option>
                        <option value="2"> $ - Valor fixado </option>
                    </select>
                </div>
            </div>
        </div>
        <h4 class="text-themecolor"> Adicionde os valores do intervalo da meta e a sua bonificação</h4>
        <div class="row">
            <div class="col-sm-4">
                <div class="form-group">
                    <h5>Inicio<span class="text-danger">*</span></h5>
                    <div class="controls">
                        <input type="text" name="rangeStartValue" id="rangeStartValue"
                               class="form-control text-right mask-money3" required=""
                               data-validation-required-message="This field is required" value="">
                        <div class="help-block"></div>
                    </div>
                    <div class="form-control-feedback">
                        <small>Inicio do intervalo.</small></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <h5>Final<span class="text-danger">*</span></h5>
                    <div class="controls">
                        <input type="text" name="rangeEndValue" id="rangeEndValue"
                               class="form-control text-right mask-money3" required=""
                               data-validation-required-message="This field is required" value="">
                        <div class="help-block"></div>
                    </div>
                    <div class="form-control-feedback">
                        <small>Final do intervalo</small></div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <h5>Bonificação<span class="text-danger">*</span></h5>
                    <div class="controls">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="idClassIcon"></span>
                            </div>
                            <input type="text" name="bonusValue" id="bonusValue" class="form-control text-right mask-money3"
                                   required=""
                                   data-validation-required-message="This field is required" value="">
                        </div>
                    </div>
                    <div class="form-control-feedback">
                        <small>Quando o seu colaborador atige o intervalo da meta estabelecido, é
                            bonificado com este critério</small></div>
                </div>
            </div>

        </div>
    </div>

</div>


<!-- inserir conteudo   -->
<!-- description  -->
<div class="form-group m-b-40 relationship-email" id="descriptionEdit">
    <label for="description">Descrição</label>
    <h6 class="card-title">Crie sua assinatura personalizada</h6>
    <textarea class="form-control ckeditor ckeditor_class_ajax" rows="4" id="description" name="description"
              maxlength="180"></textarea>
    <span class="bar"></span>
</div>


<div class="modal-footer">
    <div class="btn-group btn-group " role="group" aria-label="Basic example">

        <button type="button" class="btn waves-effect waves-light btn-primary"
                onclick="loadsDataForm('#listActionAttr','{{asset('commission-sales-table-range/add')}}','#actionSub',['#_token','#idCommissionSalesTable'])">
            &nbsp;&nbsp;&nbsp;<i class="ti-save"></i>&nbsp;salvar&nbsp;&nbsp;&nbsp;&nbsp;
        </button>

        <button type="button" class=" btn waves-effect waves-light btn-secondary" aria-hidden="true"
                data-dismiss="modal">cancelar
        </button>
    </div>
</div>

@include('mod-commission-sales-table.script-sub')