@extends('layouts.frontend.mobile_app')

@section('title','WorkSafe News')

@section('content')
<div class="row">
    <div class="col-12">
        {{--<div class="title mt-2">
            <h3>WorkSafe News</h3>
            <hr/>
        </div>--}}

        <div class="feed-items my-3">
            @foreach($feed->get_items() as $key => $item)
            <p>
                <a href="{{ $item->get_permalink() }}" target="_blank" class="rss-item">{{ $item->get_title() }}</a>
                @if(!$loop->last)<hr/>@endif
            </p>
            @endforeach
        </div>
    </div>
</div>
@endsection

@push('css')
    <style>
        .rss-item {
            text-decoration: underline;
            color: blue;
        }
        .rss-item:hover {
            text-decoration: none;
        }
    </style>
@endpush