@extends('layouts.app')

@section('title', 'Apex Crop Care | Insecticide')
@section('meta_description', 'Explore Apex Crop Care Insecticide products including EMA-5, Apro 50, Faster, and Fipro T.')
@section('og_title', 'Apex Crop Care | Insecticide')

@section('content')

<section class="page-hero page-hero-insecticide">
    <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>Insecticide</span>
        </div>
        <span class="page-hero-tag">Product Category</span>
        <h1 class="page-hero-title">Insecticide</h1>
        <p class="page-hero-subtitle">Advanced solutions to protect crops from insect pests.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="products-grid">
            @component('components.product-card', [
                'name' => 'EMA-5',
                'technicalName' => 'Emamectin Benzoate 5% SG',
                'packing' => '1 kg, 500 gm, 250 gm, 100 gm',
                'category' => 'Insecticide',
                'image' => \App\Support\ProductData::imageFor('EMA-5'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Apro 50',
                'technicalName' => 'Profenophos 50% EC',
                'packing' => '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Insecticide',
                'image' => \App\Support\ProductData::imageFor('Apro 50'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Faster',
                'technicalName' => 'Thiamethoxam 12.6% + Lambda Cyhalothrin 9.5% ZC',
                'packing' => '1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Insecticide',
                'image' => \App\Support\ProductData::imageFor('Faster'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Fipro T',
                'technicalName' => 'Fipronil 4% + Thiamethoxam 4% SC',
                'packing' => '1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Insecticide',
                'image' => \App\Support\ProductData::imageFor('Fipro T'),
            ])
            @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([
                        ['EMA-5', 'Emamectin Benzoate 5% SG', '1 kg, 500 gm, 250 gm, 100 gm'],
                        ['Apro 50', 'Profenophos 50% EC', '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml'],
                        ['Faster', 'Thiamethoxam 12.6% + Lambda Cyhalothrin 9.5% ZC', '1 Liter, 500 ml, 250 ml, 100 ml'],
                        ['Fipro T', 'Fipronil 4% + Thiamethoxam 4% SC', '1 Liter, 500 ml, 250 ml, 100 ml'],
                    ] as $row)
                    <tr>
                        <td>{{ $row[0] }}</td>
                        <td>{{ $row[1] }}</td>
                        <td>{{ $row[2] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</section>

@endsection