@extends('admin.layouts.container')

@section('content')
<form>
<div class="side-title">
    <div class="row">
        <div class="col-lg-6">
            <h3>{{ $title }}</h3>
        </div>
       
    </div>
</div>

<!--start blog-->
        <section class="blog-pg">
            <div class="container">
                <div class="row">
                    @foreach($articles as $row)
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 ">
                        <a href="{{url('admin/showarticles/'.$row->id)}}" class="card d-block">
                            <div class="image-content">
                                <img src="{{asset($row->image)}}">
                            </div>
                            <div class="card-body">
                                
                                <h4>{{$row->name}}</h4>
                                <p><span>{{$row->specilaty->name}} </span> | {{date('F j, Y',strtotime($row->created_at))}}</p>
                                <p class="summary">
                                    {{strip_tags($row->description)}}
                                    
                                </p>
                                <p><span>المزيد</span></p>
                            </div>
                        </a>
                    </div>
                    @endforeach
                </div>
                {{$articles->render()}}
                <!--<div class="pagination text-center">-->
                <!--    <ul>-->
                <!--        <li><a href="#"><i class="fas fa-chevron-right"></i></a></li>-->
                <!--        <li><a href="#">1</a></li>-->
                <!--        <li><a href="#">2</a></li>-->
                <!--        <li><a href="#">3</a></li>-->
                <!--        <li><a href="#">...</a></li>-->
                <!--        <li><a href="#"><i class="fas fa-chevron-left"></i></a></li>-->
                <!--    </ul>-->
                <!--</div>-->
            </div>
        </section>

<!-- ------------ data table ------------- -->

<!-- ------------ sidemenu links ------------- -->
</form>
@endsection



@section('inner_js')

@endsection