<!--inicio etapa-3 -->
<div class="etapa-3" data-title="Etapa 3 - Concluindo">   

    <!--inicio step-8 -->
    <div class="step">
        <div class="row">
            <div class="col-lg-6 pr-40">
                <div class="container-info">
                    <div class="content-title">
                        <?php if($textTitulo??false){
                            e("<h2>$textTitulo</h2>");
                        } else { ?>
                            <h2>Cadastro<span>de imóvel</span></h2>
                        <?php } ?>
                    </div>
                    <p>A qualidade das fotos do seu anúncio é essencial na hora da venda. Pensando nisso, o COMDONO conta com uma equipe de profissionais para registrar fotos, vídeos e um tour 3D. Assim, o comprador pode fazer uma visita prévia antes mesmo de sair de casa, tudo sem custos adicionais para quem deseja vender.</p>

                    <p>Este serviço é opcional. Se já tiver suas próprias fotos, basta fazer upload ao lado. Para solicitar as fotos do COMDONO, marque o box e selecione o melhor horário para nossa equipe entrar em contato com você.</p>
                </div>
            </div>
            <div class="col-lg-6 pl-40">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="content-subtitle">
                            <h3>Fotos do imóvel</h3>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" name="fotos_profissionais" class="custom-control-input" id="fotos_profissionais" <?php e($imovel->fotos_profissionais == "on" ? "checked" : ""); ?>>
                        <label class="custom-control-label" for="fotos_profissionais">Solicitar fotos profissionais</label>
                    </div>
                </div>
                
            	<div class="form-group box-agendamento" <?php e(($imovel->fotos_profissionais !== "on") ? "style='display: none;'" : "style='display: block;'"); ?>>
            	    <p>Qual é o melhor horário para entrar em contato com você?</p>
            		<div class="custom-control custom-radio">
            			<input type="radio" id="8h-12h" data-valor="8h-12h" name="melhor_horario" class="custom-control-input" value="8h - 12h" <?php e($imovel->melhor_horario == "8h - 12h" ? "checked" : ""); ?>>
            			<label class="custom-control-label" for="8h-12h">8h - 12h</label>
                    </div>
            		<div class="custom-control custom-radio">
            			<input type="radio" id="12h-14h" data-valor="12h-14h" name="melhor_horario" class="custom-control-input" value="12h - 14h" <?php e($imovel->melhor_horario == "12h - 14h" ? "checked" : ""); ?>>
            			<label class="custom-control-label" for="12h-14h">12h - 14h</label>
            		</div>
            		<div class="custom-control custom-radio">
            			<input type="radio" id="14h-18h" data-valor="14h-18h" name="melhor_horario" class="custom-control-input" value="14h - 18h" <?php e($imovel->melhor_horario == "14h - 18h" ? "checked" : ""); ?>>
            			<label class="custom-control-label" for="14h-18h">14h - 18h</label>
            		</div>
            		<div class="custom-control custom-radio">
            			<input type="radio" id="18h-20h" data-valor="18h-20h" name="melhor_horario" class="custom-control-input" value="18h - 20h" <?php e($imovel->melhor_horario == "18h - 20h" ? "checked" : ""); ?>>
            			<label class="custom-control-label" for="18h-20h">18h - 20h</label>
            		</div>
            	</div>
                <div class="form-group box-galeria" <?php e(($imovel->fotos_profissionais !== "on") ? "style='display: block;'" : "style='display: none;'"); ?>>
                    <!-- Redirect browsers with JavaScript disabled to the origin page -->
    				<noscript>
    					<input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/">
    				</noscript>
    				<div class="container-imagens">
    				    <div class="box-grid">
    				        <ul id="sortable" class="row files">
    				            <?php if(!empty($imagens)){?>
    				            <?php for($i=0; $i < count($imagens); $i++){ ?>
    				                <li class="sort-item" data-id="<?php e($imagens[$i]->id_img); ?>" data-name="<?php e($imagens[$i]->imagem); ?>">
    				            	    <div class="box">
    				                        <div class="container-actions container-move icon icon-move d-none-767">
    				                            <i class="fa fa-arrows" aria-hidden="true"></i>
    				                        </div>
        				                    <div class="container-actions container-exluir icon act-click" data-id="<?php e($imagens[$i]->id_img); ?>">
        				                        <i class="fa fa-times" aria-hidden="true"></i>
        				                    </div>
        				                    <div class="container-actions container-exluir pergunta excluir_foto" data-pergunta="<?php e($imagens[$i]->id_img); ?>" data-url="<?php echo base_url('comdono/ajax/galeria_ajax/deletar?file='.$imagens[$i]->imagem); ?>">
        				                        Remover?
        				                    </div>
            				                <a href="<?php  HImg::ref($imagens[$i]); ?>" title="<?php e($imagens[$i]->imagem); ?>" download="<?php e($imagens[$i]->imagem); ?>" data-gallery="" class="previewLink" >
            				                    <div class="content-img grid" style="background-image: url('<?php HImg::ref($imagens[$i]); ?>');"></div>
    					            	    </a>
    				            	    </div>
    				            	    
    				            	    <div class="add-legenda">
    				            	        <input class="descricao_imagem" type="text" name="descricao" value="<?php e(@$imagens[$i]->descricao); ?>" data-imagem="<?php e($imagens[$i]->imagem); ?>" placeholder="Adicionar Legenda">
    				            	    </div>
    				                </li>
    				            <?php } } ?>
    				        </ul>
    				        <div class="btn-upload not-sortable">
    				            <div class="fileupload-buttonbar">
                					<div class="fileupload-buttons">
            						    <div class="container-upload fileupload_div">
            								<button type="button" class="btn btn-success box-upload fileinput-button">
            								    <div class="ico arrow">
            								        <i class="material-icons">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                           <path fill="none" d="M0 0h24v24H0V0z"/>
                                                           <path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/>
                                                        </svg>
                                                    </i>
            								    </div>
            								    <div class="ico space">
            								        <i class="material-icons">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                           <path fill="none" d="M0 0h24v24H0V0z"/>
                                                           <path d="M18 9v4H6V9H4v6h16V9h-2z"/>
                                                        </svg>
                                                    </i>
            								    </div>
            									<p>Clique ou arraste e solte<span>as fotos aqui</span></p>
            									<input id="fileupload" type="file" name="files[]" multiple>
            								</button>
            							</div>
                					</div>
                				</div>
            				</div>
    				    </div>
    				</div>
    				<!-- The blueimp Gallery widget -->
					<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"  data-hide-page-scrollbars="false" data-filter=":even">
						<div class="slides"></div>
						<h3 class="title"></h3>
						<a class="prev">‹</a>
						<a class="next">›</a>
						<a class="close">×</a>											
					</div>
                    <!-- The template to display files available for download -->
                    <!-- ------- NÃO REMOVER O ESPAÇO EM BRANCO ENTRE AS TAGS ------- -->
                    <script id="template-download" type="text/x-tmpl"> </script>
                    <!-- ------- NÃO REMOVER O ESPAÇO EM BRANCO ENTRE AS TAGS ------- -->
                </div>
            </div>
        </div>
    </div>
</div>