@extends('web.layouts.main')
@section('content')

  <main>
        <!--start about header-->
        <section class="pg-header">
            <div class="text text-center">
                <h4 class="mb-0">العروض </h4>
            </div>
        </section>
        <!--start blog-->
        <section class="blog-pg offers">
            <div class="container">
                <div class="row">
                    @foreach($offers as $row)
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
                        <div class="card">
                            <div class="image-content">
                                <img src="{{asset($row->image)}}">
                                <span class="offer-end">ينتهى العرض في 1 يناير 2021</span>
                                <div class="offr">
                                    <span>{{$row->name}} </span>
                                </div>
                            </div>
                            <div class="card-body">
                                <p><span>{{date_format($row->created_at,"F j, Y")}}</span></p>
                                <p class="summary">
                                  {{$row->description}}
                                 
                                </p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="text-center">
                    <ul>
                       {{$offers->links()}}
                    </ul>
                </div>
                
            </div>
        </section>
    </main>
  

@stop