@extends('website.layouts.master')
@section('title') {{__('website.shop').' - '.$shop->getQualifiedName()}}  @stop
@section('css')
    <link rel="stylesheet" href="{{asset('website/css/subpages.css')}}">

    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/plugins.css')}}">

    {{--    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">--}}

@stop
@section('script.title') @stop
@section('content')
    <style>
        #product_count{
            border: 0;
            font-size: 16px;
            background: #539C53;
            height: 42px;
            line-height: 42px;
            text-transform: capitalize;
            min-width: 270px;
            border-radius: 5px;
            margin: 18px 0 15px 20px;
            !important;
        }
        .verified-badge{
            width: 20px;
            margin-left: 5px;
            margin-right: 5px;
        }
    </style>

    <nav class="breadcrumb-area">
        <div class="container">
            <ol class="breadcrumb-list">
                <li class="breadcrumb-item"><a href="{{route('homepage')}}">{{__('theme.home')}}</a></li>
                <li class="breadcrumb-item active"><a href="{{route('shops')}}">{{__('theme.nav.shops')}}</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('show.store', $shop->slug) }}">{!! $shop->name !!}</a></li>

            </ol>

        </div>
    </nav>
    <section class="sub-page product-page">
        <div class="container">
            <div class="card">
                <div class="card-body">
                    <div class="product_details_wrapper mb-55">
                        <!--product details start-->
                        <div class="product_details">
                            <div class="row">
                                <div class="col-lg-5 col-md-6">
                                    <div class="product-details-tab">
                                        <div id="img-1" class="zoomWrapper single-zoom">
                                            <a href="#">
                                                <img id="zoom1" src="{{ get_cover_img_src($shop, 'shop') }}" width="500px" height="300px" >
                                            </a>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-lg-7 col-md-6">
                                    <div class="product_d_right">
                                        <h3><a href="{{ route('show.store', $shop->slug) }}">{!! $shop->getQualifiedName() !!}</a></h3>
                                        <div class="price_box">
                                            <p class="member-since small">{{__('website.member')}}: {{ $shop->created_at->diffForHumans() }}</p>
                                        </div>
                                        <div class="product_desc">
                                            <p>{!! $shop->description !!}</p>
                                        </div>

                                        <div class="product_variant quantity">
                                            <a style="background: #478F47;" class="button"  href="{{ route('shop.products', $shop->slug) }}">{{ trans('website.products') }} ({{ $shop->inventories_count }})</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--product details end-->

                        <!--product info start-->
                        <div class="product_d_info">
                            <div class="row">
                                <div class="col-12">
                                    <div class="product_d_inner">
                                        <div class="product_info_button">
                                            <ul class="nav" role="tablist">
                                                <li>
                                                    <a class="active" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false">{{__('website.profile')}}</a>
                                                </li>
                                                <li>
                                                    <a data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">{{__('theme.comments')}} @if($shop->feedbacks)({{$shop->feedbacks->count()}})@endif</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-content">
                                            <div class="tab-pane fade show active" id="info" role="tabpanel">
                                                <div class="product_d_table">

                                                    <table>
                                                        <tbody>
                                                        <tr>
                                                            <td class="first_child">{{__('website.name')}}</td>
                                                            <td>{!! $shop->owner->name !!}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="first_child">{{__('website.address')}}</td>
                                                            <td>{!! $shop->address->toShortString() !!}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="first_child">{{__('website.phone')}}</td>
                                                            <td>{!! $shop->config->support_phone !!}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="first_child">{{__('website.email')}}</td>
                                                            <td>{!! $shop->config->support_email !!}</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="first_child">{{__('website.sold_items')}}</td>
                                                            <td>{{ \App\Helpers\Statistics::sold_items_count($shop->id) }}</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>

                                                </div>
                                            </div>

                                            <div class="tab-pane fade" id="reviews" role="tabpanel">
                                                <div class="reviews_wrapper">
                                                    @if($shop->feedbacks)
                                                        <h2>({{$shop->feedbacks->count()}}) {{(__('theme.comments'))}}</h2>
                                                    @endif

                                                    @forelse($shop->feedbacks->sortByDesc('created_at') as $feedback)
                                                        <div class="reviews_comment_box">
                                                        <div class="comment_text">
                                                            <div class="reviews_meta">
                                                                <p><strong>{{ $feedback->customer->nice_name ?? $feedback->customer->name }} </strong>{{ $feedback->created_at->diffForHumans() }}</p>
                                                                <span>{{ $feedback->comment }}</span>
                                                            </div>
                                                        </div>

                                                    </div>
                                                        @empty
                                                            <div class="space20"></div>
                                                            <p class="lead text-center text-muted">@lang('website.no_reviews')</p>
                                                    @endforelse

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--product info end-->
                    </div>
                </div>
            </div>
        </div>
    </section>



@stop

@section('script')
    <script src="{{asset('website/js/plugins.js')}}"></script>
    <script src="{{asset('website/js/main.js')}}"></script>

    <!-- Main JS -->



@stop