@extends('frontend.slices.main')
@section('content')
<div class="section banner-page about">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="title-page" style="background-color: #083472; padding: 5px 5px 5px 5px; border-radius: 5px;">{{ $data->category ?? '' }}</div>
            </div>
        </div>
    </div>
</div>
<div class="section why overlap">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-md-4 col-md-push-8">
                <div class="widget categories">
                    <h3>Retail Products</h3>
                    <ul class="category-nav">
                        @foreach($product_retails as $prc)
                            <li class="{{ request()->is('retail_detail/'.$prc->id) ? 'active' : '' }}">
                                <a href="{{ url('retail_detail', $prc->id) }}">{{ $prc->category }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="widget contact-info-sidebar">
                    <div class="widget-title">
                        Contact Info
                    </div>
                    <ul class="list-info">
                        <li>
                            <div class="info-icon">
                                <span class="fa fa-map-marker"></span>
                            </div>
                            <div class="info-text">{{ $info->address ?? '' }}</div>
                        </li>
                        <li>
                            <div class="info-icon">
                                <span class="fa fa-phone"></span>
                            </div>
                            <div class="info-text">{{ $info->phone ?? '' }}</div>
                        </li>
                        <li>
                            <div class="info-icon">
                                <span class="fa fa-envelope"></span>
                            </div>
                            <div class="info-text">{{ $info->email ?? '' }}</div>
                        </li>
                        <li>
                            
                        </li>
                    </ul>
                </div>


            </div>
            <div class="col-sm-8 col-md-8 col-md-pull-4">
                <div class="single-page">
                    <a href=""></a>
                    <img src="{{ url($data->image ?? '') }}" alt="" class="img-responsive">
                    <div class="margin-bottom-30"></div>
                    <h2 class="section-heading">
                        {{ $data->category ?? '' }}
                    </h2>
                    <p>
                        {!! $data->description ?? ''!!}
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection