@extends('frontend.layouts.app')

@section('content')
    <section class="bread">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Timeline</li>
                </ol>
            </nav>
        </div>
    </section>

    <section class="main-timeline section-padding">
        <div class="container">
            <div class="heading text-center mb-3">
                <span>Check my timeline</span>

                <h1 data-aos="fade-right">My Timeline</h1>
                <div class="hero-stars mb-4">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star big"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>
            <div class="timeline">
                <ul>
                    @foreach($timelines as $timeline)
                        <li>
                        <a href="{{$timeline->redirect_link}}">
                        <div class="right_content" data-aos="flip-right">
                            <div class="timeline-head">
                                <img src="{{ $timeline->media[0]->getFullUrl() }}" alt="">
                                <h5>{{$timeline->title}}</h5>
                            </div>


                        </div>
                        </a>
                        <div class="left_content">
                            <h3>{{date('M d', strtotime($timeline->date))}}</h3>
                        </div>
                    </li>
                    @endforeach
                    <div style="clear: both;"></div>
                </ul>
            </div>
        </div>
    </section>
@endsection