@extends('layouts.front')

@section('title')
    @lang('Offers') - {{ config('app.name') }}
@endsection

@section('styles')
    <style>
        .cart-container {
            margin-bottom: 120px;
        }

    </style>
@endsection

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ul class="breadcrumb">
                    <li><a href="{{ url('/') }}">@lang('Home')</a></li>
                    <li>@lang('Offers')</li>
                </ul>
            </div>
        </div>

        @if ($small_images)
        <div class="row offer-mb">
            <div class="cms_banner">
                @foreach ($small_images as $small_image)
                <div class="col-xs-12 col-sm-12 col-md-6">
                    <div id="subbanner2" class="sub-hover">
                            <a href="{{ $small_image->category ? route('front.category.show', [$small_image->category->slug]) : '#' }}">
                                @php
                                    $image_url = \App\Helpers\Helper::check_image_avatar($small_image->photo->name, 555);
                                @endphp
                                <img src="{{ $image_url }}" alt="{{ $small_image->name ? $small_image->name : __('Offers') }}" class="img-responsive offers-img" width="100%" />
                            </a>
                    </div>
                </div>
                @if(($loop->iteration%2) ==0 && !$loop->last)
            </div>
        </div>
        <div class="row offer-mb">
            <div class="cms_banner">
                @endif
                @endforeach
            </div>
        </div>
        @else
        <br>
            <div class="jumbotron">
                <h2 class="text-center text-muted">@lang('No offers available.')
                    <a href="{{url('/')}}" class="btn btn-primary">@lang('Continue Shopping')</a>
                </h2>
            </div>
        {{-- <div class="row offer-mb">
                No offers available
        </div> --}}
        @endif


    </div>
@endsection