@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">
        <div class="lg-12">
            <p>Product ID/Barcode Number '{{$products->unique_id}}' belongs to the company named '{{$products->company_name}}'. The product Id '{{$products->unique_id}}' is found to be used on the product under the brand name '{{$products->variant_name}}'. Under the brand name '{{$products->variant_name}}', the barcode number has been found to be used on the product named '{{$products->name}}'. The product specification is '{{$products->description}}' and MRP as available in our records is '{{$products->price}}'.</p>
        </div>
    
                <div class="lg-3 mob-12 column">
                    <p>&nbsp;</p>
                </div>
    
                <div class="lg-6 mob-12 column">
                    <div class="table-responsive">
                        <table>
                                <tbody>
                                <tr>
                                    <th>Unique Product ID</th>
                                    <td>{{$products->unique_id}}</td>
                                </tr>
                                <tr>
                                    <th>Company Name & Address</th>
                                    <td>{{$products->company_name}}</td>
                                </tr>
                                <tr>
                                    <th>Brand Name</th>
                                    <td>{{$products->variant_name}}</td>
                                </tr>
                                <tr>
                                    <th>Product Name</th>
                                    <td>{{$products->name}}</td>
                                </tr>
                                <tr>
                                    <th>Specification</th>
                                    <td>{{$products->description}}</td>
                                </tr>
                                <tr>
                                    <th>Price</th>
                                    <td>{{$products->price}}</td>
                                </tr>
                                </tbody>
                        </table>
                    </div>
                </div>
                <div class="lg-3 mob-12 column">
                    <p>&nbsp;</p>
                </div>
    
            </div>
</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