@extends('cliente.layout.menu')

@section('footer')
    @include('cliente.layout.footer')
@endsection

@section('content')
    <section class="ftco-section">
        <div class="container">
            <div class="row justify-content-center mb-5 pb-3 pt-4">
                <div class="col-md-7 heading-section text-center ftco-animate">
                    <h2 class="mb-4">Cardárpio</h2>
                    <p class="flip"><span class="deg1"></span><span class="deg2"></span><span class="deg3"></span>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    {{-- @foreach ($categorias as $categoria)
                        <a href="{{ route('detalhesPedido', $categoria->id) }}">
                            <div class="pricing-entry d-flex ftco-animate">
                                <div class="desc pl-3">
                                    <div class="d-flex text align-items-center">
                                        <h3><span style="font-size: 22px;">{{ $categoria->titulo }}</span></h3>
                                        <span class="price">a partir de R$
                                            {{ number_format($categoria->menorPreco(), 2, ',', '.') }}</span>
                                    </div>
                                    <div class="d-block">
                                        <p style="font-size: 20px;">{{ $categoria->descricao }}</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    @endforeach --}}

                    @foreach ($tamanhos as $tamanho)
                        <a href="{{ route('detalhesPedido', $tamanho->nome) }}">
                            <div class="pricing-entry d-flex ftco-animate">
                                <div class="desc pl-3">
                                    <div class="d-flex text align-items-center">
                                        <h3><span style="font-size: 22px;">{{ strtoupper($tamanho->nome) }} - {{ $tamanho->subNome }}</span></h3>
                                        <span class="price">a partir de R$
                                            {{ number_format($tamanho->menorPreco(), 2, ',', '.') }}</span>
                                    </div>
                                    <div class="d-block">
                                        <p style="font-size: 20px;">{{ $tamanho->descricao }}</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    @endforeach
                </div>

                @if ($bebidas->count() > 0)
                    <div class="col-md-12">
                        <a href="{{ route('bebidas') }}">
                            <div class="pricing-entry d-flex ftco-animate">
                                {{-- <div class="img" style="background-image: url({{ $categoria->img }});"></div> --}}
                                <div class="desc pl-3">
                                    <div class="d-flex text align-items-center">
                                        <h3><span style="font-size: 22px;">BEBIDAS</span></h3>
                                        <span class="price">a partir de R$
                                            {{ number_format($bebidas[0]->menorPreco(), 2, ',', '.') }}</span>
                                    </div>
                                    <div class="d-block">
                                        <p></p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection