@extends('master.front')
@section('content')
    <!-- Start Bradcaump area -->
    <div class="ht__bradcaump__area bg-image--2"></div>
    <!-- End Bradcaump area -->
    <!-- Start main Content -->
    <div class="maincontent bg--white pt--80 pb--55">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12">
                    @foreach($campaigns as $campaign)
                        <div class="wn__single__product">
                            <div class="row">
                                <div class="col-lg-4 col-12">
                                    <div class="wn__fotorama__wrapper">
                                        <div class="fotorama wn__fotorama__action" data-nav="thumbs">
                                            <img src="{{ url('/') }}/settings/campaign/{{ $campaign->image }}" alt="{{ $campaign->name }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-8 col-12">
                                    <div class="product__info__main">
                                        <h1>{{ $campaign->name }}</h1>
                                        <div class="price-box">
                                            <span>{{ $campaign->price }} AZN</span>
                                        </div>
                                        <form action="{{ route('front.addtocart', ['id' => $campaign->id]) }}" method="post">
                                            <div class="box-tocart d-flex">
                                                <span>Ədəd</span>
                                                <input class="input-text qty" name="qty" type="text">
                                                <div class="addtocart__actions">
                                                    <button class="tocart">Səbətə at</button>
                                                </div>
                                            </div>
                                            {{ csrf_field() }}
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product__info__detailed">
                            <div class="pro_details_nav nav justify-content-start" role="tablist">
                                <a class="nav-item nav-link active" data-toggle="tab" href="#nav-details" role="tab">Haqqında</a>
                                <a class="nav-item nav-link" data-toggle="tab" href="#nav-review" role="tab">Rəylər</a>
                            </div>
                            <div class="tab__container">
                                <!-- Start Single Tab Content -->
                                <div class="pro__tab_label tab-pane fade show active" id="nav-details" role="tabpanel">
                                    <div class="description__attribute">
                                        <p></p>
                                    </div>
                                </div>
                                <!-- End Single Tab Content -->
                                <!-- Start Single Tab Content -->
                                <div class="pro__tab_label tab-pane fade" id="nav-review" role="tabpanel">
                                    <div class="review__attribute">
                                        <h1>Müştəri rəyləri</h1>
                                    </div>
                                    <div class="blog-details">
                                        <div class="comments_area">
                                            <h3 class="comment__title">{{ count($comments) }} rəy</h3>
                                            <ul class="comment__list">
                                                @foreach($comments as $comment)
                                                    <li>
                                                        <div class="wn__comment">
                                                            <div class="thumb">
                                                                <img src="/front/images/blog/comment/1.jpeg" alt="">
                                                            </div>
                                                            <div class="content">
                                                                <div class="comnt__author d-block d-sm-flex">
                                                                    <span>{{ $comment->post_date }} saat {{ $comment->post_time }}</span>
                                                                </div>
                                                                                                                            </div>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="review-fieldset">
                                        <div class="review_form_field">
                                            <form action="{{ route('front.review', ['id' => $campaign->id]) }}" method="post">
                                                {{ csrf_field() }}
                                                <div class="input__box">
                                                    <textarea name="reviewCampaign" placeholder="Rəyinizi bura yazın..."></textarea>
                                                </div>
                                                <div class="review-form-actions">
                                                    <button>Göndər</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Tab Content -->
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <!-- End main Content -->
@endsection