@php
    use App\Models\Profile;
    use Illuminate\Support\Facades\Crypt;
@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 ">Editar</h4>
            </div>
            <!-- card -->
            <div class="card-body">

                <form action="{{ asset('commission-sales-table/edit') }}" 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="" @if($record->idType == '' ) selected @endif > ---</option>
                                    <option value="1" @if($record->idType == 1 ) selected @endif >Por Vendedor</option>
                                    <option value="2" @if($record->idType == 2 ) selected @endif >Por Equipe</option>
                                    <option value="3" @if($record->idType == 3 ) selected @endif >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="" @if($record->idPaymentMethod == '' ) selected @endif > ---</option>
                                    <option value="1" @if($record->idPaymentMethod == 1 ) selected
                                            @endif title="Ex: Produtos">Venda Eventual
                                    </option>
                                    <option value="2" @if($record->idPaymentMethod == 2 ) selected
                                            @endif 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="form-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="{{$record->xName}}">
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-control-feedback"><small>Crie a <code>ação </code> deseja.</small>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="form-row">
                        <div class="col-sm-12">
                            <div class="controls">
                                <h5>Descrição</h5>
                                <textarea class="form-control " maxlength="250" name="description" id="description"
                                          rows="2"
                                          placeholder="Descrição">{{$record->description}}</textarea>
                                <div class="textarea_count"></div>
                            </div>

                        </div>
                    </div>
                    <div class="form-row m-t-10">
                        <div class="col-sm-6 ">
                            <div class="form-group">
                                <h5>Comissionamento: <span class="text-themecolor"> por Propostas Realizadas</span></h5>
                                <div class="switch  m-t-15 m-l-10">
                                    <label>INATIVO
                                        <input type="checkbox"
                                               @if($record->idStatusCommissionSalesOrder == 1) checked="checked" @endif
                                               name="idStatusCommissionSalesOrder" id="idStatusCommissionSalesOrder">
                                        <span class="lever switch-col-themecolor"></span>ATIVO
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 ">
                            <div class="form-group">
                                <h5>Comissionamento: <span class="text-themecolor">por Produtos/Serviços</span></h5>
                                <div class="switch  m-t-15 m-l-10">
                                    <label>INATIVO
                                        <input type="checkbox"
                                               @if($record->idStatusCommissionProdServ == 1) checked="checked" @endif
                                               name="idStatusCommissionProdServ" id="idStatusCommissionProdServ">
                                        <span class="lever switch-col-themecolor"></span>ATIVO
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="optionCommissionSalesOrder" class=" @if($record->idStatusCommissionSalesOrder != 1) hide @endif">
                        <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('commission-sales-table-range/formadd')}}','#actionIndexSub',['#_token','#idCommissionSalesTable'])">
                                    <i class="fa fa-plus"></i>
                                </button>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-sm-12" id="listActionAttr">
                                @include('mod-commission-sales-table/index-sub')

                            </div>
                        </div>
                    </div>
                    <div class="form-group">

                        <input type="hidden" name="idCommissionSalesTable" id="idCommissionSalesTable"
                               value="{{ Crypt::encrypt($record->idCommissionSalesTable)}}">

                        <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">
                                @php //ACCESS - Elem-ID: 37 | Elem: Relcio.ACAO: EDIT | Caminho: ger\conf\relacionamento\acoes\edit
                                if(Profile::permElem('37')==1){ @endphp
                                <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('commission-sales-table')}}"
                                       class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                                       aria-hidden="true"> <i class="fa fa-chevron-left"></i> Voltar</a>
                                </div>
                                @php } @endphp
                            </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
        });
    }

    $(function () {
        $('#idStatusCommissionSalesOrder').click(function () {

            if ($(this).attr('checked') == 'checked') {
                $('#optionCommissionSalesOrder').fadeIn();
            } else {
                $('#optionCommissionSalesOrder').fadeOut();

            }

        });
    });

</script>