<div class="animated fadeIn page-incorporadora">
    <div class="row">
        <div class="col-md-6 col-lg-4">
            <div class="card">
                <div class="card-header">Empreendimento: <a href="<?php e(base_url("administrativo/incorporadora/empreendimento/12")); ?>">Excellence</div>
                <div class="card-body">
                    
                    <div class="form-group">
                        <h5><a class="text-dark" data-toggle="collapse" href="#collapseLandingpage" aria-expanded="false" aria-controls="collapseLandingpage">Landing page personalizada</a></h5>
                        <hr>
                    </div>
                
                    <div class="collapse show" id="collapseLandingpage" aria-labelledby="collapseLandingpage" data-parent="#accordion">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active " id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="galeria-tab" data-toggle="tab" href="#galeria" role="tab" aria-controls="galeria" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Galeria
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="unidades-tab" data-toggle="tab" href="#unidades" role="tab" aria-controls="unidades" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Unidades
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="formulario-tab" data-toggle="tab" href="#formulario" role="tab" aria-controls="formulario" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Formulário
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="sobre-tab" data-toggle="tab" href="#sobre" role="tab" aria-controls="sobre" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Sobre
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="diferenciais-tab" data-toggle="tab" href="#diferenciais" role="tab" aria-controls="diferenciais" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Diferenciais
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="rodape-tab" data-toggle="tab" href="#rodape" role="tab" aria-controls="rodape" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Rodapé
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-8">
            <div class="tab-content">
                <!--Landingpage-->
                <div class="tab-pane fade active show" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                    <div class="card">
                        <div class="card-header">Definição de cores</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group m-0">
                                        <label for="cores">Usar cor padrão:</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="form-check form-check-inline mr-1">
                                            <input type="radio" value="option1" name="tipo_cor" class="form-check-input" id="tipo_cor1" checked="checked">
                                            <label class="form-check-label" for="tipo_cor1">Sim</label>
                                        </div>
                                        <div class="form-check form-check-inline mr-1">
                                            <input type="radio" value="option2" name="tipo_cor" class="form-check-input" id="tipo_cor2">
                                            <label class="form-check-label" for="tipo_cor2">Não, quero definir uma cor.</label>
                                        </div>
                                        <div class="form-check form-check-inline mr-1">
                                            <input type="radio" value="option3" name="tipo_cor" class="form-check-input" id="tipo_cor3">
                                            <label class="form-check-label" for="tipo_cor3">Não, quero 2 tipos de cores.</label>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="primeira_cor">Cor padrão</label>
                                        <div class="input-group colorpk colorpicker-component w-25">
                                            <input type="text" name="primeira_cor" class="form-control colorpk-val" id="primeira_cor" value="#2196f3">
                                            <div class="input-group-append"><span class="input-group-text input-group-addon"><i class="fa fa-eyedropper"></i></span></div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="segunda_cor">Cor secundária</label>
                                        <div class="input-group colorpk colorpicker-component w-25">
                                            <input type="text" name="segunda_cor" class="form-control colorpk-val" id="segunda_cor">
                                            <div class="input-group-append"><span class="input-group-text input-group-addon"><i class="fa fa-eyedropper"></i></span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                    <div class="card">
                        <div class="card-header">Informações do topo</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="galeria" role="tabpanel" aria-labelledby="galeria-tab">
                    <div class="card">
                        <div class="card-header">Galeria</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="unidades" role="tabpanel" aria-labelledby="unidades-tab">
                    <div class="card">
                        <div class="card-header">Unidades</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="formulario" role="tabpanel" aria-labelledby="formulario-tab">
                    <div class="card">
                        <div class="card-header">Formulário</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="sobre" role="tabpanel" aria-labelledby="sobre-tab">
                    <div class="card">
                        <div class="card-header">Sobre</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="diferenciais" role="tabpanel" aria-labelledby="diferenciais-tab">
                    <div class="card">
                        <div class="card-header">Diferenciais</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="rodape" role="tabpanel" aria-labelledby="rodape-tab">
                    <div class="card">
                        <div class="card-header">Rodaé</div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6">
                                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group mt-4">
        <h5>Serviços - <a class="" href="<?php e(base_url("administrativo/incorporadora/empreendimento")); ?>">Excellence</a></h5>
        <hr>
    </div>

    <div class="row">
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-people"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Definição do público-alvo</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-user-follow"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Landing pages personalizadas</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-basket-loaded"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Peças publicitárias</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-warning" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-pie-chart"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Atendimento especializado</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-speedometer"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Projeto e tour 360°</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-speech"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Encaminhamento para a House</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-sm-6 col-md-2">
            <div class="card">
                <div class="card-body">
                    <div class="h1 text-muted text-right mb-4">
                        <a href="<?php e(base_url("administrativo/incorporadora/servicos")); ?>" class="text-decoration-none"><i class="icon-speech"></i></a>
                    </div>
                    <div class="text-value">25%</div>
                    <small class="text-muted text-uppercase font-weight-bold">Relatório de conversão online</small>
                    <div class="progress progress-xs mt-3 mb-0">
                        <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="addEmpreendimento" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-primary" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Gerar contrato</h4>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="cores">Deseja realmente gerar contrato?</label>
                    <div class="form-check">
                        <input class="form-check-input" id="radio1" type="radio" value="radio1" name="radios">
                        <label class="form-check-label" for="radio1">Sim</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" id="radio2" type="radio" value="radio2" name="radios">
                        <label class="form-check-label" for="radio2">Não, talvez mais tarde.</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" type="button">Gerar</button>
                <button class="btn btn-outline-danger" type="button" data-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>
















<!-- /.fim -->