@extends('website.layouts.master')
@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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
          integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
          crossorigin="anonymous" referrerpolicy="no-referrer" />
{{--    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">--}}

@stop
@section('script.title') @stop
@section('content')

    <nav class="breadcrumb-area">
        <div class="container">
            <ol class="breadcrumb-list">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ trans('theme.nav.home') }}</a></li>
{{--                <li class="breadcrumb-item"><a href="#">قائمة التصنيفات</a></li>--}}
                <li class="breadcrumb-item active">{{ trans('theme.auctions') }}</li>
            </ol>

        </div>
    </nav>

    <section class="sub-page agriculural-sector">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-lg-3 col-md-3 co-xs-12">
                    <div class="card">
                        <div class="widget-filters">
                            <div class="widget-filters__item">
                                <div class=".widget__title">
                                    <h4 class="widget__title">{{__('theme.categories')}}</h4>
                                </div>
                                <div class="widget-filters__list">
                                    <ul class="filter-categories__list">
                                        @foreach($categories as $category)
                                            @php
                                                $translation = $category->translations->where('language_id',getLocaleId())->first()
                                            @endphp
                                        <li class="filter-categories__item">
                                            <a href="{{route('category.auctions',$category->slug)}}">{{$translation->name ?? $category->name}}</a>
                                        </li>
                                        @endforeach

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

                            <div class="widget-filters__item">
                                <div class=".widget__title">
                                    <h4 class="widget__title">{{__('theme.latest_auctions')}}</h4>
                                </div>
                                @foreach($latest_auctions as $latest_auction )
                                    @php
                                        $latest_auction_translation = $latest_auction->translations->where('language_id',getLocaleId())->first();
                                    @endphp
                                <div class="widget-products__item">
                                    <div class="widget-products__image">
                                        <a href="{{route('auction.show',$latest_auction->slug)}}">
                                            <img style="width: 80px; height: 65px;" src="{{ get_storage_file_url(optional($latest_auction->featureImage)->path, 'small') }}"/>
                                        </a>
                                    </div>
                                    <div class="widget-products__info">
                                        <h6>
                                            <a href="{{route('auction.show',$latest_auction->slug)}}">{{$latest_auction_translation->title ?? $latest_auction->title}}</a>
                                        </h6>
                                    </div>
                                </div>
                                @endforeach

                            </div>

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

                <div class="col-sm-9 col-lg-9 col-md-9 co-xs-12">
                    <div class="sb-cat-items">
                        <div class="well">
                            <div class="btn-group">
                                <h5> {{__('theme.available_auctions')}}</h5>
                            </div>
                        </div>
                        @if($auctions->count())
                        <div  class="row">
                            @foreach($auctions as $auction)
                                @php
                                    $auction_translation = $auction->translations->where('language_id',getLocaleId())->first();
                                @endphp
                            <div class="item  col-xs-4 col-lg-4">
                                <div class="card wow fadeInUp animated">
                                    <div class="card-body">
                                        <div class="product-wrapper">
                                            <div class="thumbnail-wrapper img-hover">
                                                <a href="{{route('auction.show',$auction->slug)}}">
                                                    <img style="width: 228px; height: 184px;" class="img-fluid img-hover" src="{{ get_storage_file_url(optional($auction->featureImage)->path, 'full') }}">
                                                </a>
                                            </div>
                                            <div class="meta-wrapper">
                                                <h3>
                                                    <a href="{{route('auction.show',$auction->slug)}}">{{$auction_translation->title ?? $auction->title}}</a>
                                                </h3>

                                            </div>
                                            @if($auction->bids()->count() > 0 )
                                                @php
                                                    $amount_paid = $auction->bids()->max('price');
                                                @endphp
                                                <span class="graytext"> {{__('theme.amount_paid')}} |</span>
                                                <span class="price">{{get_formated_currency($amount_paid, config('system_settings.decimals', 2))}}</span>
                                            @else
                                                <span class="graytext"> {{__('theme.start_price')}} |</span>
                                                <span class="price">{{get_formated_currency($auction->start_price, config('system_settings.decimals', 2))}}</span>
                                            @endif
                                            <div class="countdownv">
                                                @php
                                                    $seconds = strtotime($auction->end_date) - time();
                                                    $days = floor($seconds / 86400);
                                                    $seconds %= 86400;
                                                    $hours = floor($seconds / 3600);
                                                    $seconds %= 3600;
                                                    $minutes = floor($seconds / 60);
                                                    $seconds %= 60;
                                                @endphp
                                                <span class="wd30 b-l">
                                                    <span class="greentext">{{$days}}</span>
                                                    <span class="gtext">{{__('theme.Days')}} </span>
                                                </span>
                                                <span class="wd30 b-l">
                                                    <span class="greentext">{{$hours}}</span>
                                                    <span class="gtext"> {{__('theme.Hours')}}</span>
                                                </span>
                                                <span class="wd30 ">
                                                    <span class="greentext">{{$minutes}}</span>
                                                    <span class="gtext"> {{__('theme.Minutes')}}</span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                            <div class="posts-view__pagination mt-5">
                                {{ $auctions->links('vendor.pagination.default') }}
                            </div>
                        @else
                            <div class="lead text-center my-5">
                                <div class="mb-4">{{ trans('theme.no_auctions_found') }}</div>
                            </div>
                        @endif

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

@stop

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