@extends('layouts.app')

@section('title', 'Apex Crop Care | Fungicide')
@section('meta_description', 'Explore Apex Crop Care Fungicide products including Azotab-B and Cabmang.')
@section('og_title', 'Apex Crop Care | Fungicide')

@section('content')

<section class="page-hero page-hero-fungicide">
    <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>Fungicide</span>
        </div>
        <span class="page-hero-tag">Product Category</span>
        <h1 class="page-hero-title">Fungicide</h1>
        <p class="page-hero-subtitle">Solutions to protect crops from fungal diseases.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="products-grid">
            @component('components.product-card', [
                'name' => 'Azotab-B',
                'technicalName' => 'Azoxystrobin 11% + Tebuconazole 18.3% ww SC',
                'packing' => '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml',
                'category' => 'Fungicide',
                'image' => \App\Support\ProductData::imageFor('Azotab-B'),
            ])
            @endcomponent

            @component('components.product-card', [
                'name' => 'Cabmang',
                'technicalName' => 'Carbendazim 12% + Mancozeb 63% WP',
                'packing' => '1 kg, 500 gm, 250 gm',
                'category' => 'Fungicide',
                'image' => \App\Support\ProductData::imageFor('Cabmang'),
            ])
            @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([
                        ['Azotab-B', 'Azoxystrobin 11% + Tebuconazole 18.3% ww SC', '5 Liter, 1 Liter, 500 ml, 250 ml, 100 ml'],
                        ['Cabmang', 'Carbendazim 12% + Mancozeb 63% WP', '1 kg, 500 gm, 250 gm'],
                    ] as $row)
                    <tr>
                        <td>{{ $row[0] }}</td>
                        <td>{{ $row[1] }}</td>
                        <td>{{ $row[2] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</section>

@endsection