<link rel="stylesheet" href="<?php echo BASE_URL;?>assets/css/carrinho.css">
<link rel="stylesheet" href="<?php echo BASE_URL;?>assets/css/slick_car.css">
<link rel="stylesheet" href="<?php echo BASE_URL;?>assets/css/slick-theme.css">


<div class="container-card">
  <div class="card-int">
    <div class="breadcrumb">
      <ul>
        <li><a href="/">Home</a></li>
        <li><b>Carrinho</b></li>
      </ul>
    </div>
    <center><span class="title-card">Carrinho de compra</span></center>

    <table class="card-table">
      <thead>
        <tr style="border: solid 1px #937ca9">
          <th style="width: 70%" colspan=2> Produto Escolhido</th>
          <th class="th_Mobile"> Qtd </th>
          <th class="th_Mobile"> Unitário </th>
          <th class="th_Mobile"> Subtotal </th>
          <th class="th_Mobile"></th>
        </tr>
      </thead>

      <?php foreach($produtos as $produto): ?>
        <tr data-price="<?php echo number_format($produto['preco'],2, '.', ' ');?>" data-qt="1">
          <td><img src="<?php echo BASE_URL;?>/assets/img/produtos/<?php echo $produto['imagem'];?>" border="0" width="90" alt="Casa Completa <?php echo $produto['nome'];?>" title="<?php echo $produto['nome'];?>"/><span id="nameMobile"><?php echo $produto['nome'];?></span></td>
          <td id="nameMobile1" style="max-width: 100px; word-wrap:break-word; "><?php echo $produto['nome']; ?></td>
          <td>
            <button id ="btn-plus" onclick ="aumentar(this)"><i class="fa fa-plus" aria-hidden="true"></i></button>
            <span class="qt">1</span>
            <button id="btn-minus" onclick ="diminuir(this)"><i class="fa fa-minus" aria-hidden="true"></i></button>
          </td>
          <td>R$ <?php echo number_format($produto['preco'],2, ',', ' '); ?></td>
          <td class="subtotal">R$ <?php echo number_format($produto['preco'],2, ',', ' '); ?></td>
          <td><a href="<?php echo BASE_URL;?>carrinho/deletar/<?php echo $produto['id'];?>"><i class="fa fa-times" aria-hidden="true" style="color:red;"></i></td>
          <?php endforeach; ?>
        </tr>
      </div>
    </table>





    <div class="box-help">
      <div class="box-help-left">
        <div class="box-help-email">
          <div class="box-help-email-int">
            <span class="box-help-email-title"> POSSO AJUDAR? </span><br/>
            <span> E-mail:loremipsum@loremipsum.com.br <br/> Telefone: (32) 5555-5555 </span>
          </div>
        </div>
        <div class="box-help-cep">
          <div class="box-help-cep-int">
            <span class="box-help-email-title"> Calculo do Frete: </span><br/>
            <form  method="POST">
              <input type="text" name="cep" id="car-cep">
              <button id="btn-calcular" class="btn btn-default" type="submit" > Calcular</button>
            </form>
            <a href="<?php echo BASE_URL;?>carrinho/finalizar">finalizar teste</a>
          </div>
        </div>
      </div>
      <div class="total">
       RS 150000,00
      </div>
   </div>

    <div class="related">
      <h1><span style="font-family:Sacramento, sans-serif;">Aproveite Também</span></h1>
      <div class="related_slider">
        <a href="<?php echo BASE_URL;?>produto/ver/<?php echo $prods['id'];?>"></a>
        <ul class="autoplay" style="padding-left:0!important;">
          <?php foreach($allProd as $prods):?>
            <li>
              <a href="<?php echo BASE_URL;?><?php echo $prods['catslug'];?>/<?php echo $prods['subslug'];?>/<?php echo $prods['slug'];?>"><img class="img-responsive" src="<?php echo BASE_URL;?>assets/img/produtos/<?php echo $prods['imagem']; ?>" border="0" alt="Casa Completa <?php echo $produto['nome'];?>" title="<?php echo $produto['nome'];?>"/>
                <div class="related_prod_name">
                  <?php echo $prods['nome'];?>
                </div>
                <div class="related_prod_price">
                  <?php echo number_format($prods['preco'],2, ',', '');?>
                </div>
              </li></a>
            <?php endforeach;?>
          </ul>
        </div>
      </div>
    </div>

    <script src="<?php echo BASE_URL;?>assets/js/slick.min.js"></script>
    <script src="<?php echo BASE_URL;?>assets/js/slick_related.js"></script>
    <script src="<?php echo BASE_URL;?>assets/js/jquery.maskedinput.js"></script>
    <script src="<?php echo BASE_URL;?>assets/js/carrinho.js"></script>