@extends('english.layout.main')

@section('content')
<!-- ============================================================= Content Start ============================================================= -->
<div class="xg-main">
<!-- START: Breadcrumbs -->
<div class="xg-gap-1"></div>
<div class="container">
    <ul class="xg-breadcrumbs">
        <li><a href="{{ url('/') }}">Home</a></li>
        <li><span class="fa fa-angle-right"></span></li>
        <li><a>Categores</a></li>
        <li><span class="fa fa-angle-right"></span></li>
        <li><span>{{ $Category->title }}</span></li>
    </ul>
</div>
<div class="xg-gap-1"></div>
<!-- END: Breadcrumbs -->    
<div class="container">
    <!-- START: Categories -->
    @foreach(PostAds() as $Advertiser)
    @if($Advertiser->type == 'Image')
	<a href="{{ $Advertiser->url }}" class="xg-post-img">
        <img src="{{ asset($Advertiser->image) }}">
        <span class="xg-post-categories">
            <span class="bg-main-1">Ads</span>
        </span>
    </a>
	@elseif($Advertiser->type == 'code') 
	 {{ $Advertiser->code }}
	@endif
    @endforeach
    <div class="xg-gap-2"></div>
    <!-- START: Products -->
    <div class="row vertical-gap">
        @foreach($Games as $Game)
        <div class="col-lg-6">
            <div class="xg-product-cat-2">
                <a class="xg-product-image" href="{{ url('Games') }}/{{ $Game->slug }}">
                    <img src="{{ asset($Game->image) }}" alt="{{ substr($Game->Title_en, 0, 20) }}">
                </a>
                <div class="xg-product-cont">
                    <h3 class="xg-product-title h5">
                    	<a href="{{ url('Games') }}/{{ $Game->slug }}">{{ substr($Game->Title_en, 0, 50) }}</a>
                    </h3>
                    <div class="xg-gap-1"></div>
                    {!! substr($Game->body_en, 0, 260) !!}
                    <div class="xg-product-price">{{ $Game->excerpt }} GB</div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <!-- END: Products -->
    <!-- START: Pagination -->
    <div class="xg-gap-3"></div>
    <div class="xg-pagination xg-pagination-center">
        <nav>
            {{ $Games->links() }}
        </nav>
    </div>
    <!-- END: Pagination -->
    <div class="xg-gap-3"></div>
    <h3 class="xg-decorated-h-2"><span><span class="text-main-1">Most</span> Popular</span></h3>
    <div class="xg-gap"></div>
    <div class="row vertical-gap">
        @foreach($RentGames as $Game)
                <div class="col-md-4">
                    <div class="xg-product-cat">
                        <a class="xg-product-image" href="{{ url('Games') }}/{{ $Game->slug }}">
                            <img src="{{ asset($Game->image) }}" alt="{{ substr($Game->Title_en, 0, 20) }}">
                        </a>
                        <div class="xg-product-cont">
                            <h3 class="xg-product-title h5">
                                <a href="{{ url('Games') }}/{{ $Game->slug }}">{{ substr($Game->Title_en, 0, 50) }}</a>
                            </h3>
                            <div class="xg-product-price">{{ $Game->excerpt }} GB</div>
                        </div>
                    </div>
                </div>
            @endforeach
    </div>
    <!-- END: Most Popular -->
</div>
<div class="xg-gap-2"></div>
<div class="container">
	@foreach(CategoryAdsFooter() as $Advertiser)
    @if($Advertiser->type == 'Image')
	<a href="{{ $Advertiser->url }}" class="xg-post-img">
        <img src="{{ asset($Advertiser->image) }}">
        <span class="xg-post-categories">
            <span class="bg-main-1">Ads</span>
        </span>
    </a>
	@elseif($Advertiser->type == 'code') 
	 {{ $Advertiser->code }}
	@endif
    @endforeach
</div>
<div class="xg-gap-2"></div>
<!-- ============================================================= Content end   ============================================================= -->
@endsection