@extends('layouts.page')

@section('content')

<!-- LINK FIXO -->
@if($acao == 'link_fixo')
<div class="col-12 mt-5">
    <div class="card-body">
        <h5 class="card-title">{!! $page[0]->titulo !!}
            <hr>
        </h5>
        <p class="card-text">{!! $page[0]->conteudo !!}</p>
    </div>
</div>
@endif

<!-- LINK CATEGORIA -->
@if($acao == 'link_categoria')
<div class="mt-5">
    <h5 class="card-title">{!! $page[0]->nome !!}
        <hr>
    </h5>
</div>

@isset($produtos)
<div class="row">
    @foreach($produtos as $produto)
    <div class="col-12 col-md-3 col-lg-3 mt-3">
        <div class="card-body box-categoria-produtos">
            @foreach($array_produto_fotos as $foto)
            @if($produto->id == $foto[0]->produto_id)
            <div class="text-center">
                <a href="{{ route('produto.show',$produto->url) }}">
                    <img src="/arquivos/upload/produtos/fotos/{{ $foto[0]->url_image }}" class="img-thumbnail image-produto" title="{!! $produto->nome_produto !!}" alt="{!! $produto->nome_produto !!}">
                </a>
            </div>
            @endif()
            @endforeach()
            <div class="card-text">
                <h6 class="text-center text-uppercase mt-2">{!! $produto->nome_produto !!}</h6>
                <div class="text-center">
                    <h5 class="text-center rounded valor_produto">
                        @if($produto->valor_promocao > 0)
                        <h6 class="text-danger text-decoration-line-through">De R$ {!! number_format($produto->valor,2,',','.') !!}</h6>
                        <h5 class="text-dark fw-bold">Por R$ {!! number_format($produto->valor_promocao,2,',','.') !!}</h5>
                        @else
                        R$ {!! number_format($produto->valor,2,',','.') !!}
                        @endif
                    </h5>
                    <a href="{{ route('produto.show',$produto->url) }}" class="col-12 btn btn-sm btn-primary">
                        <ion-icon name="reader-outline"></ion-icon>&nbsp;Ver Produto
                    </a>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endisset

@isset($array_produtos)
<div class="row">
    @foreach($array_produtos['produtos'] as $key => $value)
    @foreach($array_produtos['produtos'][$key] as $produto)
    <div class="col-12 col-md-3 col-lg-3 mt-3">
        <div class="card-body box-categoria-produtos">
            @foreach($array_produto_fotos['produtos_fotos'][$key] as $foto)
            @if($produto->id == $foto[0]->produto_id)
            <div class="text-center">
                <!-- Imagem do Produto -->
                <img src="/arquivos/upload/produtos/fotos/{{ $foto[0]->url_image }}" class="img-thumbnail image-produto" title="{!! $produto->nome_produto !!}" alt="{!! $produto->nome_produto !!}">
            </div>
            @endif
            @endforeach
            <div class="card-text">
                <h6 class="text-center text-uppercase mt-2">{!! $produto->nome_produto !!}</h6>
                <div class="text-center">
                    <p class="text-center rounded valor_produto">
                        @if($produto->valor_promocao > 0)
                    <h6 class="text-danger text-decoration-line-through">De R$ {!! number_format($produto->valor,2,',','.') !!}</h6>
                    <h5 class="text-dark fw-bold">Por R$ {!! number_format($produto->valor_promocao,2,',','.') !!}</h5>
                    @else
                    R$ {!! number_format($produto->valor,2,',','.') !!}
                    @endif
                    </p>
                    <a href="{{ route('produto.show',$produto->url) }}" class="col-12 btn btn-sm btn-primary">
                        <ion-icon name="reader-outline"></ion-icon>&nbsp;Ver Produto
                    </a>
                </div>
            </div>
        </div>
    </div>
    @endforeach
    @endforeach
</div>
@endisset

<div class="modal fade" id="descricaoProduto" tabindex="-1" aria-labelledby="descricaoProdutoLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="descricaoProdutoLabel">Descrição do Produto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body text-start" id="descricao_produto_modal">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

@endif

@endsection