@extends('layouts.app')
@section('meta_title','Best Dermatology & Skincare Products')
@section('meta_keywords','All Products')
@section('meta_description','Find the best quality and wide range of Derma and Skincare products. Our derma product range cover the Tables, Capsules, Lotions, Skincare, Face Wash, Cream & Ointments, Soaps, etc.')
@section('meta_image')
    content="{{ Request::root() }}/images/QndQ-Logo-Final.png"
@endsection
@section('content') 
<br><br><br><br><br><br>
<h1 style="text-align: center">All Products</h1>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-12 col-md-12">
            @if(count($products) == 0)
                <h6>No Products Found.</h6>
            @else
                <div class="row">
                    @foreach ($products as $item)
                    
                        <div class="col-lg-3 col-md-12 mt-lg-3 mt-md-3 ">
                            <div class="product-card">    
                                <a href="{{ $item->slug }}">
                                    <img src="/storage/{{ $item->image }}" alt="{{ $item->name }}" width="100%" height="300px">
                                    <h5>{{ $item->name }}</h5>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
                {{ $products->links() }}
            @endif
        </div>
        <!--<div class="col-lg-4 col-md-12">-->
        <!--    <h6>Please Contact Us</h6><br>-->
        <!--    <form action="/enquiry/store" method="post">-->
        <!--        @csrf-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input id="name" type="text" class="form-control" name="name" placeholder="Name*" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input id="enquiry" type="text" class="form-control" readonly name="enquiry" placeholder="Enquiry*" value="Enquiry about all products" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input id="email" type="text" class="form-control" name="email" placeholder="Email*" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input id="phone" type="text" class="form-control" name="phone" placeholder="Phone no*" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input type="text" class="form-control" name="gst" id="gst" placeholder="Gst Number*" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input type="text" class="form-control" name="licenseno" id="licenseno" placeholder="License Number*" required>-->
        <!--            </div>-->
        <!--        </div> -->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <input id="location" type="text" class="form-control" name="location" placeholder="Location*" required>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row">-->
        <!--            <div class="col-md-12">-->
        <!--                <textarea class="form-control" name="message" placeholder="Message*" required></textarea>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="form-group row mb-0">-->
        <!--            <div class="col-md-6 offset-md-4">-->
        <!--                <button type="submit" class="btn btn-outline-info">-->
        <!--                    Submit Enquiry-->
        <!--                </button>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </form>-->
        <!--</div>-->
    </div>
</div>
<br>
@endsection