@extends('layouts.app')
@section('content')
    <main ng-controller="configuracaoController">
        <div class="container-fluid">

            <div id="configuracao">
                <div class="card">
                    <div class="card-header" id="TipoImovel">
                        <h5 class="mb-0">
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapseTipoImovel"
                                    aria-expanded="true" aria-controls="collapseTipoImovel">
                                Tipo de Imóveis
                            </button>
                        </h5>
                    </div>
                    <div id="collapseTipoImovel" class="collapse" aria-labelledby="TipoImovel"
                         data-parent="#configuracao">
                        <div class="card-body" ng-init="initTipoImovel()">
                            <div class="row">
                                <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-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">
                                                        <li class="nav-item ">
                                                            <a class="nav-link" href="javascript:void(0)"
                                                               ng-click="createTipoImovel()">Adicionar</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </nav>
                                        </div>
                                        <div class="card-body">
                                            <div style="display: none; ((registrosTipoImovel ? 'display:block' : 'display:none'))"
                                                 class="fancy-list-group"
                                                 ng-repeat="item in registrosTipoImovel | filter: palavra">
                                                <div class="row">
                                                    <div class="list-group">
                                                        <div class="col-12">
                                                            <li class="list-group-item">
                                                                <div class="list-group-item-content">
                                                                    <p>
                                                                        <strong>[((item.id))] ((item.titulo))</strong>
                                                                    </p>
                                                                    <p>
                                                                        <span class="badge badge-pill badge-info"
                                                                              ng-if="item.residencial">Residencial</span>
                                                                        <span class="badge badge-pill badge-info"
                                                                              ng-if="item.comercial">Comercial</span>
                                                                        <span class="badge badge-pill badge-secondary"
                                                                              ng-repeat="i in item.imovel_tipo_caracteristica"
                                                                              ng-if="i.caracteristica">((i.caracteristica.titulo))</span>
                                                                    </p>
                                                                </div>
                                                                <div class="list-group-item-controls">
                                                                    <div class="btn-group">
                                                                        <a href="javascript:void(0)"
                                                                           ng-click="updateTipoImovel(item.id)"
                                                                           data-toggle="tooltip" data-placement="top"
                                                                           title="Editar informações">
                                                                            <i class="fa fa-edit"></i>
                                                                        </a>

                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <br>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card-header" id="Caracteristica">
                        <h5 class="mb-0">
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapseCaracteristica"
                                    aria-expanded="true" aria-controls="collapseCaracteristica">
                                Caracteristicas
                            </button>
                        </h5>
                    </div>
                    <div id="collapseCaracteristica" class="collapse" aria-labelledby="Caracteristica"
                         data-parent="#configuracao">
                        <div class="card-body" ng-init="initCaracteristica()">
                            <div class="row">
                                <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="palavraCaracteristica"
                                                           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">
                                                        <li class="nav-item ">
                                                            <a class="nav-link" href="javascript:void(0)"
                                                               ng-click="createCaracteristica()">Adicionar</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </nav>
                                        </div>
                                        <div class="card-body">
                                            <div style="display: none; ((registrosCaracteristica ? 'display:block' : 'display:none'))"
                                                 class="fancy-list-group"
                                                 ng-repeat="item in registrosCaracteristica | filter: palavraCaracteristica">
                                                <div class="row">
                                                    <div class="list-group">
                                                        <div class="col-12">
                                                            <li class="list-group-item">
                                                                <div class="list-group-item-content">
                                                                    <p>
                                                                        <strong>[((item.id))] ((item.titulo))</strong>
                                                                    </p>
                                                                    <p>
                                                                        <span class="badge badge-pill badge-dark"
                                                                              ng-if="item.condominio">Condomínio</span>
                                                                        <span class="badge badge-pill badge-info"
                                                                              ng-repeat="i in item.imovel_tipo_caracteristica">((i.imovel_tipo.titulo))</span>
                                                                    </p>
                                                                </div>
                                                                <div class="list-group-item-controls">
                                                                    <div class="btn-group">
                                                                        <a href="javascript:void(0)"
                                                                           ng-click="updateCaracteristica(item.id)"
                                                                           data-toggle="tooltip" data-placement="top"
                                                                           title="Editar informações">
                                                                            <i class="fa fa-edit"></i>
                                                                        </a>

                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card-header" id="Condominio">
                        <h5 class="mb-0">
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapseCondominio"
                                    aria-expanded="true" aria-controls="collapseCondominio">
                                Condomínio
                            </button>
                        </h5>
                    </div>
                    <div id="collapseCondominio" class="collapse" aria-labelledby="Condominio"
                         data-parent="#condominio">
                        <div class="card-body" ng-init="initCondominio()">
                            <div class="row">
                                <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="palavraCondominio"
                                                           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">
                                                        <li class="nav-item ">
                                                            <a class="nav-link" href="javascript:void(0)"
                                                               ng-click="createCondominio()">Adicionar</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </nav>
                                        </div>
                                        <div class="card-body">
                                            <div style="display: none; ((registrosCondominio ? 'display:block' : 'display:none'))"
                                                 class="fancy-list-group"
                                                 ng-repeat="item in registrosCondominio | filter: palavraCondominio">
                                                <div class="row">
                                                    <div class="list-group">
                                                        <div class="col-12">
                                                            <li class="list-group-item">
                                                                <div class="list-group-item-content">
                                                                    <p>
                                                                        <strong>[((item.id))] ((item.titulo))</strong>
                                                                    </p>
                                                                    <p>
                                                                        <span class="badge badge-pill badge-info"
                                                                              ng-repeat="i in item.condominio_caracteristica">((i.caracteristica.titulo))</span>
                                                                    </p>
                                                                </div>
                                                                <div class="list-group-item-controls">
                                                                    <div class="btn-group">
                                                                        <a href="javascript:void(0)"
                                                                           ng-click="updateCondominio(item.id)"
                                                                           data-toggle="tooltip" data-placement="top"
                                                                           title="Editar informações">
                                                                            <i class="fa fa-edit"></i>
                                                                        </a>

                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <br>
            <br>
            <div class="modal fade" id="_modalTipoImovel" tabindex="-1" role="dialog" aria-labelledby="_modalTipoImovel"
                 aria-hidden="true"
                 data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog" role="document">
                    <form ng-submit="submitTipoImovel()" id="frmTipoImovel">
                        <input type="text" ng-hide="true" class="form-control"
                               id="cmp_idTipoImovel" name="id" ng-model="idTipoImovel">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="titulo">
                                    <h5 class="modal-title">Adicionar Tipo Imóvel</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="cmp_tituloTipoImovel">Titulo</label>
                                            <input type="text" class="form-control" required="required"
                                                   id="cmp_tituloTipoImovel" name="titulo"
                                                   ng-model="tituloTipoImovel">
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox"
                                                   value="1"
                                                   ng-init="0"
                                                   ng-model="residencialTipoImovel"
                                                   name="residencial"
                                                   id="cmp_tituloResidencial">
                                            <label class="form-check-label" for="cmp_tituloResidencial">Residêncial
                                                &nbsp;&nbsp;&nbsp; </label>

                                            <input class="form-check-input" type="checkbox"
                                                   value="1"
                                                   ng-init="0"
                                                   ng-model="comercialTipoImovel"
                                                   name="comercial"
                                                   id="cmp_tituloComercial">
                                            <label class="form-check-label" for="cmp_tituloComercial">Comercial</label>
                                        </div>
                                    </div>
                                </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>

            <div class="modal fade" id="_modalCaracteristica" tabindex="-1" role="dialog"
                 aria-labelledby="_modalCaracteristica"
                 aria-hidden="true"
                 data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog" role="document">
                    <form ng-submit="submitCaracteristica()" id="frmCaracteristica" ng-model="frmCaracteristica"
                          name="frmCaracteristica">
                        <input type="text" ng-hide="true" class="form-control"
                               id="cmp_Caracteristica" name="id" ng-model="idCaracteristica">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="titulo">
                                    <h5 class="modal-title">Adicionar Uma Caracteristica</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="cmp_idCaracteristica">Titulo</label>
                                            <input type="text" class="form-control" required="required"
                                                   id="cmp_Caracteristica" name="titulo"
                                                   ng-model="tituloCaracteristica">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-check">
                                            <input type="checkbox"
                                                   class="form-check-input"
                                                   id="cmp_condominioCaracteristica"
                                                   value="1"
                                                   ng-model="condominioCaracteristica"
                                                   name="condominio">
                                            <label class="form-check-label"
                                                   for="cmp_condominioCaracteristica">
                                                <div class="listamodulos">
                                                    Condomínio
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <ul class="list-group">
                                            <li class="list-group-item active">Selecione o Tipo do Imóvel</li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-6" ng-repeat="tipoImovel in registrosTipoImovel">
                                                        <div class="form-check">
                                                            <input type="checkbox"
                                                                   class="form-check-input checkboxTipoImovel"
                                                                   id="cmp_tipoImovelCaracteristica((tipoImovel.id))"
                                                                   value="((tipoImovel.id))"
                                                                   ng-model="tipoImovelCaracteristica[$index].checked"
                                                                   ng-checked="isCheckedTipoImovel(TipoImovelChecked, tipoImovel.id)"
                                                                   name="tipo_imovel_id[]">
                                                            <label class="form-check-label"
                                                                   for="cmp_tipoImovelCaracteristica((tipoImovel.id))">
                                                                <div class="listamodulos">
                                                                    ((tipoImovel.titulo))
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </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>

            <div class="modal fade" id="_modalCondominio" tabindex="-1" role="dialog"
                 aria-labelledby="_modalCondominio"
                 aria-hidden="true"
                 data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog modal-lg" role="document">
                    <form ng-submit="submitCondominio()" id="frmCondominio" ng-model="frmCondominio"
                          name="frmCondominio">
                        <input type="text" ng-hide="true" class="form-control"
                               id="cmp_Condominio" name="id" ng-model="idCondominio">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="titulo">
                                    <h5 class="modal-title">Adicionar um Condomínio</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="cmp_idCondominio">Titulo</label>
                                            <input type="text" class="form-control" required="required"
                                                   id="cmp_Condominio" name="titulo"
                                                   ng-model="tituloCondominio">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <ul class="list-group">
                                            <li class="list-group-item active">Informe o endereço</li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-3">
                                                        <div class="form-group">
                                                            <label for="cmp_enderecoCEP">CEP</label>
                                                            <input type="text" class="form-control cep"
                                                                   name="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"
                                                                    name="estado_id"
                                                                    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"
                                                                    name="cidade_id"
                                                                    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"
                                                                    name="bairro_id"
                                                                    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"
                                                                    name="endereco"
                                                                    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" name="numero"
                                                                   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" name="complemento"
                                                                   id="cmp_enderecoComplemento"
                                                                   ng-model="frm.endereco.complemento">
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-12">
                                        <ul class="list-group">
                                            <li class="list-group-item active">Selecione as características</li>
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-3"
                                                         ng-repeat="caracteristica in registrosCaracteristica"
                                                         ng-if="caracteristica.condominio == 1">
                                                        <div class="form-check">
                                                            <input type="checkbox"
                                                                   class="form-check-input"
                                                                   id="cmp_condominio_caracteristica_id((caracteristica.id))"
                                                                   value="((caracteristica.id))"
                                                                   ng-model="condominio_caracteristica_id[$index].checked"
                                                                   ng-checked="isCheckedCondominioCaracteristica(condominio_caracteristica_Checked, caracteristica.id)"
                                                                   name="caracteristica_id[]">
                                                            <label class="form-check-label"
                                                                   for="cmp_cmp_condominio_caracteristica_id((caracteristica.id))">
                                                                <div class="listamodulos">
                                                                    ((caracteristica.titulo))
                                                                </div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-12">
                                        <div id="accordion">
                                            <div class="card">
                                                <div class="card-header" id="headingOne">
                                                    <h5 class="mb-0">
                                                        <button type="button" class="btn btn-link"
                                                                data-toggle="collapse"
                                                                data-target="#collapseCondominioEdificio"
                                                                aria-expanded="true" aria-controls="collapseOne">
                                                            Adicione os edifícios
                                                        </button>
                                                    </h5>
                                                </div>
                                                <div id="collapseCondominioEdificio" class="collapse " ng-class="(lista_edificios[0] ? 'show' : '')"
                                                     aria-labelledby="collapseCondominioEdificio"
                                                     data-parent="#accordion">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-4">
                                                                <div class="list-group">
                                                                    <div class="list-group-item list-group-item-info">
                                                                        Adicionar novo registro
                                                                    </div>
                                                                    <div class="list-group-item">
                                                                        <div class="row">
                                                                            <div class="col-12">
                                                                                <div class="form-group">
                                                                                    <label for="cmp_tituloCondominioEdificio">Titulo</label>
                                                                                    <input type="text"
                                                                                           class="form-control"
                                                                                           id="cmp_tituloCondominioEdificio"
                                                                                           ng-model="frm.condominio.edificio.titulo">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="list-group-item list-group-item-light">
                                                                        <button type="button"
                                                                                ng-click="addCondominioEdificio()"
                                                                                class="btn btn-primary btn-block">
                                                                            Adicionar
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <div class="list-group">
                                                                    <div class="list-group-item list-group-item-info">
                                                                        Registros cadastrados
                                                                    </div>
                                                                    <div class="list-group-item">
                                                                        <div class="row">
                                                                            <div class="col-12">
                                                                                <div ng-if="lista_edificios[0]" class="fancy-list-group"
                                                                                     ng-repeat="item in lista_edificios">
                                                                                    <div class="row">
                                                                                        <div class="list-group">
                                                                                            <div class="col-12">
                                                                                                <li class="list-group-item">
                                                                                                    <div class="list-group-item-content">
                                                                                                        <input type="hidden"
                                                                                                               ng-model="tituloEdificioCondominio[$index]"
                                                                                                               name="edificio_titulo[]"
                                                                                                               value="((item.titulo))">
                                                                                                        <p>
                                                                                                            <strong>((item.titulo))</strong>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                    <div class="list-group-item-controls">
                                                                                                        <div class="btn-group">
                                                                                                            <a href="javasciprt:void(0)"
                                                                                                               ng-click="removeCondominioEdificio($index)"
                                                                                                               data-toggle="tooltip"
                                                                                                               data-placement="top"
                                                                                                               title="Excluir registro">
                                                                                                                <i class="fa fa-trash"></i>
                                                                                                            </a>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </li>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <p ng-if="!lista_edificios[0]">Nenhum registro
                                                                                    cadastrado.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </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>

        </div>
    </main>
    <i class="fas fa-inbox-in"></i>
@endsection