@extends('layouts.site')

@section('page_class', 'blog')
@section('content')

    <div id="content">
        <section class="banner2">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 ">
                        <h1>اخبار و اطلاعیه ها</h1>
                    </div>
                </div>
            </div>
        </section>

        <div class="container">
            <div class="row po-rel pattern">
                <div class="col-xs-12 col-sm-9">
                    @foreach($mags as $mag)
                        <div class="row services-inner-section ">
                            <div class="blog-post margin-top">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="view-services zoom">
                                        <figure class="services-img-section">
                                            <img src="{{asset("$mag->image")}}" alt="service-img3"/>
                                        </figure>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="view-services">
                                        <h5 class="view-title-style"><a href="{{url('/mag/'.$mag->id)}}">{{$mag->title}}</a></h5>
                                        <p>
                                            {{$mag->short_description}}
                                        </p>

                                        <div class="blog-date-comment">
                                            <span class="blog-date">1403-05-23</span>
                                        </div>

                                        <div class="btn-bar">
                                            <a href="{{url('/mag/'.$mag->id)}}" class="orange-btn"><i aria-hidden="true"
                                                                                                   class="fa fa-plus-circle"></i>ادامه
                                                مطلب</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach


                    {{--<div class="row">
                        <div class="col-xs-12 col-sm-12">
                            <nav class="services-pagination">
                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous"><i class="fa fa-long-arrow-right" aria-hidden="true"></i><span aria-hidden="true">قبلی</span></a>
                                    </li>
                                    <li>
                                        <a href="#">1</a>
                                    </li>
                                    <li class="active">
                                        <a href="#">2 <span class="sr-only">(اجرا)</span></a>
                                    </li>
                                    <li>
                                        <a href="#">3</a>
                                    </li>
                                    <li>
                                        <a href="#">4</a>
                                    </li>
                                    <li>
                                        <a href="#" aria-label="Next"><span aria-hidden="true">بعدی</span><i class="fa fa-long-arrow-left" aria-hidden="true"></i></a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>--}}

                </div>

                @include('layouts.mag-sidebar')

            </div>

        </div>

    </div>

@endsection