@extends('layouts.site')

@section('title', 'Finalizar Compra')

@section('content')
    <div class="container">
        <h1 class="mb-4">Finalizar Compra</h1>

	<form action="{{ route('site.cart.process') }}" method="POST">
	@csrf
            <div class="row">
                {{-- Coluna do Endereço de Entrega --}}
                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-map-marker-alt me-2"></i>Endereço de Entrega</h5>
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="endereco" class="form-label">Endereço Completo</label>
                                <textarea name="endereco_entrega" id="endereco" class="form-control" rows="4" required placeholder="Ex: Rua Exemplo, 123, Bairro Centro, Belém, PA, 66000-000"></textarea>
                            </div>
                            {{-- No futuro, podemos adicionar mais campos como CEP, nome, etc. --}}
                        </div>
                    </div>
                </div>

                {{-- Coluna do Resumo do Pedido --}}
                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-header">
                            <h5><i class="fas fa-list-alt me-2"></i>Resumo do Pedido</h5>
                        </div>
                        <div class="card-body">
                            @foreach($cartItems as $item)
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <div class="d-flex align-items-center">
                                        <img src="{{ asset('storage/' . $item->attributes->image) }}" alt="{{ $item->name }}" class="img-fluid rounded me-2" style="width: 50px;">
                                        <span>{{ $item->name }} (x{{ $item->quantity }})</span>
                                    </div>
                                    <span class="fw-bold">R$ {{ number_format($item->price * $item->quantity, 2, ',', '.') }}</span>
                                </div>
                            @endforeach
                            <hr>
                            <div class="d-flex justify-content-between fw-bold fs-5">
                                <span>Total a Pagar</span>
                                <span>R$ {{ number_format($cartTotal, 2, ',', '.') }}</span>
                            </div>
                        </div>
                        <div class="card-footer">
                            <p class="mb-2"><strong>Forma de Pagamento:</strong> PIX</p>
                            <div class="d-grid">
                                <button type="submit" class="btn btn-danger btn-lg">
                                    <i class="fas fa-lock me-2"></i>
                                    Confirmar e Pagar com PIX
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection