@extends('theme::layouts.app', ['alias' => 'Marketplace'])
@section('theme::title', __('seo.market.index'))
@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 main-content">
        <div class="container">
            <div class="card">
                @if(session('success'))
                <script>
                    toastr.success("{{ session('success') }}");
                </script>
            @endif

            @if(session('error'))
                <script>
                    toastr.error("{{ session('error') }}");
                </script>
            @endif

                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4>Items & Packages</h4>
                </div>

                <div class="card-body">
                    <h2 class="text-center mb-4">Available Items</h2>

                    @if(session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif

                    @if(session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif

                    <div class="row">
                        @foreach($items as $item)
                            <div class="col-md-4 mb-4">
                                <div class="card">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">{{ $item->name }}</h5>
                                        <p class="card-text">{{ $item->description }}</p>
                                        <p><strong>Price:</strong> ${{ $item->price }}</p>
                                        <a href="{{ route('market.item', $item->id) }}" class="btn btn-primary">View Details</a>
                                        <form action="{{ route('market.purchase.item', $item->id) }}" method="POST" class="mt-2">
                                            @csrf
                                            <input type="hidden" name="quantity" value="1">
                                            <button type="submit" class="btn btn-success">Buy Now</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <h2 class="text-center mt-5 mb-4">Available Packages</h2>
                    <div class="row">
                        @foreach($packages as $package)
                            <div class="col-md-4 mb-4">
                                <div class="card">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">{{ $package->package_name }}</h5>
                                        <p class="card-text">{{ $package->description }}</p>
                                        <p><strong>Price:</strong> ${{ $package->price }}</p>
                                        <a href="{{ route('market.package', $package->id) }}" class="btn btn-primary">View Details</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection