@extends('frontend.layouts.master')

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

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

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

@php
$banner = null;
if($project?->slug == 'individual-current-account'){
	$banner = 'frontend/img/hero-carousel/indivi-acc.jpg';
}
elseif($project?->slug == 'individual-saving-account'){
 	$banner = 'frontend/img/hero-carousel/savings _account_banner.jpg';
}
elseif($project?->slug == 'qard-al-hasn-saving-account'){
	$banner = 'frontend/img/hero-carousel/savingac.jpg';
}
elseif($project?->slug == 'corporate-current-account'){
	$banner = 'frontend/img/hero-carousel/cp-acc-hero.jpg';
}
else{
	$banner = 'frontend/img/hero-carousel/indi-bank-acc.jpg';
}
@endphp

@section('contents')
<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($banner) }}" alt="">
      <div class="carousel-container">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb text-white">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="">{{ __('Account') }}</a></li>
            <li class="breadcrumb-item active  text-white" aria-current="page">{{$project?->title}}</li>
          </ol>
        </nav>
        <h1 class="fw-bold hero-title fs-1">{{$project?->title}}</h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
  </div>
</section>
<section id="open-peronalacc" class="open-peronalacc">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class=" accounts-heading text-center pe-4 py-md-3  border-bottom" data-aos="fade-left" data-aos-delay="200">
          <h2 class="mb-3 fw-bold">{{$project?->title}}</h2>
          <p class="mb-1">{{$project?->seo_description}}</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!--Home page content-->
<section id="produt-loan " class=" pt-0"> {!! replaceImageSources($project?->description) !!}
@if($project?->slug == 'individual-current-account')
<div class="container mt-5 home-ext-link">
    <div class="d-flex justify-content-center align-items-center">
      <p class="alert alert-primary"> 
      <strong class="exl-title">{{ getSessionLanguage() == 'en'?'Quick links:':'روابط سريعة:'; }}</strong> 
      <a href="{{ asset('frontend/quick-pdf/PERSONAL-ACCOUNT-OPENING-KYC-FORM.doc') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Account Opening Form':'نموذج فتح حساب'; }}</a>| 
      <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-CURRENT-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Key Fact Statement':'بيان الحقائق الرئيسية'; }}</a>| 
      <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-Individual-2025.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Schedule of Charges - Individual':'جدول الرسوم – الأفراد'; }}</a>|
      @if (getSessionLanguage() == 'en')
      <a href="{{ asset('frontend/brochure/en/Individual-Current-Account.pdf') }}" class="exl-link" target="_blank">Brochure</a>| 
      @else
      <a href="{{ asset('frontend/brochure/ar/Individual-Current-Account.pdf') }}" class="exl-link" target="_blank">كتيب</a>| 
      @endif
      <span class="exl-link disable-link">{{ getSessionLanguage() == 'en'?'Terms & Conditions':'الأحكام والشروط'; }}</span></p>
    </div>
  </div>
@elseif($project?->slug == 'individual-saving-account')
<div class="container mt-5 home-ext-link">
    <div class="d-flex justify-content-center align-items-center">
      <p class="alert alert-primary"> <strong class="exl-title">{{ getSessionLanguage() == 'en'?'Quick links:':'روابط سريعة:'; }}</strong> 
      <a href="{{ asset('frontend/quick-pdf/PERSONAL-ACCOUNT-OPENING-KYC-FORM.doc') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Account Opening Form':'نموذج فتح حساب'; }}</a>| 
      <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-SAVING-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Key Fact Statement':'بيان الحقائق الرئيسية'; }}</a>| 
      <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-Individual-2025.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Schedule of Charges - Individual':'جدول الرسوم – الأفراد'; }}</a>| 
      @if (getSessionLanguage() == 'en')
      <a href="{{ asset('frontend/brochure/en/Saving-Account.pdf') }}" class="exl-link" target="_blank">Brochure</a>| 
      @else
      <a href="{{ asset('frontend/brochure/ar/Saving-Account.pdf') }}" class="exl-link" target="_blank">كتيب</a>| 
      @endif
      <span class="exl-link disable-link">{{ getSessionLanguage() == 'en'?'Terms & Conditions':'الأحكام والشروط'; }}</span></p>
    </div>
  </div>
@elseif($project?->slug == 'qard-al-hasn-saving-account')
<div class="container mt-5 home-ext-link">
    <div class="d-flex justify-content-center align-items-center">
      <p class="alert alert-primary"> <strong class="exl-title">{{ getSessionLanguage() == 'en'?'Quick links:':'روابط سريعة:'; }}</strong> 
      <a href="{{ asset('frontend/quick-pdf/PERSONAL-ACCOUNT-OPENING-KYC-FORM.doc') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Account Opening Form':'نموذج فتح حساب'; }}</a> | 
      <a href="{{ asset('frontend/aboutus-pdf/KEY-FACTS-STATEMENT-QARDH-AL-HASSANEH-SAVING-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Key Fact Statement':'بيان الحقائق الرئيسية'; }} </a> |
      <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-Individual-2025.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Schedule of Charges - Individual':'جدول الرسوم – الأفراد'; }}</a> | 
      <span class="exl-link disable-link">{{ getSessionLanguage() == 'en'?'Terms & Conditions':'الأحكام والشروط'; }}</span></p>
    </div>
  </div>
@elseif($project?->slug == 'corporate-current-account')
<div class="container mt-5 home-ext-link">
    <div class="d-flex justify-content-center align-items-center">
      <p class="alert alert-primary"> <strong class="exl-title">{{ getSessionLanguage() == 'en'?'Quick links:':'روابط سريعة:'; }}</strong> 
      <a href="{{ asset('frontend/quick-pdf/BAOF-VER-1-1-2022.docx') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Business Account Opening Form':'نموذج فتح حساب أعمال'; }}</a>| 
      <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-CORPORATE-2025.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Schedule of Charges - Corporate':'جدول الرسوم – الشركات'; }}</a>| 
      <span class="exl-link disable-link">{{ getSessionLanguage() == 'en'?'Terms & Conditions':'الأحكام والشروط'; }}</span></p>
    </div>
  </div>
@else
  <div class="container mt-5 home-ext-link">
    <div class="d-flex justify-content-center align-items-center">
      <p class="alert alert-primary"> <strong class="exl-title">{{ getSessionLanguage() == 'en'?'Quick links:':'روابط سريعة:'; }}</strong> 
      <a href="{{ asset('frontend/quick-pdf/PERSONAL-ACCOUNT-OPENING-KYC-FORM.doc') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Account Opening Form':'نموذج فتح حساب'; }}</a>| 
      <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-WPS_CURRENT-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Key Fact Statement':'بيان الحقائق الرئيسية'; }}</a>| 
      <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-Individual-2025.pdf') }}" class="exl-link" target="_blank">{{ getSessionLanguage() == 'en'?'Schedule of Charges - Individual':'جدول الرسوم – الأفراد'; }}</a>| 
      @if (getSessionLanguage() == 'en')
      <a href="{{ asset('frontend/brochure/en/WPS-Salary-Account.pdf') }}" class="exl-link" target="_blank">Brochure</a>| 
      @else
      <a href="{{ asset('frontend/brochure/ar/WPS-Salary-Account.pdf') }}" class="exl-link" target="_blank">كتيب</a>| 
      @endif
      <span class="exl-link disable-link">{{ getSessionLanguage() == 'en'?'Terms & Conditions':'الأحكام والشروط'; }}</span></p>
    </div>
  </div>
@endif
</section>
<!--  Marquee Area --> 
@include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection