000

@extends('front.layout_alt')

@section('page_title', 'product_cat')

@section('content')
<section class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="content">
                    <ol class="breadcrumb">
                        <li><a href="/">Home</a></li>
                        <li class="active">Products</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="products section">
    <div class="container">
        <div class="row">
            @foreach($products as $product)
            <div class="col-md-4">
                <div class="product-item">
                    <a href="{{ url('single_product/show', ['id' => $product->id]) }}">
                        <div class="product-thumb">
                            
                            @if($product->is_promo)
                            <span class="badge">Sale</span>
                            @endif
                            
                            <a href="{{ url('single_product/show', ['
                                ' => $product->id]) }}">
                                <img class="img-responsive" src="{{ asset('storage/media/' . $product->image) }}" alt="{{ $product->name }}" >
                            </a>

<div class="preview-meta">
                                <ul>
                                    
                                    <li>
                                        <span data-toggle="modal" data-target="#product-modal-{{ $product->id }}">
                                            <i class="tf-ion-ios-search-strong"></i>
                                        </span>
                                    </li>
                                    
                                    <li>
                                        <a href="#!"><i class="tf-ion-ios-heart"></i></a>
                                    </li>
                                    
                                    <li>
                                        <a href="{{ url('single_product/show', ['id' => $product->id]) }}">
                                            <i class="tf-ion-android-cart"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </a>
                    <div class="product-content">
                        
                        <h4><a href="{{ url('single_product/show', ['id' => $product->id]) }}">{{ $product->name }}</a></h4>
                        
                        <p class="price">Price: {{ $product->attr_price }}</p>
                        
                        <p class="mrp" style="text-decoration: line-through;">MRP: ₹{{ $product->attr_mrp }}</p>
                    </div>
                </div>
            </div>

<div class="modal product-modal fade" id="product-modal-{{ $product->id }}">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="tf-ion-close"></i>
                </button>
                <div class="modal-dialog " role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-8 col-sm-6 col-xs-12">
                                    <div class="modal-image">
                                        <img class="img-responsive" src="{{ asset('storage/media/' . $product->image) }}" alt="{{ $product->name }}" />
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12">
                                    <div class="product-short-details">
                                        <h2 class="product-title">{{ $product->name }}</h2>
                                        <p class="product-mrp">MRP: ₹{{ $product->attr_mrp }}</p>
                                        <p class="product-price">Price: ₹{{ $product->attr_price }}</p>
                                        <p class="product-short-description">{{ $product->short_desc }}</p>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

@endforeach
        </div>
    </div>
</section>

@endsection