@extends('frontend.layouts.master')
@section('title') Products @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Products</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li class="active">Products</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls section_padding_top_100 section_padding_bottom_100 columns_padding_25">
    <div class="container">
        <div class="row">

            <div class="col-sm-12">

                <div class="shop-sorting">

                    {{-- <form class="form-inline content-justify vertical-center content-margins">

                        <div class="fontsize_20">
                            1-9 of 50 results
                        </div>


                        <div class="form-group select-group">
                            <select aria-required="true" id="date" name="date" class="choice empty form-control">
                                <option value="" disabled selected data-default>Default Sorting</option>
                                <option value="value">by Value</option>
                                <option value="date">by Date</option>
                                <option value="popular">by Popularity</option>
                            </select>
                            <i class="fa fa-angle-down theme_button" aria-hidden="true"></i>
                        </div>

                    </form> --}}

                </div>


                <div class="columns-3">
                    <ul id="products" class="products list-unstyled">
                        @if($products)
				            @foreach($products as $product)
                                <li class="product type-product">
                                    <div class="vertical-item">
                                        <div class="item-media with_background bottommargin_30">
                                            @php
                                                $photo=explode(',',$product->photo);
                                            @endphp
                                            <img src="{{ Storage::url($product->photo) }}" alt="{{ Storage::url($product->photo) }}">
                                        </div>
                                        <div class="item-content">
                                            <h4 class="poppins bottommargin_10">
                                                <a href="{{$product->url}}">{{$product->title}}</a>
                                            </h4>
                                            <p class="price">
                                                <ins>
                                                    <span class="amount">{{$product->price}}</span>
                                                </ins>
                                            </p>
                                            {{-- @if($product->file)
                                                <a href="{{ Storage::url($product->file) }}" class="theme_button color1" target="_blank">Download File</a>
                                            @else
                                                No File
                                            @endif --}}
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        @endif
                    </ul>
                </div>
                <!-- eof .columns-* -->
            </div>
        </div>
    </div>
</section>

@endsection