@extends('frontend.layouts.app')

@section('title')
    Albums
@stop

@section('content')
@if (\App::getLocale() == 'my')
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5 lang-my">PHOTO ALBUMS</h1>
</div>
@else
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5">PHOTO ALBUMS</h1>
</div>
@endif

  <div class="container my-5">
    <div class="row">
      <div class="col-lg-12">
        <div class="row">
        @foreach ($albums as $album)
          <div class="col-lg-6 col-md-6 my-4">
            <div class="card">
              <div class="card-body">
                <img class="img-fluid" src="/uploads/albums/{{ $album->cover_img }}" alt="cover_image {{ $album->id }}">
              </div>
              <div class="card-title text-center">
                <a href="{{ route('album.photo', $album->id) }}"><h3>{{ $album->name }}</h3></a>
                {{-- <a href="/albums/{{ $article->id }}"><img class="img-fluid" src="/images/news_images/{{ $article->cover_image }}" alt="image-{{ $article->slug }}" style="width: 100%; height: 235px; object-fit: contain;" /></a> --}}
              </div>
            </div>
          </div>        
        @endforeach
        </div>
        <div class="row mt-5">
          <div class="col d-flex justify-content-center">
            <div class="pagination">
              {!! $albums->links() !!}
            </div>
          </div>
        </div>
      </div>
  </div>
@stop