@extends('front-layouts.front-master')

@section('title', 'Agrilink | Home')
@section('meta-description', 'Agrilink is a platform for connecting agricultural businesses in Bangladesh. Discover
    products, services, and suppliers in the agriculture sector.')
@section('meta-keywords', 'Agriculture, Agribusiness, Bangladesh, Agro Products, Farming, Livestock, Fisheries, Poultry,
    Agriculture Equipment')

@section('front-content')


    <div class="mb-3" style="position: relative;">
        <div class="inner-detail-banner">
            <div>
               <img src="{{ asset('frontend/assets/images/agri_cat/cat__79222023-02-07_1675747092.jpg') }}" class="w-100 img-fluid"
            alt="banner-image">
            </div>
            <div>
               <img src="{{ asset('frontend/assets/images/agri_cat/cat__79222023-02-07_1675747092.jpg') }}" class="w-100 img-fluid"
            alt="banner-image">
            </div>
        </div>

        <div
            style="position: absolute; bottom: 0; left: 0; right: 0; height:100%; display:flex; flex-direction:column; justify-content:flex-end; background-color: rgba(0, 0, 0, 0.35); padding: 20px;">

            <h1 class="display-4 font-weight-normal text-white">Poultry Feed</h1>
            <nav aria-label="breadcrumb ">
                <ol class="breadcrumb pl-0 bg-transparent">
                    <li class="breadcrumb-item"><a href="#" class="text-white">Home</a></li>
                    <li class="breadcrumb-item"><a href="#" class="text-white">Feed Industry</a></li>
                    <li class="breadcrumb-item text-white active" aria-current="page">Poultry Feed</li>
                </ol>
            </nav>
        </div>
    </div>


    <div class="p-4">
        <div class="row g-3">
            <div class="col-md-8">

                <div class="cat_list card p-1 mb-2">
                    <div class="row align-items-start g-1">
                        <div class="col-md-4">
                            <div class="py-2 px-4">
                                <img src="{{ asset('frontend/assets/images/agri_cat/bus__11492020-12-26_1608979496.jpg') }}"
                                    class="w-100 img-fluid my-1" alt="ads">
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="p-2">

                                <a href="{{ route('home.detailList',1) }}" class="mb-1">
                                    <h4>Adnan Agro Ltd.</h4>
                                </a>
                                <div>
                                    <div class="star-rating">
                                        <label class="active" for="star1">★</label>
                                        <label class="active" for="star2">★</label>
                                        <label class="active" for="star3">★</label>
                                        <label class="" for="star4">★</label>
                                        <label class="" for="star5">★</label>
                                    </div>
                                </div>
                                <p class="mb-2"><i class="fa fa-phone mr-2" style="font-weight: 800; font-size:15px;"
                                        aria-hidden="true"></i>01711590389, 01708419608, 01708419611</p>
                                <p class="mb-2"><i class="fa fa-map-marker mr-2" style="font-weight: 800; font-size:15px;"
                                        aria-hidden="true"></i> Amena Villa, House#27, Road#02, Sector#09, Uttara,
                                    Dhaka-1230.</p>
                                <div class="row g-2 mb-2">
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Post Code</span>
                                            <span class="fw-bold text-dark">1230</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Country</span>
                                            <span class="fw-bold text-dark">Bangladesh</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Division</span>
                                            <span class="fw-bold text-dark">Dhaka</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">District</span>
                                            <span class="fw-bold text-dark">Dhaka</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Area</span>
                                            <span class="fw-bold text-dark">Uttara</span>
                                        </div>
                                    </div>
                                </div>
                                <p class="line-clamp-2 mb-2">
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis nostru elit.
                                    Blanditiis nostru nostru elit. Blanditiis nostru Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.
                                </p>
                                <!-- <a href="./inner-detail.php">Read More ...</a> -->
                                <div class="d-flex justify-content-end">
                                    <!-- <p class='rating mr-3'>
                                        Estd.in N/A | 0 Ratings
                                    </p> -->
                                    <a href="#" class="font-weight-bold ml-2">Read More</a>
                                </div>

                                <!-- <div class="d-flex my-2">
                                    <a href="mailto:admin@gmail.com" class="btn btn-outline-primary mr-2">Sent Email</a>
                                    <a href="mailto:admin@gmail.com" class="btn btn-outline-primary mr-2">Rate This</a>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <hr>


                <div class="cat_list card p-1 mb-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="py-2 px-4">
                                <img src="{{ asset('frontend/assets/images/agri_cat/dummy-image.jpg') }}"
                                    class="w-100 img-fluid my-1" alt="ads">
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="p-2">

                                <a href="" class="mb-1">
                                    <h4>Adorssho Feed</h4>
                                </a>
                                <div>
                                    <div class="star-rating">
                                        <label class="active" for="star1">★</label>
                                        <label class="active" for="star2">★</label>
                                        <label class="active" for="star3">★</label>
                                        <label class="active" for="star4">★</label>
                                        <label class="" for="star5">★</label>
                                    </div>
                                </div>
                                <p class="mb-2"><i class="fa fa-phone mr-2" style="font-weight: 800; font-size:15px;"
                                        aria-hidden="true"></i>+02551085285</p>
                                <p class="mb-2"><i class="fa fa-map-marker mr-2" style="font-weight: 800; font-size:15px;"
                                        aria-hidden="true"></i> Nayagolahat, Amnura Road, Chapai Nawabganj</p>
                                <div class="row g-2 mb-2">
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Post Code</span>
                                            <span class="fw-bold text-dark">6300</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Country</span>
                                            <span class="fw-bold text-dark">Bangladesh</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Division</span>
                                            <span class="fw-bold text-dark">Rajshahi</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">District</span>
                                            <span class="fw-bold text-dark">Chapai Nawabganj</span>
                                        </div>
                                    </div>
                                    <div class="col-6 col-lg-4">
                                        <div class="info-box p-1 border rounded bg-white mb-2 text-center">
                                            <span class="d-block small text-muted">Area</span>
                                            <span class="fw-bold text-dark">Nayagolahat</span>
                                        </div>
                                    </div>
                                </div>
                                <p class="line-clamp-2 mb-2">
                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis nostru elit.
                                    Blanditiis nostru nostru elit. Blanditiis nostru Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.
                                </p>
                                <!-- <a href="">Read More ...</a> -->
                                <div class="d-flex justify-content-end">
                                    <!-- <p class='rating mr-3'>
                                        Estd.in N/A | 0 Ratings
                                    </p> -->
                                    <a href="#" class="font-weight-bold ml-2">Read More</a>
                                </div>

                                <!-- <div class="d-flex my-2">
                                    <a href="mailto:admin@gmail.com" class="btn btn-outline-primary mr-2">Sent Email</a>
                                    <a href="mailto:admin@gmail.com" class="btn btn-outline-primary mr-2">Rate This</a>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>



            </div>


            <div class="col-md-4">
                <div class="p-2">
                    <h3 class="mb-3">Related Categories</h3>

                    <div class="related-cat">
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__43062019-08-29_1567070003.jpg"
                                alt=""><a href="">feed Indrustry</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__46282018-08-01_1533099758.jpg"
                                alt=""><a href=""> Commercial Poultry Farm</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__80642018-09-02_1535879902.jpg"
                                alt=""><a href=""> Poultry Hatchery & GP Farm</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__43062019-08-29_1567070003.jpg"
                                alt=""><a href=""> Shrimp & Fish Hatchery</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__85742018-08-01_1533098836.jpg"
                                alt=""><a href=""> Crops Care & Seed</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/catico__43062019-08-29_1567070003.jpg"
                                alt=""><a href=""> Agri Machinery & Equip.</a></li>
                        <li><img src="{{ asset('frontend') }}/assets/images/agri_cat/box-packer.jpeg" alt=""><a
                                href=""> Plant Nursery</a></li>

                    </div>

                </div>
            </div>


            <!-- <div class="col-md-3">
            <div class="card bg-container p-2">
                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

                <a href="">
                    <img src="" class="img-fluid card my-1" alt="ads">
                </a>

            </div>

        </div> -->

        </div>
    </div>

@endsection