@extends('layouts.app')
@section('content')
    <main ng-controller="anuncianteController">
        <div class="container-fluid">
            <div class="row" ng-init="init()">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <nav class="navbar navbar-expand-lg ">
                                <div class="navbar-brand">
                                    <input type="text" name="search_data_grid" value="" class="form-control"
                                           placeholder="Busca rápida" ng-model="palavra" ng-change="changeFiltro()"
                                           ng-model-options="{ debounce: 400 }">
                                </div>
                                <button class="navbar-toggler" type="button" data-toggle="collapse"
                                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                        aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon"></span>
                                </button>

                                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                    <ul class="navbar-nav mr-auto">
                                        <li class="nav-item">
                                            <div class="nav-link">
                                                <div class="form-check">
                                                    <input type="checkbox" class="form-check-input" id="filtro-ativo"
                                                           value="1"
                                                           ng-init="ativo"
                                                           ng-model="isAtivo" ng-click="changeStatus()"
                                                           ng-checked="ativo">
                                                    <label class="form-check-label" for="filtro-ativo">Ativos</label>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="nav-item">
                                            <div class="nav-link">
                                                <div class="form-check">
                                                    <input type="checkbox" class="form-check-input" id="filtro-inativo"
                                                           value="1"
                                                           ng-init="inativo"
                                                           ng-model="isInativo" ng-click="changeStatus()"
                                                           ng-checked="inativo">
                                                    <label class="form-check-label"
                                                           for="filtro-inativo">Inativos</label>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul class="navbar-nav">
                                        <li class="nav-item ">
                                            <a class="nav-link" href="javascript:void(0)"
                                               ng-click="create()">Adicionar</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">Exportar</a>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                        <div class="card-body">
                            <div ng-if="error" class="row"
                                 style="display: none; ((error ? 'display:block' : 'display:none'))">
                                <div class="col text-center">
                                    <br>
                                    ((error))
                                    <br>
                                    <br>
                                </div>
                            </div>
                            <div style="display: none; ((!registros ? 'display:block' : 'display:none'))">
                                <p>Nenhum registro encontrado.</p>
                            </div>
                            <div style="display: none; ((registros ? 'display:block' : 'display:none'))"
                                 class="fancy-list-group" ng-repeat="item in registros.data | filter: pesquisar">
                                <div class="row">
                                    <div class="list-group">
                                        <div class="col-12">
                                            <li class="list-group-item">
                                                <div class="list-group-item-addon "
                                                     style="background-image: url('https://trafegoimoveis.com.br/simob/public/imobiliaria/((item.id)).jpg')"></div>
                                                <div class="list-group-item-content">
                                                    <p>
                                                        <strong>[((item.id))] ((item.nome))</strong>
                                                        <small>((item.razao_social))</small>
                                                    </p>
                                                    <p>
                                                        <span class="badge badge-pill badge-info"
                                                              ng-if="item.documento">Documento: ((item.documento))</span>
                                                        <span class="badge badge-pill badge-info" ng-if="item.endereco">Endereço: ((item.endereco.endereco)), ((item.endereco.numero)) - ((item.endereco.bairro)), ((item.endereco.cidade))/((item.endereco.estado))</span>
                                                        <span class="badge badge-pill badge-info">Status: ((item.ativo === 1 ? "Ativo" : "Inativo"))</span>
                                                    </p>
                                                </div>
                                                <div class="list-group-item-controls">
                                                    <div class="btn-group">
                                                        <a href="javascript:void(0)" ng-click="formulario(item.id)"
                                                           data-toggle="tooltip" data-placement="top"
                                                           title="Editar informações">
                                                            <i class="fa fa-edit"></i>
                                                        </a>
                                                        <a href="#" ng-click="excluir(item)" data-toggle="tooltip"
                                                           data-placement="top"
                                                           title="Excluir conta de Emkt">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </li>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="paginacao"
                                 style="display: none; ((registros ? 'display:block' : 'display:none'))">
                                <div class=" pull-right">
                                    <nav aria-label="Page navigation">
                                        <ul class="pagination">
                                            <li class="page-item"
                                                ng-class="registros.current_page > 1 ? '' : 'disabled'">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina(1)"><span
                                                            aria-hidden="true">Primeira</span></a>
                                            </li>
                                            <li class="page-item"
                                                ng-class="registros.current_page > 1 ? '' : 'disabled'">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina(registros.current_page - 1)"><span
                                                            aria-hidden="true">Anterior</span></a>
                                            </li>

                                            <li class="page-item" ng-repeat="i in paginaInicio track by $index"
                                                ng-class="registros.current_page == $index+1 ? 'active' : ''">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina($index+1)">
                                                    <span aria-hidden="true">
                                                        (($index+1))
                                                    </span>
                                                </a>
                                            </li>

                                            <li class="page-item" ng-repeat="i in paginaRegistros track by $index"
                                                ng-if="($index+1) >= paginaInicio && ($index+1) <= paginaFim"
                                                ng-class="page == $index+1 ? 'active' : ''">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina($index+1)">
                                                    <span aria-hidden="true">
                                                        (($index+1))
                                                    </span>
                                                </a>
                                            </li>

                                            <li class="page-item"
                                                ng-class="registros.current_page < registros.last_page ? '' : 'disabled'">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina(registros.current_page + 1)"><span
                                                            aria-hidden="true">Próximo</span></a>
                                            </li>
                                            <li class="page-item"
                                                ng-class="registros.current_page < registros.last_page ? '' : 'disabled'">
                                                <a class="page-link" href="javascript:void(0)"
                                                   ng-click="changePagina(registros.last_page)"><span
                                                            aria-hidden="true">Última</span></a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="info">
                                    <p>Página ((registros.current_page)) de ((registros.last_page)), total de
                                        ((registros.total)) registros.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>
                </div>
            </div>
        </div>

        <div class="modal fade" id="_modal" tabindex="-1" role="dialog" aria-labelledby="_modal" aria-hidden="true"
             data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg" role="document">
                <form action="/anunciante" method="post" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <div class="modal-content">
                        <div class="modal-header">
                            <div class="titulo">
                                <h5 class="modal-title">Editar informações da conta</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="menu">
                                <ul class="nav nav-tabs" id="opcoesFormAnunciante">
                                    <li class="nav-item">
                                        <a class="nav-link active"
                                           ng-style="{ color: avisoDados==true ? 'red' : '' }"
                                           title="((avisoDados==true?'Existem dados a serem salvos nessa senssaão':''))"
                                           data-toggle="tab" href="#dados" role="tab"
                                           aria-controls="dados"
                                           aria-selected="true">
                                            <i class="fas fa-address-card"></i>
                                            Dados principais
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#endereco" role="tab"
                                           ng-style="{ color: avisoEndereco==true ? 'red' : '' }"
                                           title="((avisoEndereco==true?'Existem dados a serem salvos nessa sessão':''))"
                                           aria-controls="endereco"
                                           aria-selected="false">
                                            <i class="fas fa-location-arrow"></i>
                                            Endereço
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#contato" role="tab"
                                           aria-controls="contato"
                                           ng-style="{ color: avisoContato==true ? 'red' : '' }"
                                           title="((avisoContato==true?'Existem dados a serem salvos nessa sessão':''))"
                                           aria-selected="false">
                                            <i class="fas fa-phone"></i>
                                            Contato
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#rede" role="tab"
                                           aria-controls="rede"
                                           ng-style="{ color: avisoRede==true ? 'red' : '' }"
                                           title="((avisoRede==true?'Existem dados a serem salvos nessa sessão':''))"
                                           aria-selected="false">
                                            <i class="fas fa-share-alt"></i>
                                            Redes sociais
                                        </a>
                                    </li>
                                    @if(Auth::user()->nivel === 'M')
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#modulo" role="tab"
                                               aria-controls="modulo"
                                               aria-selected="false">
                                                <i class="far fa-check-square"></i>
                                                Módulos
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#usuario" role="tab"
                                               aria-controls="usuario"
                                               aria-selected="false">
                                                <i class="fas fa-users"></i>
                                                Usuários
                                            </a>
                                        </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                        <div class="modal-body">
                            <div class="tab-content" id="opcoesFormAnunciante">
                                <div class="tab-pane fade show active" id="dados" role="tabpanel"
                                     aria-labelledby="home-tab">
                                    <div class="row">
                                        <div class="col-4">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div id="file-upload-form" class="uploader">
                                                        <input id="file-upload" type="file" name="fileUpload"
                                                               accept="image/*"/>

                                                        <label for="file-upload" id="file-drag">
                                                            <img id="file-image" src="#" alt="Preview" class="hidden">
                                                            <div id="start">
                                                                <i class="fa fa-download" aria-hidden="true"></i>
                                                                <div>Clique e selecione ou arraste o logo aqui.</div>
                                                                <div id="notimage" class="hidden">Selecione o logo</div>
                                                                <span id="file-upload-btn" class="btn btn-primary">Selecione o logo</span>
                                                            </div>
                                                            <div id="response" class="hidden">
                                                                <div id="messages"></div>
                                                            </div>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row" ng-show="frm.dados.id">
                                                <div class="col-12">

                                                    <ul class="list-group">
                                                        <li class="list-group-item active">Criado em</li>
                                                        <li class="list-group-item">((frm.dados.created_at))</li>
                                                        <li class="list-group-item active">Ultima atualização</li>
                                                        <li class="list-group-item">((frm.dados.updated_at))</li>
                                                    </ul>

                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-8">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label for="cmp_dadosAtivo">Ativo? </label>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="radio"
                                                                   ng-model="frm.dados.ativo"
                                                                   ng-checked="frm.dados.ativo=='1'"
                                                                   id="cmp_dadosAtivoSim" value="1">
                                                            <label class="form-check-label"
                                                                   for="cmp_dadosAtivoSim">Sim</label>
                                                        </div>
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input" type="radio"
                                                                   ng-model="frm.dados.ativo"
                                                                   ng-checked="frm.dados.ativo=='0'"
                                                                   id="cmp_dadosAtivoNao" value="0">
                                                            <label class="form-check-label"
                                                                   for="cmp_dadosAtivoNao">Não</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label for="cmp_dadosNome">Nome da conta</label>
                                                        <input type="text" class="form-control"
                                                               id="cmp_dadosNome" ng-model="frm.dados.nome">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="list-group">
                                                        <li class="list-group-item list-group-item-info">Tipo de anunciante</li>
                                                        <li class="list-group-item">
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                       ng-model="frm.dados.tipo_anunciante"
                                                                       ng-checked="frm.dados.tipo_anunciante=='P'"
                                                                       id="cmp_dadosAnunciantePartitular" value="P">
                                                                <label class="form-check-label"
                                                                       for="cmp_dadosAnunciantePartitular">Particular</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                       ng-model="frm.dados.tipo_anunciante"
                                                                       ng-checked="frm.dados.tipo_anunciante=='I'"
                                                                       id="cmp_dadosAnuncianteImobiliaria" value="I">
                                                                <label class="form-check-label"
                                                                       for="cmp_dadosAnuncianteImobiliaria">Imobiliária/Corretor</label>
                                                            </div>
                                                        </li>
                                                        <li class="list-group-item" id="box_dados_creci"
                                                            ng-show="frm.dados.tipo_anunciante=='I'">
                                                            <div class="form-group">
                                                                <label for="cmp_dados_creci">Creci</label>
                                                                <input type="text" class="form-control"
                                                                       id="cmp_dados_creci">
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="list-group">
                                                        <li class="list-group-item list-group-item-info">Tipo de cadastro</li>
                                                        <li class="list-group-item">
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                       ng-model="frm.dados.tipo_pessoa"
                                                                       ng-checked="frm.dados.tipo_pessoa=='F'"
                                                                       id="cmp_dadosPessoaFisica" value="F" checked>
                                                                <label class="form-check-label"
                                                                       for="cmp_dadosPessoaFisica">
                                                                    Pessoa físcia
                                                                </label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                       ng-model="frm.dados.tipo_pessoa"
                                                                       ng-checked="frm.dados.tipo_pessoa=='J'"
                                                                       id="cmp_dadosPessoaJuridica" value="J">
                                                                <label class="form-check-label"
                                                                       for="cmp_dadosPessoaJuridica">
                                                                    Pessoa jurídica
                                                                </label>
                                                            </div>
                                                        </li>

                                                        <li class="list-group-item">
                                                            <div class="form-group">
                                                                <label for="cmp_dadosDocumento">Documento</label>
                                                                <input type="text" class="form-control"
                                                                       id="cmp_dadosDocumento"
                                                                       ng-model="frm.dados.documento"
                                                                >
                                                            </div>
                                                        </li>
                                                        <li class="list-group-item" id="box_dados_juridico"
                                                            ng-show="frm.dados.tipo_pessoa=='J'">
                                                            <div class="form-group">
                                                                <label for="cmp_dadosRazaoSocial">Razão social</label>
                                                                <input type="text" class="form-control"
                                                                       id="cmp_dadosRazaoSocial"
                                                                       ng-model="frm.dados.razao_social">
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="endereco" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="row">
                                        <div class="col-3">
                                            <div class="form-group">
                                                <label for="cmp_enderecoCEP">CEP</label>
                                                <input type="text" class="form-control cep"
                                                       id="cmp_enderecoCEP" ng-model="frm.endereco.cep" ng-maxlength="9"
                                                       ng-minlength="9" ng-change="buscarCep(this.value)"
                                                       ng-model-options="{ debounce: 400 }">
                                                <span class="input-group-addon border-left-0" ng-if="load_input_cep"><i
                                                            class="fa fa-spinner fa-spin animated"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <div class="form-group">
                                                <label for="cmp_enderecoEstado">Estado</label>
                                                <select class="form-control" id="cmp_enderecoEstado"
                                                        ng-model="frm.endereco.estado.id" ng-change="carregarCidade()">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                                <label for="cmp_enderecoCidade">Cidade</label>
                                                <select class="form-control" id="cmp_enderecoCidade"
                                                        ng-model="frm.endereco.cidade.id" ng-change="carregarBairro()">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">

                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="cmp_enderecoBairro">Bairro</label>
                                                <select class="form-control" id="cmp_enderecoBairro"
                                                        ng-model="frm.endereco.bairro.id"
                                                        ng-change="carregarEndereco()">
                                                    <option value="" selected>Primeiro selecione o estado e a cidade
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="cmp_enderecoEndereco">Endereço</label>
                                                <select class="form-control" id="cmp_enderecoEndereco"
                                                        ng-model="frm.endereco.endereco">
                                                    <option value="" selected>Primeiro selecione o estado, cidade e
                                                        bairro
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-2">
                                            <div class="form-group">
                                                <label for="cmp_enderecoNumero">Número</label>
                                                <input type="text" class="form-control"
                                                       id="cmp_enderecoNumero" ng-model="frm.endereco.numero">
                                            </div>
                                        </div>

                                        <div class="col-2">
                                            <div class="form-group">
                                                <label for="cmp_enderecoComplemento">Complemento</label>
                                                <input type="text" class="form-control"
                                                       id="cmp_enderecoComplemento" ng-model="frm.endereco.complemento">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="contato" role="tabpanel" aria-labelledby="contact-tab">
                                    <div class="row">
                                        <div class="col-12">
                                            <div style="display: none; ((frm.dados.contato ? 'display:block' : 'display:none'))"
                                                 class="fancy-list-group" ng-repeat="item in frm.dados.contato">
                                                <div class="row">
                                                    <div class="list-group">
                                                        <div class="col-12">
                                                            <li class="list-group-item">
                                                                <div class="list-group-item-addon "
                                                                     style="background-image: url('https://trafegoimoveis.com.br/simob/public/imobiliaria/((item.id)).jpg')"></div>
                                                                <div class="list-group-item-content">
                                                                    <p>
                                                                        <strong>[((item.nome))</strong>
                                                                        <small>((item.razao_social))</small>
                                                                    </p>
                                                                    <p>
                                                        <span class="badge badge-pill badge-info"
                                                              ng-if="item.documento">Documento: ((item.documento))</span>
                                                                        <span class="badge badge-pill badge-info"
                                                                              ng-if="item.endereco">Endereço: ((item.endereco.endereco)), ((item.endereco.numero)) - ((item.endereco.bairro)), ((item.endereco.cidade))/((item.endereco.estado))</span>
                                                                        <span class="badge badge-pill badge-info">Status: ((item.ativo === 1 ? "Ativo" : "Inativo"))</span>
                                                                    </p>
                                                                </div>
                                                                <div class="list-group-item-controls">
                                                                    <div class="btn-group">
                                                                        <a href="javascript:void(0)"
                                                                           ng-click="formulario(item.id)"
                                                                           data-toggle="tooltip" data-placement="top"
                                                                           title="Editar informações">
                                                                            <i class="fa fa-edit"></i>
                                                                        </a>
                                                                        <a href="#" ng-click="excluir(item)"
                                                                           data-toggle="tooltip"
                                                                           data-placement="top"
                                                                           title="Excluir conta de Emkt">
                                                                            <i class="fa fa-trash"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="rede" role="tabpanel" aria-labelledby="contact-tab">
                                    <div class="row">
                                        <div class="col-4">
                                            <ul class="list-group">
                                                <li class="list-group-item  list-group-item-info">Adicionar novo registro</li>
                                                <li class="list-group-item">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <label for="cmp_redeTipo">Selecione a rede</label>
                                                                <select class="form-control" id="cmp_redeTipo"
                                                                        ng-model="frm.rede.tipo">
                                                                    <option value="Facebook">
                                                                        Facebook
                                                                    </option>
                                                                    <option value="Instagram">Instagram</option>
                                                                    <option value="LinkedIn">LinkedIn</option>
                                                                    <option value="Twitter">Twitter</option>
                                                                    <option value="YouTube">YouTube</option>
                                                                    <option value="Pinterest">Pinterest</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <label for="cmp_redeLink">Link</label>
                                                                <input type="text" class="form-control"
                                                                       id="cmp_redeLink" ng-model="frm.rede.link">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="list-group-item list-group-item-light">
                                                    <button type="button" ng-click="addRede()" class="btn btn-primary btn-block">Adicionar</button>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-8">
                                            <div class="list-group">
                                                <div class="list-group-item list-group-item-info">Todos os registros</div>
                                                <div class="list-group-item">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div ng-show="registros.redes[0]" class="fancy-list-group" ng-repeat="item in registros.redes">
                                                                <div class="row">
                                                                    <div class="list-group">
                                                                        <div class="col-12">
                                                                            <div class="list-group-item">
                                                                                <div class="list-group-item-addon">
                                                                                    <div class="animate-switch-container"
                                                                                         ng-switch="item.tipo">
                                                                                        <i class="fab fa-facebook-square" ng-switch-when="Facebook"></i>
                                                                                        <i class="fab fa-instagram" ng-switch-when="Instagram"></i>
                                                                                        <i class="fab fa-linkedin" ng-switch-when="LinkedIn"></i>
                                                                                        <i class="fab fa-twitter-square" ng-switch-when="Twitter"></i>
                                                                                        <i class="fab fa-youtube" ng-switch-when="YouTube"></i>
                                                                                        <i class="fab fa-pinterest-square" ng-switch-when="Pinterest"></i>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="list-group-item-content">
                                                                                    <input type="hidden" ng-model="idRede[$index]" name="idRede[]" value="((item.id))">
                                                                                    <input type="hidden" ng-model="tipoRede[$index]" name="tipoRede[]" value="((item.tipo))">
                                                                                    <input type="hidden" ng-model="linkRede[$index]" name="linkRede[]" value="((item.link))">
                                                                                    <p>
                                                                                        <strong>((item.link))</strong>
                                                                                    </p>
                                                                                </div>
                                                                                <div class="list-group-item-controls">
                                                                                    <div class="btn-group">
                                                                                        <a href="javasciprt:void(0)" ng-click="removeRede($index)"
                                                                                           data-toggle="tooltip"
                                                                                           data-placement="top"
                                                                                           title="Excluir registro">
                                                                                            <i class="fa fa-trash"></i>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <p ng-if="!registros.redes[0]">Nenhum registro cadastrado.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                @if(Auth::user()->nivel === 'M')
                                    <div class="tab-pane fade" id="modulo" role="tabpanel"
                                         aria-labelledby="contact-tab">
                                        <div class="row">
                                            <div class="col-4" ng-repeat="modulo in modulos">
                                                <div class="form-check">
                                                    <input type="checkbox" class="form-check-input"
                                                           id="cmp_modulo((modulo.id))">
                                                    <label class="form-check-label" for="cmp_modulo((modulo.id))">
                                                        <div class="listamodulos">
                                                            ((modulo.titulo))
                                                            <br>
                                                            <small>((modulo.descricao))</small>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="usuario" role="tabpanel"
                                         aria-labelledby="contact-tab">
                                        usuario
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-primary">Confirmar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </main>
@endsection