@extends('front.includes.master')
@if (\App::getLocale() == 'ar')
    <style>
        .page-header,.entry-main-content,.detail-info ,.custom{
            direction: rtl;
            text-align: right;
        }
    
        #map {
    height: 650px;
    width: 100%;
}
.shart{float: inline-start;}

    </style>
@endif
@php
if (\App::getLocale() == 'ar'){
    $page = "كتالوج المنتجات";
    $download = "للاطلاع على كافة المنتجات وتحميل الكتالوج، يرجى الضغط على الزر أدناه.";
    $text = "تحميل كتالوج المنتجات";
    $description = "استعرض مجموعتنا الواسعة من المنتجات المصممة لتلبية احتياجاتك. سواء كنت تبحث عن أحدث التقنيات أو المنتجات المنزلية، لدينا كل ما تحتاجه.";
} else {
    $page = "Phoneplanet Catalog";
    $download = "To explore our products and download the catalog, please click the button below.";
    $text = "Download Catalog";
    $description = "Browse our extensive range of products designed to meet your needs. Whether you're looking for the latest technology or home essentials, we have everything you need.";
}
@endphp

@section('main-content')

<!-- Slider Area -->
<div class="page-header breadcrumb-wrap">
    <div class="container">
        <div class="breadcrumb">
            <a href="{{route('front')}}" rel="nofollow" style="color: #007bff;">{{ __('admin.web.Home') }}</a>
            <span style="color: #007bff;"></span> 
            <a style="color: #343a40;">{{ $page }}</a>
        </div>
    </div>
</div>

<section class="mt-50 mb-50" style="background-color: #f8f9fa; padding: 20px; border-radius: 8px;">
    <div class="container custom">
        <div class="row">
            <div class="single-header mb-50 text-center">
                <h3 class="font-xxl text-brand mb-4" style="color: #007bff;">{{ $page }}</h3>
                <h5 class="mb-10 text-center" style="color: #6c757d;">{{ $download }}</h5>
                <p class="mb-20" style="color: #495057;">{{ $description }}</p>
            </div>
        </div>
    </div>
</section>
<section class="pb-50">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-10 m-auto">
                <div class="contact-from-area padding-20-row-col wow FadeInUp" style="text-align:center;">
                    <div class="col-lg-12 col-md-12 m-auto" style="display: inline-block;">
                        <a href="{{ $pathUrl }}" target="_blank" class="btn btn-lg" style="background-color: #004988; color: white; padding: 12px 24px; border-radius: 5px; text-decoration: none; font-size: 1.2em;">
                            {{ $text }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



 @endsection