{{-- Extends layout --}}
@extends('front.layouts.app_nosidebar')

{{-- Content --}}
@section('content')

<div class="col-xl-8 col-lg-8 col-md-12">

    <!--Add Description-->
    <div class="card overflow-hidden">
        @component('front.components.item_ribbon',["item"=>$item])@endcomponent
        <div class="card-body h-100">
            <div class="item-det mb-4">
                <a href="#" class="text-dark"><h3 class="">{{ $item->item_title }}</h3></a>
                <ul class="d-flex">
                    <li class="mr-5"><a href="{{ route('front.items.listby.cat',['cat_id'=>$item->category->cat_id]) }}" class="icons"><i class="fas fa-folder"></i> {{ $item->category->cat_title }}</a></li>
                    <li class="mr-5"><a href="{{ route('front.items.listby.loc',['loc_id'=>$item->location->loc_id]) }}" class="icons"><i class="fas fa-thumbtack"></i> {{ $item->location->city->city_title }} / {{ $item->location->loc_title }} </a></li>
                    <li class="mr-5"><i class="fas fa-clock"></i> {{ $item->updated_at }} </li>

                </ul>
            </div>
            <div class="product-slider">

                <div id="carousel" class="carousel slide" data-ride="carousel">
                    <div class="arrow-ribbon2 bg-primary">{{ $item->currency->cur_symbol }}{{number_format($item->item_price,2) }}</div>
                    <div class="carousel-inner">
                        @php $i=0 @endphp
                        @foreach($item->gallery as $item_gallery)
                        @if($i==0)
                        <div class="carousel-item active"> <img src="{{ asset(\App\Models\Item::UPLOAD_FOLDER.$item_gallery->ig_image_path) }}" alt="img"> </div>
                        @else
                        <div class="carousel-item"> <img src="{{ asset(\App\Models\Item::UPLOAD_FOLDER.$item_gallery->ig_image_path) }}" alt="img"> </div>
                        @endif
                        @php $i++ @endphp
                        @endforeach
                    </div>
                    <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                        <i class="fa fa-angle-left" aria-hidden="true"></i>
                    </a>
                    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                        <i class="fa fa-angle-right" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="clearfix">
                    <div id="thumbcarousel" class="carousel slide" data-interval="false">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                @php $i=0 @endphp
                                @foreach($item->gallery as $item_gallery)
                                <div data-target="#carousel" data-slide-to="{{ $i++ }}" class="thumb"><img src="{{ asset(\App\Models\Item::UPLOAD_FOLDER.$item_gallery->ig_image_path) }}" alt="img"></div>
                                @endforeach
                            </div>
                            <div class="carousel-item">
                                @php $i=0 @endphp
                                @foreach($item->gallery as $item_gallery)
                                <div data-target="#carousel" data-slide-to="{{ $i++ }}" class="thumb"><img src="{{ asset(\App\Models\Item::UPLOAD_FOLDER.$item_gallery->ig_image_path) }}" alt="img"></div>
                                @endforeach
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#thumbcarousel" role="button" data-slide="prev">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </a>
                        <a class="carousel-control-next" href="#thumbcarousel" role="button" data-slide="next">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('Açıklama') }}</h3>
        </div>
        <div class="card-body">
            <div class="mb-4">
                {!! $item->item_description !!}
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('Özellikler') }}</h3>
        </div>
        <div class="card-body">
            <div class="mb-4">
                <div class='row'>
                    @foreach($item->attributes as $attribute)
                    <div class="col-sm-1 col-md-4">
                        <strong>{{ $attribute->attribute->at_title }}:</strong>
                        @if( empty($attribute->attribute_value->atv_value ))
                        {{ $attribute->iat_value }}
                        @else
                        {{ $attribute->attribute_value->atv_value }}
                        @endif
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <!--/Add Description-->
</div>

<!--Right Side Content-->
<div class="col-xl-4 col-lg-4 col-md-12">


    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('İlanı Paylaş') }}</h3>
        </div>
        <div class="card-body product-filter-desc">
            <div class="product-filter-icons text-center">
                <a href="https://www.facebook.com/sharer/sharer.php?u={{ route('front.item.details',["item_id"=>$item->item_id]) }}" class="facebook-bg"><i class="fa fa-facebook"></i></a>
                <a href="https://twitter.com/intent/tweet?text={{ route('front.item.details',["item_id"=>$item->item_id]) }}" class="twitter-bg"><i class="fa fa-twitter"></i></a>
                <a href="https://web.whatsapp.com/send?text={{ route('front.item.details',["item_id"=>$item->item_id]) }}" class="google-bg"><i class="fa fa-whatsapp"></i></a>

            </div>
        </div>
    </div>

    @include('front.components.user_column',['user' => $item->user])
    @auth
    @include('front.components.user_item_message',['item' => $item])
    @endauth

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __('Son Eklenen Ürünler') }}</h3>
        </div>
        <div class="card-body pb-3">
            <ul class="vertical-scroll" style="overflow-y: hidden; height: 305px;">
                @foreach($latest_items as $item)
                <li style="" class="news-item">
                    <table cellpadding="4">
                        <tbody><tr>
                                <td><img src="{{ asset(App\Models\Item::UPLOAD_FOLDER.$item->item_main_photo) }}" class="w-8 bg-secondary border"></td>
                                <td><h5 class="mb-1 ">{{ $item->item_title }}</h5><a href="{{ route('front.item.details',['item_id'=>$item->item_id]) }}" class="btn-link">{{ __('İlan Detayı') }}</a><span class="float-right font-weight-bold">{{$item->currency->cur_symbol.$item->item_price}}</span></td>
                            </tr>
                        </tbody></table>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
<!--Right Side Content-->

@endsection