@extends('frontend.layouts.master')

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

@section('contents') 
<!-- breadcrumb-area -->
<section id="hero" class="hero section fraud-carousel-section">
  <div id="hero-carousel" class="fraud-carousel carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
    <div class="carousel-item active"> 
    @if (getSessionLanguage() == 'en')
    <img src="{{ asset('frontend/images/fraud-slider/ATM-Fraud.jpg') }}" alt="">
    @else
    <img src="{{ asset('frontend/images/fraud-slider/ATM-Fraud-ar.jpg') }}" alt="">
    @endif
      <div class="carousel-container">
        <h1 class="fw-bold hero-title fs-1"></h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
    <div class="carousel-item"> 
    @if (getSessionLanguage() == 'en')
    <img src="{{ asset('frontend/images/fraud-slider/phone-Fraud.jpg') }}" alt="">
    @else
    <img src="{{ asset('frontend/images/fraud-slider/phone-Fraud-ar.jpg') }}" alt="">
    @endif
      <div class="carousel-container">
        <h1 class="fw-bold hero-title fs-1"></h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
    <div class="carousel-item"> 
    @if (getSessionLanguage() == 'en')
    <img src="{{ asset('frontend/images/fraud-slider/Sim-Fraud.jpg') }}" alt="">
    @else
    <img src="{{ asset('frontend/images/fraud-slider/Sim-Fraud-ar.jpg') }}" alt="">
    @endif
      <div class="carousel-container">
        <h1 class="fw-bold hero-title fs-1"></h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
    <div class="carousel-item"> 
    @if (getSessionLanguage() == 'en')
    <img src="{{ asset('frontend/images/fraud-slider/V-ink-Fraud.jpg') }}" alt="">
    @else
    <img src="{{ asset('frontend/images/fraud-slider/V-ink-Fraud-ar.jpg') }}" alt="">
    @endif
      <div class="carousel-container">
        <h1 class="fw-bold hero-title fs-1"></h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
    
    <!-- End Carousel Item --> 
    <button class="carousel-control-prev" type="button" data-bs-target="#hero-carousel" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#hero-carousel" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
  </div>
</section>
<section id="about-info" class="about-info">
  <div class="container px-lg-5" >
    <div class="row mb-4 gx-5">
      <div class="col-12">
        <div class="container"> {!! replaceImageSources($fraud?->description) !!} </div>
      </div>
    </div>
    <div class="row mb-4 gx-5">
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/dont-share-personal-data.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Do Not Share Your Personal Data':'لا تشارك بياناتك الشخصية'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/dont-share-personal-data-ar.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">لا تشارك معلوماتك الشخصية</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/dont-share-via-link.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Do Not Share Your Personal Data Via Link':'لا تشارك بياناتك الشخصية عبر الروابط'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/dont-share-via-link-ar.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">لا تشارك بياناتك عبر روابط</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/Investment-portfolio-Fraud.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Investment Portfolio Fraud':'احتيال في محفظة الاستثمار'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/Personal-information-request-Fraud.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Personal Information Request Fraud':'احتيال عبر طلب المعلومات الشخصية'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/Authentication-Fraud.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Authentication Fraud Video':'فيديو عن احتيال المصادقة'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/Help-request-Fraud.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Help Request Fraud video':'فيديو عن احتيال طلب المساعدة'; }}</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card border-0 rounded-4">
          <video height="230" width="100%" controls>
            <source src="{{ asset('frontend/videos/Product-promotion-Marketing.mp4') }}" type="video/mp4">
          </video>
          <div class="card-body">
            <h5 class="card-title fs-5 fw-bold mb-4">{{ getSessionLanguage() == 'en'?'Product Promotion Marketing':'تسويق ترويج المنتجات'; }}</h5>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--  Marquee Area --> 
@include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection