@extends('layouts.app')

@section('title', 'Apex Crop Care | Herbicide')
@section('meta_description', 'Explore Apex Crop Care Herbicide products including Quizal, PMET, Duster, 2-4 D, Pen 30, As Power, Aftra K, and A-Metri 70.')
@section('og_title', 'Apex Crop Care | Herbicide')

@section('content')

<section class="page-hero page-hero-herbicide">
    <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>Herbicide</span>
        </div>
        <span class="page-hero-tag">Product Category</span>
        <h1 class="page-hero-title">Herbicide</h1>
        <p class="page-hero-subtitle">Effective solutions for weed management in agriculture.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="products-grid">
            @component('components.product-card', [
                'name' => 'Quizal',
                'technicalName' => 'Quizalofop Ethyl 10% EC',
                'packing' => '1 Liter, 500 ml, 250 ml',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('Quizal'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'PMET',
                'technicalName' => 'Pendimethalin 35% + Metribuzin 3.5% SE',
                'packing' => '1 Liter, 500 ml',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('PMET'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Duster',
                'technicalName' => 'Glyphosate 41% SL',
                'packing' => '1 Liter, 500 ml',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('Duster'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => '2-4 D',
                'technicalName' => '2,4 -D Amine Salt 58% SL',
                'packing' => '20 Liter, 5 Liter, 1 Liter, 500 ml',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('2-4 D'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Pen 30',
                'technicalName' => 'Pendimethalin 30 % EC',
                'packing' => '1 Liter',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('Pen 30'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'As Power',
                'technicalName' => 'Glufosinate Ammonium 13.5 % w/w SL',
                'packing' => '1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('As Power'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Aftra K',
                'technicalName' => 'Atrazine 50% WP',
                'packing' => '1 kg, 500 gm, 250 gm',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('Aftra K'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'A-Metri 70',
                'technicalName' => 'Metribuzin 70% WP',
                'packing' => '1 kg, 500 gm, 250 gm, 100 gm',
                'category' => 'Herbicide',
                'image' => \App\Support\ProductData::imageFor('A-Metri 70'),
            ])
            @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([
                        ['Quizal', 'Quizalofop Ethyl 10% EC', '1 Liter, 500 ml, 250 ml'],
                        ['PMET', 'Pendimethalin 35% + Metribuzin 3.5% SE', '1 Liter, 500 ml'],
                        ['Duster', 'Glyphosate 41% SL', '1 Liter, 500 ml'],
                        ['2-4 D', '2,4 -D Amine Salt 58% SL', '20 Liter, 5 Liter, 1 Liter, 500 ml'],
                        ['Pen 30', 'Pendimethalin 30 % EC', '1 Liter'],
                        ['As Power', 'Glufosinate Ammonium 13.5 % w/w SL', '1 Liter, 500 ml, 250 ml, 100 ml'],
                        ['Aftra K', 'Atrazine 50% WP', '1 kg, 500 gm, 250 gm'],
                        ['A-Metri 70', 'Metribuzin 70% WP', '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