@extends('layouts.app')

@section('title', __('products'))

@section('content')
<main class="products-page">
  <!-- Hero Section -->
  <section class="hero-section bg-primary text-white py-5">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6">
          <h1 class="display-4 fw-bold mb-4">{{ __('our_products') }}</h1>
          <p class="lead mb-4">{{ __('innovative_software_products') }}</p>
        </div>
        <div class="col-lg-6">
          <img src="{{ asset('images/products-hero.png') }}" alt="Our Products" class="img-fluid">
        </div>
      </div>
    </div>
  </section>

  <!-- Products Grid -->
  <section class="products-grid py-5">
    <div class="container">
      <div class="row">
        @forelse ($products as $product)
        <div class="col-md-6 col-lg-4 mb-4">
          <div class="product-card">
            <div class="product-image">
              <img src="{{ $product->featured_image ?: asset('images/product-placeholder.png') }}" alt="{{ $product->name }}" class="img-fluid">
            </div>
            <div class="product-content">
              <h4>{{ $product->name }}</h4>
              <p>{{ $product->tagline }}</p>
              @if($product->version)
              <small class="text-muted">{{ __('Version') }} {{ $product->version }}</small>
              @endif
              <a href="{{ route('products.show', ['locale' => app()->getLocale(), 'id' => $product->id]) }}" class="btn btn-primary">{{ __('learn_more') }}</a>
            </div>
          </div>
        </div>
        @empty
        <div class="col-12 text-center">
          <p>{{ __('No products available at the moment.') }}</p>
        </div>
        @endforelse
      </div>

      <!-- Pagination -->
      @if($products->hasPages())
      <div class="row">
        <div class="col-12">
          <nav aria-label="Products pagination">
            {{ $products->links() }}
          </nav>
        </div>
      </div>
      @endif
    </div>
  </section>
</main>
@endsection