@extends('layouts.app')

@section('title', 'Gift Cards')

@section('content')
<div class="container">
    <div class="row g-4 align-items-stretch">
        <div class="col-lg-7">
            <div class="card section-card h-100">
                <div class="card-body p-4 p-lg-5">
                    <span class="badge badge-soft mb-3">Gift cards</span>
                    <h1 class="mb-3">Gift cards for shrimp keepers and planted tank hobbyists</h1>
                    <p class="text-muted mb-4">Gift cards are a simple option when you want to give someone the freedom to choose their own shrimp, snail-safe tank additions, feeds, plants, water-care products, or aquascaping tools.</p>
                    <div class="row g-3 mb-4">
                        @foreach($giftCardAmounts as $amount)
                            <div class="col-6 col-md-4">
                                <div class="border rounded-4 p-3 text-center h-100 bg-white">
                                    <div class="small text-uppercase text-muted mb-2">Gift card</div>
                                    <div class="fs-4 fw-bold">@money($amount)</div>
                                    <form method="post" action="{{ route('cart.gift-cards.store') }}" class="mt-3 d-grid gap-2">
                                        @csrf
                                        <input type="hidden" name="amount" value="{{ $amount }}">
                                        <button class="btn btn-primary btn-sm">Add to cart</button>
                                    </form>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <h2 class="h5">How it works</h2>
                    <ul class="text-muted">
                        <li>Gift cards can be redeemed against orders through the gift card field at checkout.</li>
                        <li>Redeemed balance is moved onto the customer account as store credit.</li>
                        <li>Gift card and account-credit usage is applied before any remaining payment balance is taken.</li>
                        <li>If you need a custom amount or gifting help, use the contact page and we can advise on the best option.</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card section-card mb-4">
                <div class="card-body p-4">
                    <h2 class="h5 mb-3">Good gift ideas</h2>
                    <div class="d-grid gap-3 small text-muted">
                        <div class="border rounded-4 p-3">Starter shrimp keepers who still need plants, food, and water-care basics.</div>
                        <div class="border rounded-4 p-3">Experienced keepers waiting for the right shrimp line or upgrade project.</div>
                        <div class="border rounded-4 p-3">Friends who prefer to choose livestock only when their tank is ready.</div>
                    </div>
                </div>
            </div>
            <div class="card section-card">
                <div class="card-body p-4">
                    <h2 class="h5 mb-3">Need help choosing?</h2>
                    <p class="text-muted small">If you are unsure whether to buy shrimp, equipment, or a gift card, start with a gift card. It lets the recipient wait until parameters, weather, and stocking plans are right.</p>
                    <div class="d-grid gap-2">
                        <a href="{{ route('cart.index') }}" class="btn btn-primary">View cart</a>
                        <a href="{{ route('contact.index') }}" class="btn btn-primary">Contact support</a>
                        <a href="{{ route('shop.index') }}" class="btn btn-outline-primary">Browse the shop</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection