@php     use App\Http\Controllers\Mod\ModModel;  @endphp
@include('system-layouts/layout-head')
@include('mod-productservice/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('productservice/add') }}" method="post" class="needs-validation error" novalidate
                      id="actionIndex">
                    <!-- CONTENT -->
                    <div class="row">
                        <div class="col-lg-4 text-center">
                            <div class="form-group ">
                                <div class="switch">
                                    <div class="demo-switch-title m-b-10">Status
                                        <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                           data-placement="top"
                                           title="Define o status do produto ou serviço, se está sendo comercializado ou não."></i>
                                    </div>
                                    <label>Inativo
                                        <input type="checkbox" checked="" name="idStatusReg" id="idStatusReg">
                                        <span class="lever"></span>Ativo
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 text-center">
                            <div class="form-group ">
                                <div class="switch">
                                    <div class="demo-switch-title m-b-10"> + Bonus
                                        <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                           data-placement="top"
                                           title="Define se o produto ou serviço pode ser atribuido como uma bonificação ou não."></i>
                                    </div>
                                    <label>Inativo
                                        <input type="checkbox" name="idBonus" id="idBonus">
                                        <span class="lever"></span>Ativo
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 text-center">
                            <div class="form-group ">
                                <div class="switch">
                                    <div class="demo-switch-title m-b-10">Produto/Serviço
                                        <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                           data-placement="top"
                                           title="Define o que está sendo cadastrado, se é um produto ou um serviço."></i>
                                    </div>
                                    <label>Produto
                                        <input type="checkbox" name="idProdServ" id="idProdServ">
                                        <span class="lever"></span>Serviço
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 text-center">
                            <div class="form-group   " id="recurrent">
                                <div class="switch">
                                    <div class="demo-switch-title m-b-10"> Recorrente
                                        <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                           data-placement="top"
                                           title="Só pode ser selecionado caso seja um serviço e define se o serviço é recorente ou eventual."></i>
                                    </div>
                                    <label>Não
                                        <input type="checkbox" disabled name="idProServRecurrent"
                                               id="idProServRecurrent">
                                        <span class="lever"></span>Sim
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="d-flex flex-row">
                            <h5>Nome do Produto/Serviço<span class="text-danger">*</span></h5>
                            <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
                               title="Insira o nome do produto ou serviço a ser cadastrado."></i>
                        </div>
                        <div class="controls">
                            <input type="text" name="xName" id="xName" class="form-control" required=""
                                   data-validation-required-message="Campo obrigatório" value="" maxlength="200">
                            <div class="help-block"></div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group ">
                                <label class="control-label text-right ">Categoria
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira a categoria do produto ou serviço a ser cadastrado."></i>
                                </label>
                                <select class="form-control custom-select required" data-placeholder="Choose a Category"
                                        required="required" tabindex="1" name="idCategory" id="idCategory">
                                    <option value="0">Nenhum</option>
                                    @foreach($record_category as $cat)
                                        <option value="{{$cat->idCategory}}">{{$cat->xName}} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <div class="d-flex flex-row">
                                    <h5>Descrição</h5>
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira a descrição do produto ou serviço a ser cadastrado."></i>
                                </div>
                                <div class="controls">
                                    <textarea class="textarea_editor form-control" maxlength="2000" name="description"
                                              rows="8" placeholder="Enter texto ..."></textarea>
                                    <div class="textarea_count"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr class="m-b-30">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="d-flex flex-row">
                                    <h5>Valor Venda <span class="text-danger">*</span></h5>
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira o valor pelo qual o produto ou serviço será comercializado."></i>
                                </div>

                                <div class="controls">
                                    <input type="text" name="xValue" id="xValue" class="form-control mask-money"
                                           required="" data-validation-required-message="Campo obrigatório"
                                           value="">
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-control-feedback"><small>Valor de <code>Venda</code>.</small></div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="d-flex flex-row">
                                    <h5>Valor Custo</h5>
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira o valor de custo do produto ou serviço."></i>
                                </div>
                                <div class="controls">
                                    <input type="text" name="valueCost" id="valueCost" class="form-control mask-money2"
                                           required="" data-validation-required-message="Campo obrigatório"
                                           value="">
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-control-feedback"><small>Preencher para ter um relatório
                                        completo.</small></div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group ">
                                <label class="control-label text-right ">Imposto
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Selecione o valor que será taxado sobre o produto ou serviço a ser cadastrado."></i>
                                </label>
                                <select class="form-control custom-select required" data-placeholder="Choose a Category"
                                        required="required" tabindex="1" name="idTax" id="idTax">
                                    <option value="0">Nenhum</option>
                                    @foreach($record_tax as $tax)
                                        <option value="{{$tax->idTax}}">{{$tax->xName}} | {{$tax->xValue}}  </option>
                                    @endforeach

                                </select>
                            </div>
                        </div>
                    </div>
                    <hr class="m-b-30">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group ">
                                <label class="control-label text-right ">Marca/Fabricante
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira a marca ou fabricante do produto a ser cadastrado."></i>
                                </label>
                                <select class="form-control " aria-invalid="false" required="" tabindex="1"
                                        name="idBrand" id="idBrand">
                                    <option value="">Nenhum</option>
                                    @foreach($record_brand as $brand)
                                        <option value="{{$brand->idBrand}}">{{$brand->xName}} </option>
                                    @endforeach
                                </select>


                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group ">
                                <label class="control-label text-right ">Modelo
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira o modelo do produto a ser cadastrado."></i>
                                </label>
                                <input id="xModel" type="text" name="xModel" class="form-control" placeholder=""
                                       value="" autocomplete="off">

                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="d-flex flex-row">
                                    <h5>Referência de ID(SKU)</h5>
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira o código do seu produto, código de manutenção de estoque."></i>
                                </div>

                                <div class="controls">
                                    <input type="text" name="idReference" id="idReference" class="form-control"
                                           value="">
                                    <div class="help-block"></div>
                                </div>
                                <div class="form-control-feedback">
                                    <small>
                                        Referencia de id de outros cadastro de <code>produtos/serviços. </code>
                                    </small>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="d-flex flex-row">

                                    <h5>NCM</h5>
                                    <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip"
                                       data-placement="top"
                                       title="Insira a nomenclatura comum do mercosul (NCM) do produto a ser cadastrado."></i>
                                </div>

                                <div class="controls">
                                </div>
                                <input type="text" name="codEANGTINUPC" id="codEANGTINUPC" class="form-control"
                                       value="">
                                <div class="help-block"></div>

                                <div class="form-control-feedback"><small> Nomenclatura Comum do Mercosul.</small></div>
                            </div>
                        </div>
                    </div>


                    <!-- /CONTENT -->
                    <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('productservice')}}" 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>
                </form>

            </div>
            <!--/ card -->
        </div>
        <!--/ end col -->
    </div>
    <!--/ end contentiner -->
</div>
@include('system-layouts/layout-footer')
@include('mod-productservice.script')
<script>
    //AUTOCOMPLETE
    var countries = [@foreach($record_model as $model)"{{$model->xName}}", @endforeach "NÃO TEM"];

    /*initiate the autocomplete function on the "myInput" element, and pass along the countries array as possible autocomplete values:*/
    autocomplete(document.getElementById("xModel"), countries);

</script>