@extends('layouts.guest')

@section('title') List @endsection

@section('content')

<section>
    <div class="container pt-3">
        <div class="row"> 
            @foreach ($lists as $key => $advertisment)
            <div class="col-md-4">
                <div class="card card-01">
                 <img class="card-img-top" src="{{$advertisment->getAdvertismentFirstImage() ? $advertisment->getAdvertismentFirstImage() : asset('images/default-watermark.png')}}" style="width:80%;" alt="Card image cap">
                  <div class="card-body">
                  <span class="badge-box"><i class="fa fa-check"></i></span>
                  <h4 class="card-title">{{GoogleTranslate::trans($advertisment->title,App::getLocale())}}</h4>
                
                  <p class="card-text">
                    @foreach ($advertisment->getAdvertismentCountries as $country)
                    {{GoogleTranslate::trans($country->getCountry->name,App::getLocale())}},  
                    @endforeach
                  </p>
                  <span class="float-right"> {{$advertisment->created_at->diffForHumans()}}</span>

                  <p class="card-text">
                    ${{$advertisment->price}}
                  </p>

                  <h3 class="card-title">
                    {{GoogleTranslate::trans('Accept',App::getLocale())}}

                    </h3>
                  <p class="card-text">
                     @foreach ($advertisment->methods as $paymentMethod)
                     {{GoogleTranslate::trans($paymentMethod->payment->title,App::getLocale())}},
                      @endforeach
                  </p>
                  <a href="{{route('advertisment.viewOriginal', ['title' => $advertisment->title,'id' => encrypt($advertisment->id) ])}}" class="btn btn-default text-uppercase">
                    {{GoogleTranslate::trans('Explore',App::getLocale())}}

                    </a>
                </div>
              </div>
              </div>
            @endforeach   
        
        </div>
        </div>
    </div>
</section>

@endsection