@include('system-layouts.layout-head')
@include('mod-origin.title')

<div class="container-fluid">
    <!-- contentiner -->
    <!-- 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('report-conf/add') }}" method="post" class="needs-validation error" novalidate
                  id="actionIndex">

                <div class="row">
                    <div class="col-sm-12">
                        <h3>Elemento</h3>
                    </div>
                </div>

                <hr>

                <div class="row m-b-20">
                    <div class="col-sm-3">
                        <input type="hidden" name="path" id="path" value="ger\vendas\relatorio">
                        <input type="hidden" name="idMod" id="path" value="100">

                        <label for="xName">Modulo Relatório </label>
                        <input type="text" class="form-control" id="xNameElem" name="xName" maxlength="100"
                               value="ID 100" disabled>

                    </div>
                    <div class="col-sm-9">
                        <label for="caminho">Caminho<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="path" maxlength="100" value="ger\vendas\relatorio"
                               disabled>

                    </div>
                </div>
                <div class="form-group ">
                    <label for="xNameElem">Nome do Elemento*</label>
                    <input type="text" class="form-control" id="xNameElem" required name="xNameElem" maxlength="100"
                           value="">
                    <small> Permição de acesso ao relatório: | Corresponda ao Relatório </small>
                    <span class="bar"></span>

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

                    <input type="checkbox" id="active" class="chk-col-indigo" checked name="active"/>
                    <label for="active">Desativar o modulo</label>
                </div>
                <div class="form-group m-b-40">
                    <label for="description">Descrição</label>
                    <textarea class="form-control" rows="2" id="descriptionElem" name="descriptionElem"
                              maxlength="500"></textarea>
                    <small> Beneficios </small>
                    <span class="bar"></span>

                </div>


                <div class="row ">
                    <div class="col-sm-12">
                        <h3>Relatório</h3>
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <h5>Nome<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>
                    <small> Título simples e fácil | Corresponda ao elemento </small>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <h5>url<span class="text-danger">*</span></h5>
                        <div class="controls">
                            <input type="text" name="url" id="url" class="form-control" required=""
                                   data-validation-required-message="This field is required" value="">
                            <div class="help-block"></div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group has-success">
                            <label class="control-label">Classificação em <span class="text-danger">*</span></label>
                            <select class="form-control custom-select" required="" name="idClass" id="idClass">
                                <option value="">---</option>
                                <option value="1">Lista</option>
                                <option value="2">Grafico</option>
                                <option value="3">Lista/Grafico</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <h5>Descrição</h5>
                    <div class="controls">
                        <textarea class=" form-control" maxlength="500" name="description" rows="2"
                                  placeholder="Enter texto ..."></textarea>
                        <small> Beneficios </small>
                    </div>

                    <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('origin')}}" 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 -->
    <!--/ end contentiner -->
</div>
@include('system-layouts/layout-footer')