@include('system-layouts/layout-head')
@include('system-dev/title')

<div class="container-fluid" id="actionIndex">
    <!-- ============================================================== -->
    <!-- Start Page Content -->
    <!-- ============================================================== -->

    <div class="card-group">
        <div class="card">
            <div class="card-body">
                <!-- row -->
                <div class="row">
                    <div class="col-lg-12">
                        <h4 class="card-title">Dashborde do developer</h4>
                        <h6 class="card-subtitle">funcões, Ações de Descrições para o desenvolmento dos
                            <code>sistema</code>. </h6>
                    </div>
                </div>
                <!--/ END row -->
                <!-- row -->
                <div class="row m-t-40">
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-cog"></i> Permissão Módulos</h4>
                            <h6 class="card-subtitle">Os Consutal de permissão o <code> usuario/Empresa</code> <br><br>
                            </h6>
                            <p>Pesquisar:
                                <a class="get-code collapsed" data-toggle="collapse" href="#modListFull"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i> </a>
                            <ul class="list-icons collapse" id="modListFull" aria-expanded="true">
                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                <li><input type="text" id="userEmail" name="userEmail" class="form-control" required
                                           placeholder="EMAIL ACESSO USUARIO"></li>
                                <li><select class="form-control " required name="idStatusPerm"
                                            data-placeholder="Choose a Category" tabindex="1">
                                        <option value="1">Permitido</option>
                                        <option value="2">Não Permitido</option>

                                    </select></li>
                                <li>
                                    <hr>
                                    <button class="btn waves-effect waves-light btn-primary font-18"
                                            data-toggle="modal" data-target="#modalExtraLarge"
                                            onclick="loadsDataForm('#modalExtraLarge  .modal-content','dev-perm-user-full','#modListFull',['#_token'])"
                                            type="button">
                                        <i class="mdi mdi-cube-send font-18" style="font-size: 20px"></i></button>
                                </li>
                            </ul>
                            </p>


                        </blockquote>
                    </div>

                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-cogs"></i> Módulos\Elementos</h4>
                            <h6 class="card-subtitle">Os elementos pertence aos <code>módulos</code> assim como esta
                                ligado as permissões e aos histórios do "USER".<br><br></h6>
                            <p>Função:
                                <a class="get-code collapsed" data-toggle="collapse" aria-expanded="false" href="#elem">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <ul class="list-icons collapse" id="elem" aria-expanded="true">
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Registros dos
                                        modulos\elementos do sistema</a></li>
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Lista as
                                        opções de permisões dos usuários</a>
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Registros os
                                        historicos da ações dos usuários</a></li>
                            </ul>
                            </p>
                            <hr>
                            <a href="dev-elem-list"
                               class="btn waves-effect waves-light btn-primary">Modulos\Elementos</a>
                        </blockquote>
                    </div>

                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-vcard-o"></i> PERMISSÃO: Template</h4>
                            <h6 class="card-subtitle">Agrupomento de permissões para <code>Todos os
                                    usuários</code><br><br><br></h6>
                            <p> O que é registrado:
                                <a class="get-code collapsed" data-toggle="collapse" href="#hist" aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>

                            </p>

                            <hr>
                            <a href="{{asset('dev-permtemp')}}" class="btn waves-effect waves-light btn-primary">Permissões</a>
                        </blockquote>
                    </div>
                </div>
                <!--/ END row -->
                <!-- row -->
                <div class="row">
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> Config. Modal </h4>
                            <h6 class="card-subtitle">Ação de <code>Todos os usuários</code><br>funcionalidade do
                                modal<br><br></h6>
                            <p> Modelos:
                                <a class="get-code collapsed" data-toggle="collapse" href="#confModal"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <ul class="list-icons collapse" id="confModal" aria-expanded="true">
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Modelo
                                        Responsivo</a><br>
                                    <button class="btn btn-secondary font-18" data-toggle="modal"
                                            data-target="#modalResponsive"><i class="fa fa-bolt"></i></button>
                                </li>
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Modelo Extra
                                        grande</a><br>
                                    <button class="btn btn-secondary font-18" data-toggle="modal"
                                            data-target="#modalExtraLarge"><i class="fa fa-bolt"></i></button>
                                </li>
                                <li><a href="javascript:void(0)"><i class="fa fa-check text-primary"></i> Modelo
                                        Vertical Centralizado</a><br>
                                    <button class="btn btn-secondary font-18" data-toggle="modal"
                                            data-target="#modalVerticalCenter"><i class="fa fa-bolt"></i></button>
                                </li>
                            </ul>
                            </p>

                            <hr>
                        </blockquote>
                    </div>


                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> HISTÓRICO ADD</h4>
                            <h6 class="card-subtitle">Registrar o histórica do <code>Usuário</code><br><br><br></h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#butonHistAdd"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="butonHistAdd" aria-expanded="true">
                                <br>
                                LIST: <code>UserProfileAuthController::userProfileHistAdd("1","1","40",$id_elem);</code><br>


                            </div>
                            </p>

                            <hr>

                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-hist-reg')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>

                        </blockquote>
                    </div>


                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> Padronização PSRs </h4>
                            <h6 class="card-subtitle">
                                PHP por meio de colaboração e padrões.<br>

                                INTERFACES, HTTP, ESTILOS DE CODIFICAÇÃO<br><br>

                            </h6>
                            <p> Url:
                                <a class="get-code collapsed" data-toggle="collapse" href="#padPsrs"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <ul class="list-icons collapse" id="padPsrs" aria-expanded="true">
                                <li><a href="https://www.php-fig.org/" target="_blank"><i
                                            class="fa fa-check text-primary"></i> Url:
                                        <code> https://www.php-fig.org/</code></a>
                                </li>
                                <li><a href="https://phptherightway.com/" target="_blank"><i
                                            class="fa fa-check text-primary"></i> Url:
                                        <code> https://phptherightway.com/</code></a>
                                </li>

                            </ul>
                            </p>

                            <hr>
                        </blockquote>
                    </div>

                </div>
                <!--/ END row -->
                <!-- row -->
                <div class="row">
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> LAYOUT: container</h4>
                            <h6 class="card-subtitle">Script para motar o <code>container</code><br><br><br></h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#layoutStart"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="layoutStart" aria-expanded="true">
									<textarea class="form-control" rows="15">


									@@include('system-layouts/layout-head')
									@@include('system-user-manager/title')

									&lt;div class="container-fluid"&gt;
										&lt;!-- contentiner --&gt;
										&lt;div &gt;
											&lt;!-- col --&gt;
											&lt;div class="card"&gt;
											&lt;!-- card --&gt;
												&lt;div class="card-body"&gt;

													Conteudo texto

												&lt;/div&gt;
											&lt;!--/ card --&gt;
											&lt;/div&gt;
										&lt;!--/ end col --&gt;
										&lt;/div&gt;
										&lt;!--/ end contentiner --&gt;
									&lt;/div&gt;
									@@include('system-layouts/layout-footer')



									</textarea>
                            </div>
                            </p>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-layout-container')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>

                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> LAYOUT: title</h4>
                            <h6 class="card-subtitle">Cabeçalho do conteúdo <code>title</code><br><br><br></h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#layoutTitle"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="layoutTitle" aria-expanded="true">
									<textarea class="form-control" rows="15">


										<!-- row comentários iniciais -->
										<div class="row">
											<div class="col-lg-12">
											<h4 class="card-title">Dashborde do Usuário</h4>
												<h6 class="card-subtitle">aqui encontra as ferramentas de alteração de <code>todo o usuário </code>. </h6>
											</div>
										</div>
										<!--/ END row comentarios iniciais -->



									</textarea>
                            </div>

                            </p>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-layout-title')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> COD: Button</h4>
                            <h6 class="card-subtitle">Padrão dos Botões <code>title</code><br><br><br></h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#layoutButon"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="layoutButon" aria-expanded="true">


                                <button class="btn waves-effect waves-light btn-outline-primary font-18"
                                        data-toggle="modal" data-target="#modalResponsive" type="button"><i
                                        class="fa fa-plus"></i></button>
                                <div class="btn-group m-b-1 m-r-1" role="group"
                                     aria-label="Button group with nested dropdown">
                                    <!-- EDIT -->
                                    <button class="btn btn-secondary font-18" data-toggle="modal"
                                            data-target="#modalResponsive" type="button"><i class="fa fa-pencil"></i>
                                    </button>
                                    <!-- DELETE -->
                                    <button class="btn btn-secondary font-18" data-toggle="modal"
                                            data-target="#modalResponsive" type="button"><i class="fa fa-times"></i>
                                    </button>
                                </div>

                                <br><br>
                                Metodos:


                                <div class="btn-group btn-group " role="group" aria-label="Basic example">
                                    <button type="button" class="btn waves-effect waves-light btn-primary"> &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"
                                            data-dismiss="modal" aria-hidden="true">cancelar
                                    </button>
                                </div>
                                <br><br>


                                <div class="btn-group btn-group " role="group" aria-label="Basic example">
                                    <button type="button" class="btn waves-effect waves-light btn-danger">
                                        &nbsp;&nbsp;&nbsp;<i class="mdi mdi-alert-outline font-20"></i>&nbsp;excluir&nbsp;&nbsp;&nbsp;&nbsp;
                                    </button>
                                    <button type="button" class="btn waves-effect waves-light btn-secondary"
                                            data-dismiss="modal" aria-hidden="true">cancelar
                                    </button>
                                </div>
                            </div>
                            </p>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-layout-button')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>


                </div>
                <!--/ END row -->
                <!--/  row -->
                <div class="row">
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> LAYOUT: Tab</h4>
                            <h6 class="card-subtitle">Abas de conteúdo Padrão <code>Customtab Tab</code><br><br><br>
                            </h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#devLayoutTab"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="devLayoutTab" aria-expanded="true">
									<textarea class="form-control" rows="15">


										<!-- row -->
											<div class="row">
												<div class="col-lg-12">
												<!-- Nav tabs -->
												<ul class="nav nav-tabs profile-tab" role="tablist">
													<li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#contentUno" role="tab">Conteudo 1</a> </li>
													<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#contentDue" role="tab">Conteudo 2</a> </li>
												</ul>
												<!-- Tab panes -->
												<div class="tab-content m-t-20">
													 <!--settings tab-->
													<div class="tab-pane" id="contentUno" role="tabpanel">
														Conteudo 1
													</div>
													<!--settings tab-->
													<div class="tab-pane" id="contentDue" role="tabpanel">
														Conteudo 2
													</div>
												</div>
												<!-- Nav tabs end -->
												</div>
											</div>
											<!--/ end row -->


									</textarea>
                            </div>

                            </p>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-layout-tab')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> LAYOUT: Tab</h4>
                            <h6 class="card-subtitle">Abas de conteúdo Padrão <code>Customtab vertical
                                    Tab </code><br><br><br></h6>
                            <p> copie o scritp:
                                <a class="get-code collapsed" data-toggle="collapse" href="#devLayoutTabVert"
                                   aria-expanded="false">
                                    <i class="mdi mdi-information-outline" title="" data-toggle="tooltip"
                                       data-original-title="+ informações"></i></a>
                            <div class="collapse" id="devLayoutTabVert " aria-expanded="true">
									<textarea class="form-control" rows="15">


										<!-- row -->
											<div class="row">
												<div class="col-lg-12">
												<!-- Nav tabs -->

													<div class="vtabs customvtab">
														<ul class="nav nav-tabs tabs-vertical" role="tablist">
															<li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home3" role="tab"><span class="hidden-sm-up"><i class="ti-home"></i></span> <span class="hidden-xs-down">Home</span> </a> </li>
															<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile3" role="tab"><span class="hidden-sm-up"><i class="ti-user"></i></span> <span class="hidden-xs-down">Profile</span></a>
														</ul>
														<!-- Tab panes -->
														<div class="tab-content">
															<div class="tab-pane active" id="home3" role="tabpanel">
																<div class="p-20">
																	<h3>Best Clean Tab ever</h3>
																	<h4>you can use it with the small code</h4>
																	<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p>
																</div>
															</div>
															<div class="tab-pane  p-20" id="profile3" role="tabpanel">2</div>
														</div>
													</div>


												<!-- Nav tabs end -->
												</div>
											</div>
											<!--/ end row -->


									</textarea>
                            </div>

                            </p>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-layout-tabv')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> FORMULARIA: Validation</h4>
                            <h6 class="card-subtitle">Abas de conteúdo Padrão <code>Customtab vertical
                                    Tab </code><br><br><br></h6>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-form-validation')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>


                </div>
                <!--/ END row -->

                <!--/  row -->
                <div class="row">
                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> RESPOSTA APP: EM LINHA</h4>
                            <h6 class="card-subtitle">Como apresentar <code>Customtab Tab</code><br><br><br></h6>


                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-resp-line')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>

                    <div class="col-lg-4">
                        <blockquote>
                            <h4 class="card-title"><i class="fa fa-code"></i> RESPOSTA APP: MODAL</h4>
                            <h6 class="card-subtitle">Abas de conteúdo Padrão <code>Customtab vertical
                                    Tab </code><br><br><br></h6>

                            <hr>
                            <button class="btn waves-effect waves-light btn-primary font-18" data-toggle="modal"
                                    data-target="#modalExtraLarge"
                                    onclick="loadsDataForm('#modalExtraLarge  .modal-content','{{ asset('dev-script-resp-modal')}}','#actionIndexNot',['#_token'])"
                                    type="button"><i class="fa fa-file-code-o"></i></button>
                        </blockquote>
                    </div>

                </div>
                <!--/ END row -->


            </div>
        </div>
    </div>
    <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
</div>
@include('system-layouts/layout-footer')