@include('header')
<style>
.container {
  display: flex;
  flex-wrap: wrap;
}
.left, .right {
  flex: 0 1 auto;
}
.left {
  width: 40%;
}
.right {
  width: 60%;
}
.heading {
    font-size:25px;margin:0;
}
.brandname {
    style="font-size: 20px;margin:0;"
}
.price {
    margin: 0;font-size: 25px;font-weight: 600;
}
@media (max-width: 768px) {
  .left, .right {
    width: 100%;
  }
}
</style>

<div class="container">
  <div class="left">
        <div>
            <!-- <img src="{{$images[0]['path']}}" style="width:100%" alt="{{$name}}" loading="lazy" width="200px" height="200px" onerror="imgerror(this)"> -->
        </div>
  </div>
  <div class="right">
    <h1 class="heading"></h1>
    <h2 class="brandname"><a href='{{$env_config->clientdomain}}{{$seodispname}}/products?sort=%5B"rating","desc"%5D&brand={{$brandname}}'>{{$brandname}}</a></h2>
    @if(!empty($classiname))<h3><a href='{{$env_config->clientdomain}}{{$seodispname}}/products?sort=%5B"rating","desc"%5D&classification={{$classiname}}'>{{$classiname}}</a></h3>@endif
    @if(!empty($categoryname))<h3><a href='{{$env_config->clientdomain}}{{$seodispname}}/products?sort=%5B"rating","desc"%5D&category={{$categoryname}}'>{{$categoryname}}</a></h3>@endif
    @if(!empty($subcategoryname))<h3>{{$subcategoryname}}</h3>@endif
    <h3 class="price">Price: ${{$sellingprice_lbl}} @if($discount==0)<del> ${{$sellingprice}}</del>@endif</h3>
    <p>{{$shortdesc;}}</p>
    <p class="heading">Qty: 1</p>
  </div>
</div>
@include('footer')