@extends('frontend.layouts.master')

@section('meta_title', $product?->title . ' || ' . $setting->app_name)
@section('meta_description', $product?->seo_description)

@push('custom_meta')
<meta property="og:title" content="{{ $product?->seo_title }}" />
<meta property="og:description" content="{{ $product?->seo_description }}" />
<meta property="og:image" content="{{ asset($product?->image) }}" />
<meta property="og:URL" content="{{ url()->current() }}" />
<meta property="og:type" content="website" />
@endpush

@section('header')
    @include('frontend.layouts.header-layout.three')
@endsection

@section('contents') 
<!-- breadcrumb-area --> 
@php
	$sku = $product?->sku;
    if ($sku == 'abc1') {
        $img = 'frontend/img/hero-carousel/acc-pl.jpg';
    } elseif ($sku == 'abc2') {
        $img = 'frontend/img/hero-carousel/fixed-depo.jpg';
    } elseif ($sku == 'abc3') {
        $img = 'frontend/img/hero-carousel/acc-pl.jpg';
    } elseif ($sku == 'abc4') {
        $img = 'frontend/img/hero-carousel/acc-pl.jpg';
    } elseif ($sku == 'abc5') {
        $img = 'frontend/img/hero-carousel/overdraft-h.jpg';
    } elseif ($sku == 'abc6') {
        $img = 'frontend/img/hero-carousel/overdraft-h.jpg';
    } elseif ($sku == 'abc7') {
        $img = 'frontend/img/hero-carousel/acc-pl.jpg';
    } elseif ($sku == 'abc8') {
        $img = 'frontend/img/hero-carousel/banner-tradefinance.jpg';
    } elseif ($sku == 'abc9') {
        $img = 'frontend/img/hero-carousel/banner-tradefinance.jpg';
    } elseif ($sku == 'abc11') {
        $img = 'frontend/img/hero-carousel/banner-tradefinance.jpg';
    } elseif ($sku == 'abc12') {
        $img = 'frontend/img/hero-carousel/bank-gurantee.jpg';
    } elseif ($sku == 'plafd') {
        $img = 'frontend/img/hero-carousel/personal-loan.jpg';
    } else {
        $img = 'frontend/img/hero-carousel/acc-pl.jpg';
    }
@endphp
    <section id="hero" class="hero section dark-background">
  <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
        <div class="carousel-item active"> <img src="{{ asset($img) }}" alt="">
      <div class="carousel-container">
            <nav aria-label="breadcrumb">
          <ol class="breadcrumb text-white">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item" aria-current="page"><a href="">Products</a></li>
                <li class="breadcrumb-item active text-white" aria-current="page">{{ $product?->title }}</li>
              </ol>
        </nav>
            <h1 class="fw-bold hero-title fs-1">{{ $product?->title }}</h1>
          </div>
    </div>
        <!-- End Carousel Item --> 
        
      </div>
</section>

    <!-- Main Area -->
    <section id="produt-loan " class="px-3">
  <div class="container card border-0 ">
        <div class="row gx-5">
      <div class="col-12">
            <div class="text-center product-heading border-bottom mb-5 pb-4" data-aos="fade-left" data-aos-delay="200">
          <h2 class=" mb-3  fw-bold">{{ $product?->title }} </h2>
          <p>{{ $product?->short_description }}</p>
        </div>
          </div>
      {!! replaceImageSources($product?->description) !!}
      @if($product?->slug == 'fixedterm-deposit')
      <div class="container mt-5 home-ext-link">
            <div class="d-flex justify-content-center align-items-center">
          <p class="alert alert-primary"> @if (getSessionLanguage() == 'en') <a href="{{ asset('frontend/brochure/en/Term-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">Download Brochure</a> @else <a href="{{ asset('frontend/brochure/ar/Term-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">تحميل الكتيب</a> @endif </p>
        </div>
          </div>
      @endif
      @if($product?->slug == 'personal-loan')
      <div class="container mt-5 home-ext-link">
            <div class="d-flex justify-content-center align-items-center">
          <p class="alert alert-primary"> @if (getSessionLanguage() == 'en') <a href="{{ asset('frontend/brochure/en/Personal-Loan.pdf') }}" class="exl-link" target="_blank">Download Brochure</a> @else <a href="{{ asset('frontend/brochure/ar/Personal-Loan.pdf') }}" class="exl-link" target="_blank">تحميل الكتيب</a> @endif </p>
        </div>
          </div>
      @endif
      @if($product?->slug == 'overdraft-individual')
      <div class="container mt-5 home-ext-link">
            <div class="d-flex justify-content-center align-items-center">
          <p class="alert alert-primary"> @if (getSessionLanguage() == 'en') <a href="{{ asset('frontend/brochure/en/Personal-Overdraft-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">Download Brochure</a> @else <a href="{{ asset('frontend/brochure/ar/Personal-Overdraft-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">تحميل الكتيب</a> @endif </p>
        </div>
          </div>
      @endif
      @if($product?->slug == 'personal-laon-against-fixed-deposit')
      <div class="container mt-5 home-ext-link">
            <div class="d-flex justify-content-center align-items-center">
          <p class="alert alert-primary"> @if (getSessionLanguage() == 'en') <a href="{{ asset('frontend/brochure/en/Personal-Loan-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">Download Brochure</a> @else <a href="{{ asset('frontend/brochure/ar/Personal-Loan-Fixed-Deposit.pdf') }}" class="exl-link" target="_blank">تحميل الكتيب</a> @endif </p>
        </div>
          </div>
      @endif </div>
      </div>
</section>

    <!--  Marquee Area --> 
    @include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection