@extends('website.layouts.master')
{{--@section('title') {{__('website.special_offers')}} @stop--}}
@section('css')
    <link rel="stylesheet" href="{{asset('website/css/subpages.css')}}">
    <script src="{{asset('js/jquery-3.6.0.min.js')}}"></script>
    <script src="{{asset('website/js/wow.js')}}"></script>
    <link rel="stylesheet" href="{{asset('website/css/plugins.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
          integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
          crossorigin="anonymous" referrerpolicy="no-referrer" />

@stop
@section('head')

@stop
@section('content')
<style>
    /*.next-checkbox-wrapper{*/
    /*    */
    /*}*/
</style>

<nav class="breadcrumb-area">
    <div class="container">
        <ol class="breadcrumb-list">
            <li class="breadcrumb-item active"><a href="{{ url('/') }}">{{ trans('theme.nav.home') }}</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('tender.index') }}">@lang('theme.tenders')</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">
                                @if($tender->images->count() != null)
                                <div class="product-details-tab">
                                    <div class="clearfix">
                                        @php
                                            $pImg = get_product_img_src($tender, 'large');
                                        @endphp
                                        <a href="{{ $pImg }}" id="{{ $zoomID ?? 'jqzoom' }}" data-rel="gal-1">
                                            <img class="product-img" data-name="product_image" src="{{ $pImg }}" alt="{{ $tender->title }}" title="{{ $tender->title }}" />
                                        </a>
                                    </div>
                                    <ul class="jqzoom-thumbs mt-2" style="display: flex;">
                                        @php
                                            $item_images = $tender->images->count() ? $tender->images : $tender->images;

                                            if (isset($variants)) {
                                                // Remove images of current items from the variants imgs
                                                $other_images = $variants
                                                    ->pluck('images')
                                                    ->flatten(1)
                                                    ->filter(function ($value, $key) use ($tender) {
                                                        return $value->imageable_id != $tender->id;
                                                    });
                                                $item_images = $item_images->concat($other_images);
                                            }
                                        @endphp

                                        @foreach ($item_images as $img)
                                            @continue(!$img->path)

                                            @php
                                                $fImg = get_storage_file_url($img->path, 'full');
                                            @endphp

                                            <li style="margin-left: 5px;margin-right: 5px;">
                                                <a class="d-flex flex-wrap align-items-center {{ $img->path == optional($tender->image)->path ? 'zoomThumbActive' : '' }}" href="javascript:void(0)" data-rel="{gallery:'gal-1', smallimage: '{{ $fImg }}', largeimage: '{{ $fImg }}'}">
                                                    <img src="{{ get_storage_file_url($img->path, 'thumbnail') }}" alt="Thumb" title="{{ $tender->title }}" />
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul> <!-- /.jqzoom-thumbs -->
                                </div>
                                @else
                                    <div class="product-details-tab">
                                        <div id="img-1" class="zoomWrapper single-zoom">
                                            <a>
                                                <img id="zoom1" src="{{ get_storage_file_url(optional($tender->featureImage)->path, 'full') }}" data-zoom-image="{{ get_storage_file_url(optional($tender->featureImage)->path, 'full') }}" alt="{{$tender->title}}">
                                            </a>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="col-lg-7 col-md-6">
                                <div class="product_d_right">
                                    <h3><a href="{{route('tender.show',$tender->slug)}}">{{$tender->title}}</a></h3>
                                    <div class="product_desc">
                                        <p>{!! Str::limit($tender->description,200) !!}</p>
                                    </div>
                                    @if($tender->cateory)
                                    <div class="product_meta">
                                        @php
                                        $category_translation = $tender->category->translations->where('language_id',getLocaleId())->first();
                                        @endphp
                                        <span>{{__('theme.category')}}: <a href="#">{{$category_translation->name ?? $tender->category->name}}</a></span>
                                    </div>
                                    @endif
                                    <div class="priduct_social">
                                        <ul>
                                            <li><a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(Request::fullUrl()) }}" target="_blank" data-toggle="tooltip" data-placement="top" title="facebook"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a class="twitter" href="https://twitter.com/intent/tweet?url={{ urlencode(Request::fullUrl()) }}"  target="_blank" data-toggle="tooltip" data-placement="top" title="twitter"><i class="fab fa-twitter"></i></a></li>
                                            <li><a class="pinterest" href="https://pinterest.com/pin/create/button/?{{ http_build_query(['url' => Request::fullUrl(),'media' => get_storage_file_url($tender, 'medium'),'description' => $tender->title]) }}" target="_blank" data-toggle="tooltip" data-placement="top" title="pinterest"><i class="fab fa-pinterest"></i></a></li>
                                            <li><a class="linkedin" href="http://www.linkedin.com/shareArticle?{{ http_build_query(['url' => Request::fullUrl(), 'title' => $tender->title, 'mini' => true]) }}" target="_blank" data-toggle="tooltip" data-placement="top" title="linkedin"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </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">{{__('theme.description')}}</a>
                                            </li>
                                            <li>
                                                <a data-toggle="tab" href="#details" role="tab" aria-controls="details" aria-selected="false">{{__('theme.tender_details')}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-content">
                                        <div class="tab-pane fade show active" id="info" role="tabpanel">
                                            <div class="product_info_content">
                                                <p>{!! $tender->description !!}</p>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="details" role="tabpanel">
                                            <div class="product_d_table">
                                                <table>
                                                    <tbody>
                                                    <tr>
                                                        <td class="first_child">{{__('theme.title')}}</td>
                                                        <td>{{$tender->title}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="first_child">{{__('theme.company')}}</td>
                                                        <td>{{$tender->company}}</td>
                                                    </tr>
                                                    @if($tender->cateory)
                                                    <tr>
                                                        <td class="first_child">{{__('theme.category')}}</td>
                                                        <td>{{$category_translation->name ?? $tender->category->name}}</td>
                                                    </tr>
                                                    @endif
                                                    <tr>
                                                        <td class="first_child">{{__('theme.tender_status')}}</td>
                                                        <td>@if($tender->paid = 1) {{__('theme.paid')}} @else {{__('theme.free')}} @endif</td>
                                                    </tr>
                                                    @if($tender->subscription_price)
                                                        <tr>
                                                            <td class="first_child">{{__('theme.subscription_price')}}</td>
                                                            <td>{!! get_formated_price($tender->subscription_price, config('system_settings.decimals', 2)) !!}</td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <td class="first_child">{{__('theme.ad_date')}}</td>
                                                        <td>{{$tender->ad_date}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="first_child">{{__('theme.start_date')}}</td>
                                                        <td>{{$tender->start_date}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="first_child">{{__('theme.end_date')}}</td>
                                                        <td>{{$tender->end_date}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </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>
    <!-- Main JS -->
    <script src="{{asset('website/js/main.js')}}"></script>
@stop