@extends('frontend.layouts.app')
@section('page_content')
<div class="inner_page_without_banner">
    <section class="main_content">
        @php($background_catalouge = asset('frontend/images/experience_bg.jpg'))
        <section class="bg_image experience_sec pb-5 catalogue_page"
            style="background-image: url('{{$background_catalouge}}')">
            <section class="breadcrumb_sec header-width">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('index')}}">Home</a></li>
                    <li class="breadcrumb-item active">Catalogue</li>
                </ol>
            </section>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-9 text-center">
                        <h2 class="fs-50 mb-0 fw-s-bold">{{ LangTranslate::translate($page_title->title ?? '',$page_title->ar_title ?? '') ?? 'Catalogue'}}</h2>
                        <div class="text-white fs-14">{!! LangTranslate::translate($page_title->description ?? '',$page_title->ar_description ?? '') !!}</div>
                    </div>
                </div>
            </div>
            <div class="container py-lg-5">
                <div class="row align-items-center">
                    <div class="col-lg-6" data-aos="fade-up">
                        <img src="{{asset($catalogue->thumb_image)}}" class="w-100">
                    </div>
                    <div class="col-lg-6" data-aos="fade-up">
                        <h2 class="text_white fs-32 pr-lg-5 mr-lg-5 fw-regular">{{LangTranslate::translate($catalogue->title,$catalogue->ar_title)}}</h2>
                        <div class="btn_list">
                            <a href="{{$catalogue->download_btn_link}}" class="green_filled_btn fw-medium" download>{{LangTranslate::translate($catalogue->download_btn_title ?? '',$catalogue->ar_download_btn_title ?? '') ?? 'Download Catalogue'}}</a>
                            <a href="javascript:void(0)" class="green_outline_btn fw-medium ml-3 _df_custom"
                            source="{{$catalogue->view_btn_link}}">{{LangTranslate::translate($catalogue->view_btn_title ?? '',$catalogue->ar_view_btn_title ?? '') ?? 'View Catalogue'}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </section>
</div>  
@endsection