@php
    $ad_cat = $item->ads_category()->first();
    $mainImage = $item->images()->orderBy('is_main', 'DESC')->first();
@endphp

@extends('salvosites.templates.main-template')

@section('page_title')

@stop

@section('breadcrumb')
    {{ $item->name}}
@stop

@section('title-increment')
  {{ $item->name}} -
@stop

@section('head')
  <meta name="description" content="{{ str_limit(preg_replace( "/\r|\n/", "", $item->description ), $limit = 250, $end = '...') }}">
  <meta name="keywords" content="{{ \App\Helpers\SEOHelper::generateKeywords(preg_replace( "/\r|\n/", "", $item->description )) }}">
  <link rel="canonical" href="https://{{ $salvosite->domain }}/{{ $item->id}}-{{str_slug($item->name)}}/item">
@stop

@section('content')

    @if(auth()->id() == $item->user_id)
        <div class="salvoitem_edit_link">
            {!! Form::open(['url' => url('advertisement/step1/edit/' . $item->id), 'style' =>"display:inline-block;"]) !!}
            {!! Form::hidden('ad_category', $item->ad_category) !!}
            <button class="small teal" type="submit">Edit Item</button>
            {!! Form::close() !!}
        </div>
    @endif

    <section>
        <div class="shop-wrap">
            <figure class="shop-item one_half">
                <!--Item Images-->
                @if ($mainImage)
                    <a data-fancybox="gallery" data-options='{"buttons" : ["fullScreen", "thumbs", "zoom", "close"]}' data-caption="{{$mainImage->description ? e($mainImage->description) : $item->name}}" href="{{imagePath('items/' . $item->id  . '/' . urlencode($mainImage->name))}}">
                        {!! Html::image(imagePath('items/' . $item->id  . '/' . urlencode($mainImage->name)), ($mainImage->description ? e($mainImage->description) : $item->name), ['class' => 'u-max-full-width']) !!}
                    </a>
                    @foreach ($item->images()->orderBy('is_main', 'DESC')->where('id', '!=', $mainImage->id)->get()->chunk(4) as $chunk)
                        <div class="row">
                            @foreach ($chunk as $image)
                            <div class="salvosite-image-detailed one_fourth @if ($loop->last) column-last @endif">
                                <a data-fancybox="gallery" data-options='{"buttons" : ["fullScreen", "thumbs", "zoom", "close"]}' data-caption="{{$image->description ? e($image->description) : $item->name}}" href="{{imagePath('items/' . $item->id  . '/' . urlencode($image->name))}}">
                                    {!! Html::image(imagePath('items/' . $item->id  . '/' . urlencode($image->name)), ($image->description ? e($image->description) : $item->name), ['class' => 'u-max-full-width']) !!}
                                </a>
                            </div>
                            @endforeach
                        </div>
                    @endforeach
                @endif
                <!-- End Item Images -->
            </figure>
            <!-- end-product-item-->
            <div class="one_half column-last">
                <div style="padding: 5px">
                    @if($adsItems->item_name) <h1 style="font-size: 28px;line-height: 34px;margin-bottom: 14px;" class="item_name">{{ $item->name}}</h1> @endif

                    @if($item->description)
                        <h2 style="margin-bottom:20px;margin-top:0;font-size:14px;line-height:22px;letter-spacing:normal;font-weight:500" class="item_description">{{ $item->description }}</h2>
                    @endif

                    @if($adsItems->price && $item->price)
                        <h3 class="item_price">{{$item->price}}</h3>
                    @endif
                    @if($item->quantity_in_stock)
                        <p class="text-right">Quantity in stock: {{$item->quantity_in_stock}}</p>
                    @endif
                    @if($adsItems->item_id)
                        <p class="text-right">
                            <span class="dark-color">ID:</span>
                            <span>{{ $item->id  }}</span>
                        </p>
                    @endif

                </div>
            </div>