@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>
                <a href="{{ Route('mobily.index.news') }}">{{ __('Meals Online') }}<span>/</span></a>
              </li>
              <li>
                {{ $category->title }}
              </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>{{ $category->title }}</h1>
              </div>
              <div class="blog-wrapper" id="main">
                <div class="site-content" id="primary">

                          <div class="row">
                            @foreach ($meals as $key => $meal)
                              <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.news',[$meal->category->slug,$meal->slug]) !!}"><img alt="{!! $meal->title !!}" src="{!! path_img($meal->photo,400,200) !!}"></a></div>
                                <div class="blog-preview_info">
                                  <h4 class="blog-preview_title"><a href="{!! URL::Route('mobily.show.news',[$meal->category->slug,$meal->slug]) !!}">{!! $meal->title !!}</a></h4>
                                  <div class="blog-preview_desc">
                                    </div>
                                    <a class="blog-preview_btn" href="{!! URL::Route('mobily.show.news',[$meal->category->slug,$meal->slug]) !!}">{!! __('More') !!}</a>
                                  </div>
                                </div>
                              @endforeach
                            </div>

                  </div>
                  <div class="pager">
                    <p class="amount">
                      {{ $meals->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