<?php  
use Source\Helpers\Check;
?>
<div class="offcanvas-overlay"></div>
<!-- Breadcrumb Area Start -->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="breadcrumb-content">
                    <ul class="nav">
                        <li><a href="<?= SITE ?>">Início</a></li>
                        <li><a href="<?= SITE ?>carrinho">Carrinho</a></li>
                        <li>Finalizar pedido whatsapp</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div> 
<!-- Breadcrumb Area End-->
<!-- checkout area start -->
<div class="checkout-area mt-60px mb-40px">

    <div class="container">  
        <div class="alerta-carrinho"></div>
        <div class="row">   
            <div class="col-lg-7">
                <div class="billing-info-wrap">
                    <h4 class="text-primary">Opções de entrega</h4>
                    <p>Escolha um dos seus endereços cadastrados ou cadastre um novo endereço</p><br>
                    <ul class="list-group list-group-unbordered FULLREMOVE" data-path='_cdn/account/' data-action='account_del_end' data-callback='account' >
                        <?php
                        $noEnd = false;
                        $Read->ExeRead(DB_END, "WHERE endereco_id_cliente=:eic", "eic={$user_id}");
                        if ($Read->getResult()):

                            foreach ($Read->getResult() as $value) :
                                extract($value);
                                ?>
                                <li class="list-group-item  remove_item " data-remove="<?= $endereco_id ?>">
                                    <label class='d-flex justify-content-start'><input class="radio-info radio-frete" name="endereco" value="<?= $endereco_id ?>" type="radio"><div class="pl-2"><?= "<b>{$user_name} - " . $endereco_title . " :</b> <br> " . $endereco_rua . ", " . $endereco_numero . ", CEP: " . $endereco_cep . ", " . $endereco_bairro . ", " . $endereco_cidade . " - " . $endereco_estado; ?></div></label>
                                </li>                                                
                                <?php
                            endforeach;
                        else:
                            $noEnd = true;
                            echo "<br><br><div class='j_aviso alert alert-warning text-center'><h3>:( OPPSS!!</h3><p>Não há endereços cadastrados ainda!</p></div>";
                        endif;
                        ?>                                                
                    </ul>
                    <div class="text-right"><a class="btn btn-link" href='<?= BASECLIENTE ?>enderecos'>Editar meus endereços</a> <button  class='btn btn-sm btn-success add-endereco'><i class="fa fa-plus"></i> Adicionar um endereço</button></div>
 
                </div> 
            </div>
            <div class="col-lg-5 mt-md-30px mt-lm-30px ">
                <div class="your-order-area">
                    <h3>Seu pedido</h3>
                    <div class="your-order-wrap gray-bg-4">
                        <div class="your-order-product-info">                           
                            <div class="minicart-product-list lista-carrinho">

                            </div>
                            <hr>
                            <div class="total-shipping total-cupon">
                                <h5>Cupom</h5>
                                 <small>Obtenha descontos aplicando cupons a sua compra</small>
                                  <br>
                                <ul class="carrinho-opcao-cupon pt-3">
                                    <li>Sem cupom aplicado</li>
                                </ul>                             
                            </div>
                            <hr>
                            <div class="total-shipping">
                                <h5>Opções de entrega</h5>
                                  <small>Escolha o endereço ao lado para exibir opções de frete</small>
                                   
                                <ul class='carrinho-opcao-frete pt-3 '>
                                    
                                </ul>
                            </div>
                             
                            <div class="your-order-total">
                                <ul>
                                    <li class="order-total">Total</li>
                                    <li class="total-carrinho">R$ 0,00</li>
                                </ul>
                            </div>
                        </div>
                        <div class="payment-method">
                            <h4>Endereço escolhido:</h4>
                            <p class="econ-endereco-selecionado"></p>

                        </div>
                    </div>
                    <div class=" mt-25">
                        <a class="btn btn-lg btn-block btn-success btn-concluir-pedido" href="#"><i class="fa fa-whatsapp"></i> Concluir Pedido</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- checkout area end -->

<!-- Modal -->
<div class="modal fade" id="modalEndereco" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class='modal-title'>Cadastrar novo endereço</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
            </div>
            <div class="modal-body">
                <form name="cadastraEnd" method="POST" class="new_endereco fc_infor_cep" data-path="_cdn/account/" data-call-action="account_new_end_url" data-callback="account"> 
                    <div class="row "> 
                        <div class="col-md-6">
                            <div class="form-group">
                                <label >Cep</label>
                                <input type="text" class="form-control cep fc_cep" name="endereco_cep" placeholder="CEP" required>
                            </div>
                            <div class="form-group">
                                <label >Nome (Defina um nome para esse endereço)</label>
                                <input type="text" class="form-control" name="endereco_title"  placeholder="Ex: Minha casa" required>
                            </div>
                            <div class="form-group">
                                <label >Endereço</label>
                                <input type="text" class="form-control fc_logradouro" name="endereco_rua"  placeholder="Nome da rua"required>
                            </div>
                            <div class="form-group">
                                <label>Número</label>
                                <input type="text" class="form-control number" name="endereco_numero" placeholder="Número da casa" required>
                            </div>
                        </div>
                        <!-- /.col -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label >Complemento</label>
                                <input type="text" class="form-control" name="endereco_complemento" placeholder="Ex: Casa 8, Ap11" required>
                            </div>
                            <div class="form-group">
                                <label >Bairro</label>
                                <input type="text" class="form-control fc_bairro" name="endereco_bairro" placeholder="Bairro" required>
                            </div>
                            <div class="form-group">
                                <label >Cidade</label>
                                <input type="text" class="form-control fc_localidade"  name="endereco_cidade" placeholder="Cidade" required>
                            </div>
                            <div class="form-group">
                                <label >Estado</label>
                                <select class="form-control fc_estado" name="endereco_estado" required >
                                    <option>SELECIONE O ESTADO</option>
                                    <?php
                                    echo "<option selected=\"selected\" value=' '>Selecione o estado</option>";
                                    $Read->ExeRead("app_estados");
                                    if ($Read->getResult()):
                                        foreach ($Read->getResult() as $value):
                                            echo "<option value='{$value['estado_uf']}'>{$value['estado_uf']} - {$value['estado_nome']}</option>";
                                        endforeach;
                                    endif;
                                    ?>
                                </select>
                            </div> 
                        </div>
                        <div class="form-group col-sm-12">
                            <label >Informações complementares (informe pontos de referência próximos a esse endereço)</label> 
                            <textarea type="text" class="form-control"  name="endereco_content" ></textarea>
                        </div>
                        <div class="form-group col-sm-12">
                            <label >Código iframe da localização </label> <a class="small" href="https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop&hl=pt-BR" target="_blank"><i class="fa fa-link"></i> Obter o código iframe do google maps</a>
                            <textarea type="text" class="form-control"  name="endereco_google_maps" ></textarea>
                        </div>
                        <div class="col-sm-12 text-center">
                            <input type="hidden" name="endereco_id_cliente" value="<?= $user_id; ?>"> 
                            <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-check"></i> CADASTRAR</button>  
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Modal end -->