@extends('main')
@section('styles')

@endsection
@section('page-title')
@endsection
@section('body_class') class="blog-page" @endsection
  @section('content')
    <div class="breadcrumbs">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <ul>
              <li class="home">
                <a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }} <span>/</span></a>
              </li>
              <li>
                {{ __('Selected foods') }}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="main-container col2-right-layout">
      <div class="container">
        <div class="row">
          <div class="col-sm-9 col-xs-12">
            <div class="col-main">
              <div class="page-title">
                <h1>{{ __('Selected foods') }}</h1>
              </div>
              <div class="blog-wrapper" id="main">
                <div class="site-content" id="primary">
                  <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                      <div class="blog-outer-container">
                        <div class="blog-inner">
                          <div class="row">
                            @foreach ($articles as $key => $article)
                              <div class="col-lg-4 col-md-4 col-sm-6 blog-preview_item">
                                <div class="entry-thumb image-hover2"><a href="{!! URL::Route('mobily.show.food',[$article->slug]) !!}"><img alt="Blog" src="{!! path_img($article->photo,400,200) !!}"></a></div>
                                <div class="blog-preview_info">
                                  <h4 class="blog-preview_title"><a href="{!! URL::Route('mobily.show.food',[$article->slug]) !!}">{!! $article->title !!}</a></h4>
                                  <div class="blog-preview_desc">
                                    </div>
                                    <a class="blog-preview_btn" href="{!! URL::Route('mobily.show.food',[$article->slug]) !!}">{!! __('More') !!}</a>
                                  </div>
                                </div>
                              @endforeach
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="pager">
                    <p class="amount">
                      {{ $articles->links('vendor.pagination.mobile') }}
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-right sidebar col-sm-3 col-xs-12">
              <div class="widget_wrapper13">

                @widget('ListCategoriesMenu')
                @widget('Sidebar\DeliveryReturns')


              </div>
            </div>
          </div>
        </div>
      </div>
    @endsection
    @section('scripts')
    
    @endsection