@extends('layout/base')

@section('content')
    <div class="container">
        <h1 class="main-heading mt-5">{{ __('messages.umrah_schedule') }}</h1>

        <div class="row mt-5">
            @foreach ($packages as $row)
            <div class="package-list col-lg-4 mb-4">
                <a href="{{ route('package-detail', ['package' => $row, 'slug' => $row->slug ]) }}">
                    <div class="card package-card">
                        <div class="card-img-top" style="background-image:url('{{ asset('images/package/'.$row->cover_media) }}');"></div>
                        <div class="card-body">
                            <h4 class="card-title">{{ $row->name }}</h4>
                            <div class="card-text">
                                <div class="postdate">
                                    <i class="far fa-calendar"></i>
                                    <time datetime="@date($row->start_at, "Y-m-d")" itemprop="datePublished">@date($row->start_at, "d M Y")</time>
                                    @if ($row->end_at !='' )
                                        -
                                        <time datetime="@date($row->end_at, "Y-m-d")" itemprop="datePublished">@date($row->end_at, "d M Y")</time>
                                    @endif
                                </div>
                                <div class="airline mt-2">
                                    <i class="fas fa-plane"></i> {{ $row->departure->name }}
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>

        <div class="text-center">
            {{ $packages->links() }}
        </div>
    </div>
@endsection