@extends('layouts.app')

@section('styles')
@endsection

@section('content')
@include('web.header')
      <!-- end banner -->
       <div class="back_re">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="title">
                          <h2>Product Details</h2>
                  </div>
               </div>
            </div>
         </div>
      </div>
    
      <!-- our products -->
      <div class="products">
         <div class="container">
            <div class="row">
               <div class="col-md-7">
                  <div class="titlepage">
                    
                     <span>We supply to a variety of companies all over the world
in small and bigger quantities
                     </span>
                  </div>
               </div>
            </div>
            <div class="row">
              
               <div class="col-md-6">
                  <div id="ho_bo" class="our_products">
                     <div class="product">
                        <figure><img src="data:image/jpeg;base64,{{$product->image}}" alt="#"/></figure>
                     </div>
                     
                     <!--<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non </p>-->
                  </div>
               </div>
               <div class="col-md-">
                   <h3>{{$product->name}}</h3>
                    <span>{{$product->price}} $</span>
                    <h3>
                        <b>Categories:</b> <br>
                        @foreach($product->category as $cat)
                        <span style="color:#fe401e">{{$cat->title->name}},</span>
                        @endforeach
                    </h3> 
                    <a class="btn btn-primary" href="{{ route('contact')}}">Contact Us</a>
               </div>
               
                
            </div>
         </div>
      </div>
@endsection

@section('scripts')

@endsection