@extends('frontend.layouts.master')

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

@section('contents') 
<!-- breadcrumb-area -->
<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('frontend/img/key-facts-statement.jpg') }}" 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 active  text-white" aria-current="page">{{ __('Key Facts Statement') }}</li>
          </ol>
        </nav>
        <h1 class="fw-bold hero-title fs-1">{{ __('Key Facts Statement') }}</h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
  </div>
</section>
<section id="braches-wrap" class="braches-wrap light-background">
  <div class="container" >
    <div class="row">
      <div class="col-12">
        <div class="text-left mb-5">
          <h2 class="text-center mb-3 fw-bold" data-aos="fade-right" data-aos-delay="500">{{ getSessionLanguage() == 'en'?'Key Facts Statement':'بيان الحقائق الرئيسية'; }}</h2>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/hero-carousel/fixed-depo.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Fixed Term Deposit Individual':'الوديعة الثابتة للأفراد'; }}</h6>
            <a href="{{ asset('frontend/keyfacts/KEY FACTS STATEMENT  - FIXED_TERM  DEPOSIT FOR INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/ai1.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Current Account Individual':'حساب جاري فردي'; }}</h6>
            <a href="{{ asset('frontend/keyfacts/KEY FACTS STATEMENT - CURRENT ACCOUNT FOR INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/hero-carousel/overdraft-h.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Overdraft Individual':'سحب على المكشوف فردي'; }}</h6>
            <a href="{{ asset('frontend/keyfacts/KEY FACTS STATEMENT - OVERDRAFT FOR INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/hero-carousel/acc-pl.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Personal Loan':'قرض شخصي'; }}</h6>
            <a href="{{ asset('frontend/keyfacts/KEY FACTS STATEMENT - PERSONAL LOAN.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/hero-carousel/savingac.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Saving Account Individual':'حساب التوفير الفردي'; }}</h6>
            <a href="{{ asset('frontend/keyfacts/KEY FACTS STATEMENT - SAVING ACCOUNT FOR INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/hero-carousel/indi-bank-acc.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'WPS Current Individual':'التحويل الفردي الحالي لوضع WPS'; }}</h6>
            <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-WPS_CURRENT-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
      <div class="col-md-4 mb-5">
        <div class="card border-0 rounded-4"> <img src="{{ asset('frontend/img/Savint-Acc.jpg') }}" class="card-img-top" alt="ho">
          <div class="card-body d-flex align-items-center justify-content-between">
            <h6 class="card-title">{{ getSessionLanguage() == 'en'?'Qardh Al-Hassaneh':'القرض الحسن'; }}</h6>
            <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-QARDH-AL-HASSANEH-SAVING-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" target="_blank" class="p-2 text-primary fs-3"><i class="bi bi-download fw-bold"></i></a> </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--  Marquee Area --> 
@include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection