<!-- 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 ?>"><i class="icon-home"></i></a></li>
                        <li>Carrinho</li>
                        <li>Carrinho de compra</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Breadcrumb Area End-->
<div class="cart-main-area mtb-60px">
    <div class="container">
        <h3 class="cart-page-title">Seus itens de carrinho</h3>
        <div class="row">
            <div class="col-lg-8 col-md-12 col-12">
                <?= flash()  ?>
                <div class="avisos-carrinho"></div>
                <form action="#">

                    <ul class="list-group list-group-lg list-group-flush-x mb-6 lista-row-cart">
                        <div class="sem-produtos w-100 p-5"> <div class='load-detalhes'><img src='<?= SITE ?>dist/image/my-loaders.gif' height='60'/></div> </div>

                    </ul>
                    <div class="row" id="opcao-frete">
                        <div class="col-lg-12">                          
                            <div class="cart-clears pb-4 pt-2 text-right"> 
                                <a href="#" class="trash-carrinho text-body">Remover todos os produtos</a>
                            </div>                          
                        </div>
                    </div>
                </form>
                <div class="row">
                    <div class="col-lg-6 col-md-6 mb-lm-30px mb-3" >
                        <div class="cart-tax">
                            <div class='load-detalhes'><i class="fa fa-refresh fa-2x fa-spin"></i></div>
                            <div class="title-wrap">
                                <h4 class="cart-bottom-title section-bg-gray">Calcular frete</h4>
                            </div>
                            <div class="tax-wrapper">
                                <p>Insira o seu destino para obter uma estimativa de envio.</p>
                                <div class="tax-select-wrapper mb-50px">                                                
                                    <div class="tax-select mb-50px">                                                   
                                        <input type="text" class="cep-carrinho cep" placeholder="CEP de sua cidade" />
                                        <small class="message-cep"></small>
                                    </div>
                                    <button class="cart-btn-2 capturar-frete" type="button">Calcular  </button>
                                </div>
                                <div class="total-shipping mt-50px">
                                    <hr>
                                    <h5>Opções de entrega</h5>
                                    <small>Informe o CEP ao lado para saber os custos de envio</small>
                                    <br><br>
                                    <p class="carrinho-cidade-frete text-primary"></p>
                                    <br><br>
                                    <ul class="carrinho-opcao-frete" >

                                    </ul>                             
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 mb-lm-30px mb-3">
                        <div class="cart-tax">
                            <div class='load-detalhes'><i class="fa fa-refresh fa-2x fa-spin"></i></div>
                            <div class="title-wrap">
                                <h4 class="cart-bottom-title section-bg-gray">Cupom de desconto</h4>
                            </div>
                            <div class="tax-wrapper">
                                <p>Tem um cupom de desconto? Insira aqui.</p>
                                <div class="tax-select-wrapper mb-50px">                                                
                                    <div class="tax-select mb-50px">   
                                        <input type="text" class="carrinho-cupom" required="" placeholder="CUPOM" />
                                        <small class="message-cupom"></small>
                                    </div>
                                    <button class="cart-btn-2 capturar-cupom" type="button">Aplicar Cupom</button>
                                </div> 
                                <div class="total-shipping total-cupon mt-50px">
                                    <hr>
                                    <h5>Cupom</h5>
                                    <small>Obtenha descontos aplicando cupons a sua compra</small><br><br> 
                                    <ul class="carrinho-opcao-cupom">
                                        <li>Você não aplicou nenhum cupom a esse carrinho</li>
                                    </ul>                             
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-4">

                <!-- Total -->
                <div class="grand-totall">
                    <div class='load-detalhes'><i class="fa fa-refresh fa-2x  fa-spin"></i></div>
                    <div class="title-wrap">
                        <h4 class="cart-bottom-title section-bg-gary-cart">Resumo do carrinho</h4>
                    </div>
                    <h5 >Subtotal <span class="subtotal-carrinho">R$ 0,00</span></h5>                    
                    <h5 class="desconto-carrinho" ></h5>

                    <h5 class="frete-carrinho-total" ></h5>

                    <h4 class="grand-totall-title">Valor total <span class="total-carrinho">R$ 0,00</span></h4>
                    <?php if (LOOJA_MODO == 2): ?> 
                        <a href="<?= SITE ?>finalizar-compra-whatsapp">Finalizar carrinho</a>                                
                    <?php else: ?> 
                        <a href="<?= SITE ?>in-checkout/payment">Finalizar carrinho</a>
                    <?php endif; ?> 
                </div> 

                <!-- Link -->
                <a class="btn btn-link btn-sm px-0 text-body" href="<?= SITE ?>produtos">
                    <i class="fe fe-arrow-left mr-2"></i> Continuar Comprando
                </a>

            </div>
        </div>
    </div>
</div>
<!-- cart area end -->
<?php
if ($router1 == "foraintervalo"):
    unset($_SESSION['fc_correio']);
    ?>
    <div class="modal-produto ">
        <div class='modal-container'>
            <div class="container">
                <h4>Infelizmente não podemos prosseguir com a sua compra</h4>
                <p>Não realizamos entrega para o CEP ou região informado</p>
            </div>
            <div class="modal-produto-fotter">
                <div class="row">
                    <div class="col-sm-6 text-left"><a class="btn btn-primary btn-sm" href="<?= SITE ?>carrinho"><i class="icon-action-undo"></i> Voltar para loja</a></div> 
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>