@extends('layout.mainlayout')
@section('content')
    @component('components.breadcrumb')
        @slot('title')
            Pain Relief
        @endslot
        @slot('li_1')
            Pain Relief
        @endslot
    @endcomponent
    <!-- Page Content -->
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-lg-3 col-xl-3 theiaStickySidebar">
                    <!-- Search Filter -->
                    <div class="card search-filter">
                        <div class="card-header">
                            <h4 class="card-title mb-0">Filter</h4>
                        </div>
                        <div class="card-body">
                            <!-- <div class="filter-widget">
                                <div class="cal-icon">
                                    <input type="text" class="form-control datetimepicker" placeholder="Select Date">
                                </div>
                            </div> -->
                            <div class="filter-widget">
                                <h4>Categories</h4>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type" checked>
                                        <span class="checkmark"></span> Family Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Skin Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Hair Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Lip Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Men's Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Women's Care
                                    </label>
                                </div>
                                <div>
                                    <label class="custom_check">
                                        <input type="checkbox" name="gender_type">
                                        <span class="checkmark"></span> Baby care
                                    </label>
                                </div>
                            </div>
                            <div class="btn-search">
                                <button type="button" class="btn w-100">Search</button>
                            </div>
                        </div>
                    </div>
                    <!-- /Search Filter -->

                </div>

                <div class="col-md-7 col-lg-9 col-xl-9">

                    <div class="row align-items-center pb-3">
                        <div class="col-md-4 col-12 d-md-block d-none custom-short-by">
                            <h3 class="title pharmacy-title">Medlife Medical</h3>
                            <p class="doc-location mb-2 text-ellipse pharmacy-location"><i
                                    class="fas fa-map-marker-alt me-1"></i> 96 Red Hawk Road Cyrus, MN 56323 </p>
                            <span class="sort-title">Showing 6 of 98 products</span>
                        </div>
                        <div class="col-md-8 col-12 d-md-block d-none custom-short-by">
                            <div class="sort-by pb-3">
                                <span class="sort-title">Sort by</span>
                                <span class="sortby-fliter">
                                    <select class="form-select">
                                        <option>Select</option>
                                        <option class="sorting">Rating</option>
                                        <option class="sorting">Popular</option>
                                        <option class="sorting">Latest</option>
                                        <option class="sorting">Free</option>
                                    </select>
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Benzaxapine Croplex</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$19.00</span>
                                            <span class="price-strike">$45.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product13.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Rapalac Neuronium</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$16.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product1.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Ombinazol Bonibamol</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$22.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product2.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Dantotate
                                            Dantodazole</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$10.00</span>
                                            <span class="price-strike">$12.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product12.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Acetrace Amionel</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$7.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product11.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Ergorinex
                                            Caffeigestin</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$15.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product3.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Alispirox
                                            Aerorenone</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$26.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product10.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Lysofranil
                                            Dorzostin</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$10.00</span>
                                            <span class="price-strike">$12.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product4.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Nitrolozin
                                            Zithrotropin</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$12.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product14.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Cordacriptine
                                            Mardipine</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$9.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product5.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Iconevist Ampyplex</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$16.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product6.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Alcafsteride
                                            Omebide</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$7.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product15.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Neubide Aborase</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$30.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product7.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">ITONE eye drops
                                            10ml</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$50.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 col-lg-4 col-xl-4 product-custom">
                            <div class="profile-widget">
                                <div class="doc-img">
                                    <a href="{{ url('product-description') }}" tabindex="-1">
                                        <img class="img-fluid" alt="Product image"
                                            src="{{ URL::asset('/assets/img/products/product8.jpg') }}">
                                    </a>
                                    <a href="javascript:void(0)" class="fav-btn" tabindex="-1">
                                        <i class="far fa-bookmark"></i>
                                    </a>
                                </div>
                                <div class="pro-content">
                                    <h3 class="title pb-4">
                                        <a href="{{ url('product-description') }}" tabindex="-1">Antatriene
                                            Drospiletra</a>
                                    </h3>
                                    <div class="row align-items-center">
                                        <div class="col-lg-6">
                                            <span class="price">$10.00</span>
                                            <span class="price-strike">$20.00</span>
                                        </div>
                                        <div class="col-lg-6 text-end">
                                            <a href="{{ url('cart') }}" class="cart-icon"><i
                                                    class="fas fa-shopping-cart"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-12 text-center">
                        <a href="javascript:;" class="btn book-btn1 mb-4">Load More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection