@extends('layouts.site')

@section('title', 'Carrinho de Compras')

@section('content')
    <div class="container">
        <h1 class="mb-4">Seu Carrinho de Compras</h1>

        @if(count($cartItems) > 0)
            <div class="row">
                {{-- Itens do Carrinho --}}
                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-body">
                            @foreach($cartItems as $item)
                                <div class="row mb-3 border-bottom pb-3 align-items-center">
                                    <div class="col-md-2">
                                        @if($item->attributes->image)
                                            <img src="{{ asset('storage/' . $item->attributes->image) }}" alt="{{ $item->name }}" class="img-fluid rounded">
                                        @else
                                            <img src="https://via.placeholder.com/100x100.png/f8f9fa/6c757d?text=Sem+Imagem" class="img-fluid rounded" alt="Sem Imagem">
                                        @endif
                                    </div>
                                    <div class="col-md-4">
                                        <h5>{{ $item->name }}</h5>
                                        <p class="text-muted mb-0">Preço Unitário: R$ {{ number_format($item->price, 2, ',', '.') }}</p>
                                    </div>
                                    <div class="col-md-3">
                                        {{-- Formulário de Atualização de Quantidade --}}
                                        <form action="{{ route('site.cart.update', $item->id) }}" method="POST" class="d-flex">
                                            @csrf
                                            <input type="number" name="quantity" value="{{ $item->quantity }}" class="form-control me-2" style="width: 80px;" min="1">
                                            <button type="submit" class="btn btn-sm btn-outline-dark">Atualizar</button>
                                        </form>
                                    </div>
                                    <div class="col-md-2">
                                        <label>Subtotal:</label>
                                        <p class="fw-bold fs-5 mb-0">R$ {{ number_format(\Cart::get($item->id)->getPriceSum(), 2, ',', '.') }}</p>
                                    </div>
                                    <div class="col-md-1 text-end">
                                        {{-- Formulário de Remoção --}}
                                        <form action="{{ route('site.cart.remove', $item->id) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-danger" title="Remover item">&times;</button>
                                        </form>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                {{-- Resumo do Pedido (continua o mesmo) --}}
                <div class="col-lg-4">
                    <div class="card">
                        <div class="card-header">
                            <h5>Resumo do Pedido</h5>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between">
                                <span>Subtotal</span>
                                <span>R$ {{ number_format($cartTotal, 2, ',', '.') }}</span>
                            </div>
                            <div class="d-flex justify-content-between">
                                <span>Frete</span>
                                <span>Grátis</span>
                            </div>
                            <hr>
                            <div class="d-flex justify-content-between fw-bold fs-5">
                                <span>Total</span>
                                <span>R$ {{ number_format($cartTotal, 2, ',', '.') }}</span>
                            </div>
                            <div class="d-grid mt-4">
				<a href="{{ route('site.cart.checkout') }}" class="btn btn-danger btn-lg">Finalizar Compra</a>				
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            {{-- ... (código para carrinho vazio continua o mesmo) ... --}}
        @endif
    </div>
@endsection