@extends('layouts.site')

@section('content')

<h4 class="my-5">Carrinho de Compra
  <hr>
</h4>

@if(count($array_produtos) > 0)
<table class="table table-sm">
  <thead>
    <tr>
      <th scope="col">Produto</th>
      <th scope="col">Imagem do Produto</th>
      <th scope="col">Quantidade</th>
      <th scope="col">Valor Produto</th>
      <th scope="col">Valor Total</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    @foreach($array_produtos as $key => $produto)

    <tr>
      <td class="pt-4">{{ $produto->nome_produto }}</td>
      <td>
        @foreach($array_produtos_fotos[$key] as $foto)
          @php
            $foto_url = $foto->url_image;
          @endphp
          <img src="/arquivos/upload/produtos/fotos/{{ $foto_url }}" class="img-thumbnail image-produto-carrinho" title="{!! $produto->nome_produto !!}" alt="{!! $produto->nome_produto !!}">
        @endforeach
      </td>
      <td class="pt-4">
        @foreach($array_produtos_quantidades[$key] as $qtd)
          {{ $qtd }}
        @endforeach
      </td>
      @if($produto->valor_promocao > 0)
      <td class="pt-4">{{ number_format($produto->valor_promocao,2,',','.') }}</td>
      <td class="pt-4">{{ number_format($produto->valor_promocao*$qtd,2,',','.') }}</td>
      @else
      <td class="pt-4">{{ number_format($produto->valor,2,',','.') }}</td>
      <td class="pt-4">{{ number_format($produto->valor*$qtd,2,',','.') }}</td>
      @endif
      <td class="pt-4">
        <form action="{{ route('carrinho.destroy',$carrinho[$key]->id) }}" method="POST">
          @csrf
          @method('DELETE')
          <button type="submit" class="btn btn-secondary btn-sm" style="font-size:12px;">
            Remover
          </button>
        </form>
      </td>
    </tr>

    @endforeach
    <tr>
      <td colspan="5" class="text-center">
        <button class="col-5 btn btn-sm btn-block btn-secondary my-5" onclick="limpar_carrinho();">Limpar Carrinho</button>
        &nbsp;
        <!-- <button class="col-4 btn btn-sm btn-block btn-success my-5" onclick="finalizar_carrinho();">Finalizar Carrinho</button> -->
        <a href="{{ route('loja.carrinho.finalizar') }}" class="col-5 btn btn-sm btn-block btn-success my-5">Finalizar Carrinho</a>
      </td>
    </tr>
  </tbody>
</table>
@else
<div class="col-12 text-center alert alert-info" role="alert">
  Nenhum produto foi adicionado ao carrinho de compra até o momento.!
</div>
@endif

@endsection