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

     <div class="page-heading">
                <div class="bread">
                    <h4>{{newname($new->id)}}</h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a></li>
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/new')}}">{{__('web.news')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{__('web.new')}}</li>
                        </ol>
                    </nav>
                </div>
        </div>  
        <main>
            <!--start single-blog-->   
            <section class="single-blog">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="single-blog-inner">
                                <img src="{{asset($new->image)}}" class="blog-img">
                                <div class="inner">
                                    <div class="details">
                                        <div class="author">
                                            <i class="far fa-user"></i>
                                            <p>{{newuser($new->id)}}</p>
                                        </div>
                                        <div class="date">
                                            <p><i class="far fa-clock"></i> {{diff($new->created_at)}}</p>
                                        </div>
                                    </div>
                                    <h4>{{newname($new->id)}}</h4>
                                    <p class="desc">
                                       {{newdescription($new->id)}}
                                        </p>
                                </div>
                         
                            </div>
                        </div>
                        
                    </div>
                </div>   
            </section>
            <!--start blog-sec-->
            <section class="blog-sec"  style=" z-index:1;">
                <div class="container">
                <div class="text-heading">
                    <h3>{{__('web.newmatual')}}</h3>
                    <p>{{__('web.newdesc')}}</p>
                </div>
                <div class="row">
                    @foreach($news as $row)
                    <div class="col-md-4">
                        <div class="card">
                            <div class="image-content">
                            <img src="{{asset($row->image)}}">
                            </div>
                            <div class="card-body">
                            <span class="date">{{diff($row->created_at)}} </span>
                            <span class="badge">{{__('web.new')}}</span>
                            <h5>{{newname($row->id)}}</h5>
                            <p>
                           {{ mb_substr(newdescription($row->id),0,100,"UTF-8")}}
                    </p>
                    <a href="{{url(getCurrentLocale().'/new/'.$row->id)}}">
                      <i class="fas fa-arrow-right"></i> {{__('web.readmore')}}
                    </a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                </div>
                <img src="{{url('')}}/assets/web/images/nawal-pattern-2.png" class="logo-pattern-r">
            </section>
        </main>
@stop