@extends('layouts.front-master')

@section('stylesheets')
<style type="text/css" media="screen">
        .s-styles {
            padding-top: var(--vspace-5);
            padding-bottom: var(--vspace-1);
            position: relative;
        }
        .s-styles .intro h1 {
            margin-top: 0;
        }
    </style>
@endsection

@section('content')
<div id="styles" class="s-styles">
    <div class="row u-add-bottom">
        @if(!$products->isEmpty())
        <div class="column lg-12">
            <h3>Product Search</h3>
            <div class="table-responsive">
                <table>
                        <thead>
                        <tr>
                            <th>Unique Product ID</th>
                            <th>Company Name & Address</th>
                            <th>Brand Name</th>
                            <th>Product Name</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($products as $product)
                        <tr>
                            <td><a href="{{url('/product-details/'.$product->unique_id)}}">{{$product->unique_id}}</a></td>
                            <td>{{$product->company_name}}</td>
                            <td>{{$product->variant_name}}</td>
                            <td>{{$product->name}}</td>
                            <td><a href="{{url('/product-details/'.$product->unique_id)}}">More Details</a></td>
                        </tr>
                         @endforeach
                        </tbody>
                </table>

            </div>

            <div>
                {{ $products->appends($_GET)->links('front.custom-pagination') }}
            </div>
        </div>
        @else
        <div class="column lg-12">
            <h3>No Product Found In Our Records For The Entered Search Term</h3>
            @if (request()->has('product'))
            <p>Try Web Search <a href="https://www.google.com/search?q={{request()->get('product')}}" target="_blank">{{request()->get('product')}}</a></p>
            @endif
        </div>
        @endif
    </div> <!-- end row -->
</div>

<div class="row">
    <div class="column lg-12">
        <a href="https://quickBarcode.com" target="_blank"><img src="{{url('front-end/images/home-ad.jpg')}}" ></a>
    </div>
</div>
@endsection