@extends('layouts.app')

@section('title', 'Apex Crop Care | Growth Promoter')
@section('meta_description', 'Explore Apex Crop Care Growth Promoter products including Power-XL, Power Humas, and Power Zyme.')
@section('og_title', 'Apex Crop Care | Growth Promoter')

@section('content')

<section class="page-hero page-hero-gp">
    <div class="page-hero-bg">
        <div class="page-hero-overlay"></div>
    </div>
    <div class="container page-hero-content" data-reveal>
        <div class="breadcrumb">
            <a href="{{ route('home') }}">Home</a>
            <span>/</span>
            <a href="{{ route('products') }}">Products</a>
            <span>/</span>
            <span>Growth Promoter</span>
        </div>
        <span class="page-hero-tag">Product Category</span>
        <h1 class="page-hero-title">Growth Promoter</h1>
        <p class="page-hero-subtitle">Products designed to enhance crop growth and development.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="products-grid">
            @component('components.product-card', [
                'name' => 'Power-XL',
                'technicalName' => 'Gibberellic Acid 0.001% L',
                'packing' => '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Growth Promoter',
                'image' => \App\Support\ProductData::imageFor('Power-XL'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Power Humas',
                'technicalName' => null,
                'packing' => '250 ml, 100 ml, 50 ml',
                'category' => 'Growth Promoter',
                'image' => \App\Support\ProductData::imageFor('Power Humas'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Power Zyme',
                'technicalName' => null,
                'packing' => '1 kg, 500 gm, 250 gm, 100 gm',
                'category' => 'Growth Promoter',
                'image' => \App\Support\ProductData::imageFor('Power Zyme'),
            ])
            @endcomponent
        </div>
    </div>
</section>

<section class="section section-table">
    <div class="container">
        <div class="section-header" data-reveal>
            <h2 class="section-title">Product Specifications</h2>
        </div>
        <div class="table-responsive" data-reveal>
            <table class="spec-table">
                <thead>
                    <tr>
                        <th>Brand Name</th>
                        <th>Technical Name</th>
                        <th>Packing</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach([
                        ['Power-XL', 'Gibberellic Acid 0.001% L', '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml'],
                        ['Power Humas', '—', '250 ml, 100 ml, 50 ml'],
                        ['Power Zyme', '—', '1 kg, 500 gm, 250 gm, 100 gm'],
                    ] as $row)
                    <tr>
                        <td>{{ $row[0] }}</td>
                        <td>{{ $row[1] }}</td>
                        <td>{{ $row[2] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</section>

@endsection