@extends('front.layouts.master',['banner' =>'yeas'])

@section('breadcrumb')
    <ol class="breadcrumb ">
        <li><a href="{{route('/')}}">{{__('front.Home')}}</a></li>
        <li class="active"> {{__('front.News')}}</li>
    </ol>
@endsection


@section('content')
    <div class="wrapper">
        <div class=" container-fluid right_0">
            <div class="col-md-3 col-sm-12 right_0">
                <div class="sidebar">

                    <div class="box shadow ">
                        <h4 class="green" style="border-bottom: 1px solid #9a1313;text-align: justify;padding-right: 5px; padding-bottom: 5px;">
                            <svg class="svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-newspaper" viewBox="0 0 16 16">
                            <path d="M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5v-11zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5H12z"/>
                            <path d="M2 3h10v2H2V3zm0 3h4v3H2V6zm0 4h4v1H2v-1zm0 2h4v1H2v-1zm5-6h2v1H7V6zm3 0h2v1h-2V6zM7 8h2v1H7V8zm3 0h2v1h-2V8zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1z"/>
                          </svg>
                          {{__('front.Quick Links')}}</h4>
                        <div class="scroll">
                             @foreach($links as $link)
                             <div style="width:100%; padding: 0px;float: right; height: 30px;">
                                <a href="{{route('link.index',$link->id)}}">
                                    <svg xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
                                      </svg>
                                      {{$link->title}}</a>
                            </div>
                            @endforeach
                        </div>
                    </div>

                </div>
            </div>

            <div class="right-top col-md-9 col-sm-12">
                @forelse($news as $new)
                    <div class="col-md-6 col-sm-6">
                        <div class="Hybrid shadow" data-aos="zoom-in" data-aos-duration="2000">
                            <h4><a  class="green" href="{{route('newCategory.show',$new->id)}}">{{$new->title}}</a></h4>
                            <img class="img-responsive" src="{{$new->getImageAttribute()}}">

                            <span class="green">{{$new->created_at->format(' d M Y ')}}</span>
                            <p>{!! $new->short_description !!}</p>
                            <a class="more pull-right" href="{{route('newCategory.show',$new->id)}}">{{__('front.Read More')}}</a>
                        </div>
                    </div>

                @empty
                    <div>{{__('not found')}}</div>
                @endforelse
            </div>

        </div>
    </div>
    @endsection