@extends('cliente.layout.menu')

@section('css')
    <style>
        .pedido {
            border: 1px solid;
            border-radius: 10px;
        }

        .numero label {
            color: #fff;
        }

        .info{
            color: #fff !important;
            /* border-bottom-color: #fff !important; */
            border-bottom: 1px solid;
        }

        .divider{
            border-color: #fff !important;
        }

        .numero-pedido{
            font-size: 18px;
        }
    </style>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-11 col-12 text-center mt-2">
                <h3>Meus Pedidos</h3>
            </div>
        </div>

        @foreach ($cliente->pedidos() as $pedido)
            <div class="row pedido p-2 mt-4">
                <div class="col-md-12 col-12 text-center numero">
                    <label class="numero-pedido">Pedido nº {{ $pedido->id }}</label> &nbsp;
                    {!! $pedido->status() !!}
                </div>
                @foreach ($pedido->items() as $item)
                    <div class="col-md-12 col-12 info">
                        <label class="categoria">{{ $item->categoria }}
                            ({{ $item->borda }})
                        </label>
                        <label class="float-right valor">R$ {{ number_format($item->valor, 2, ',', '.') }}</label> <br>

                        {{ $item->sabores }} ({{ $item->adicionais }})
                    </div>
                @endforeach

                @foreach ($pedido->bebidas() as $bebida)
                    <div class="col-md-12 col-12 info">
                        <label>{{ $bebida->descricao() }} (Qtd: {{ $bebida->qtd }})</label>
                        <label class="float-right valor">R$ {{ number_format($bebida->valorTotal, 2, ',', '.') }}</label>
                    </div>
                @endforeach

                <div class="col-md-12 col-12 total text-center">
                    <label class="text-center">
                        SubTotal: R$ {{ number_format($pedido->subTotal(), 2, ",", ".") }} <br>
                        Entrega: R$ {{ number_format($pedido->taxa, 2, ",", ".") }} <br>
                        Total: R$ {{ number_format($pedido->subTotal() + $pedido->taxa, 2, ",", ".") }}
                    </label>
                </div>
            </div>
        @endforeach
    </div>
@endsection