@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/hero-carousel/indivi-acc.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" aria-current="page"><a href="">{{ __('Account') }}</a></li>
            <li class="breadcrumb-item active  text-white" aria-current="page">{{ __('Individual Current Account') }}</li>
          </ol>
        </nav>
        <h1 class="fw-bold hero-title fs-1">{{ __('Individual Current Account') }}</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="text-center pe-4 py-md-3  border-bottom" data-aos="fade-left" data-aos-delay="200">
          <h2 class=" mb-3  fw-bold">Individual Current Account </h2>
          <p>Enjoy a flexible Current Account designed to suit your banking needs.</p>
        </div>
      </div>
      <div class="col-12 col-md-4 d-none">
        <div class="text-md-end border-end border-2 pe-4 py-md-3" data-aos="fade-left" data-aos-delay="200">
          <h2 class=" mb-3  fw-bold">Individual Current Account </h2>
          <div class="mt-2 d-none">
            <div class="text-md-end"><a href="#" class="btn btn-lg btn-blue fs-6 py-2 mb-3 aos-init aos-animate text-white" data-aos="fade-right" data-aos-delay="900">Open Account <i class="bi bi-arrow-up-right ms-2"></i></a></div>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-8 d-none">
        <div class="text-left mb-0" data-aos="fade-right" data-aos-delay="300">
          <p>A Current Account is a non-interest bearing transactional account for everyday banking needs which can be used for making deposits (including salary transfers), withdrawals, payments and funds transfers.</p>
          <p>UAE Nationals and Expats with valid UAE residence visa are eligible to apply for this account.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!--Home page content-->
<section id="produt-loan " class=" pt-0">
  <div class="container card border-0 ">
    <div class="row gx-5">
      <div class="col-md-4 my-4 my-md-0">
        <div class="mb-5">
          <h6 class=" mb-4 fw-bold">Key Features:</h6>
          <ul class="list-hero mt-3 mb-5 list-hero-tab">
            <li><i class="bi bi-check2-circle me-2"></i> <span>Cheque Book and ATM facility</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Unlimited teller transactions at all branches in the U.A.E.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Free ATM Card issuance upon Account Opening.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>No charges for ATM withdrawals.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Free SMS and monthly email notifications.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Free local bank transfers (Immediate Payment Instructions).</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Personal loan repayable up to 48 months (subject to approval).</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Monthly e-statements to track your savings.</span></li>
          </ul>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4 p-3  bg-smlight"> <img src="{{ asset('frontend/img/home-tabs/ica.jpg') }}" alt="Image" class="img-fluid rounded-4"> </div>
      </div>
      <div class="col-md-4 mt-4">
        <div class="mb-5">
          <h6 class="mb-4 fw-bold">Eligibility</h6>
          <ul class="list-hero mt-3 mb-5 list-hero-tab">
            <li><i class="bi bi-check2-circle me-2"></i> <span>UAE Nationals / Residents.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Applicable only in AED currency.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Salaried, non-salaried and self-employed individuals can apply.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Other Terms and Conditions shall apply.</span></li>
          </ul>
        </div>
        <div class="mb-5">
          <h6 class="mb-4 fw-bold">Documents Required</h6>
          <ul class="list-hero mt-3 mb-5 list-hero-tab">
            <li><i class="bi bi-check2-circle me-2"></i> <span>Valid Passport, Visa &amp; EID.</span></li>
            <li><i class="bi bi-check2-circle me-2"></i> <span>Other supporting documents required as per customer profile.</span></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <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">Quick links:</strong> <a href="{{ asset('frontend/quick-pdf/PERSONAL-ACCOUNT-OPENING&KYC-FORM.pdf') }}" class="exl-link" target="_blank">Account Opening Form</a>| <a href="{{ asset('frontend/quick-pdf/KEY-FACTS-STATEMENT-CURRENT-ACCOUNT-FOR-INDIVIDUAL.pdf') }}" class="exl-link" target="_blank">Key Fact Statement</a>| <a href="{{ asset('frontend/aboutus-pdf/SCHEDULE-OF-CHARGES-Individual-2025.pdf') }}" class="exl-link" target="_blank">Schedule of Charges - Individual</a>| <span class="exl-link disable-link">Terms & Conditions</span> 
        <!--<a href="#" class="exl-link" disabled>Terms & Conditions</a>--> 
        
      </p>
    </div>
  </div>
</section>
<!--  Marquee Area --> 
@include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection