@extends('frontLayout.master')
@section('content')
    <div class="container my-5">
        <h2 class="fw-bold text-danger">{{ __('ebook.heading') }}</h2>
        <p>{{ __('ebook.subheading') }}</p>
    </div>
    @foreach ($ebookCategory as $category)
        @if ($category->ebook->count() > 0)
            <div class="container my-5">
                <div class="d-flex justify-content-between align-items-center mt-3">
                    <h4 class="fw-semibold">
                        {{ app()->getLocale() == 'hi' ? $category->title_hi : $category->title_en }}
                    </h4>
                    <a href="#" class="text-primary fw-bold">{{ __('ebook.view_all') }}</a>
                </div>

                <div class="owl-carousel sangrah-carousel kavita-carousel owl-theme mt-3">
                    @foreach ($category->ebook as $book)
                        <div class="item text-center">
                            <a href="{{ asset('images/ebook/pdf/' . (app()->getLocale() == 'hi' ? 'hi/' . $book->pdf_hi : 'en/' . $book->pdf_en)) }}"
                                target="_blank" class="text-decoration-none">
                                <div class="card kavita-card border-0">
                                    <img src="{{ asset('images/ebook/img/' . (app()->getLocale() == 'hi' ? 'hi/' . $book->thumbnail_hi : 'en/' . $book->thumbnail_en)) }}"
                                        class="card-img-top" alt="अज्ञेय">

                                    <div class="card-body p-2">
                                        <p class="card-text fw-bold">
                                            {{ app()->getLocale() == 'hi' ? $book->title_hi : $book->title_en }}
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    @endforeach
@endsection