@extends('frontend.layouts.master')

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

@section('contents') 
<style>
.wsus__sign_in_input input{
	padding:10px;
}
</style>
<section id="about-info" class="about-info px-3">
  <div class="container" >
    <div class="row mb-4 gx-5 align-items-center justify-content-center">
      <div class="col-md-5">
        <div class="mb-4">
          <div class="wsus__sign_in_form mt_80 pb_115 xs_pb_95">
            <form method="POST" action="#nogo" autocomplete="off" onsubmit="alert('We are working on Online banking, coming soon'); return false;">
              <h3>{{ getSessionLanguage() == 'en'?'Sign in your account':'تسجيل الدخول إلى حسابك'; }}</h3>
              <div class="wsus__sign_in_input">
                <label>{{ getSessionLanguage() == 'en'?'User Name':'اسم المستخدم'; }}*</label>
                <input type="email" name="email" placeholder="">
              </div>
              <div class="wsus__sign_in_input">
                <label>{{ getSessionLanguage() == 'en'?'Password':'كلمة المرور'; }}*</label>
                <input id="password" type="password" name="password" placeholder="">
              </div>
              <a class="btn btn-blue px-3 py-2 mt-15 text-white me-2" data-bs-toggle="modal" data-bs-target="#messageModal">{{ getSessionLanguage() == 'en'?'Sign in':'تسجيل الدخول'; }}</a>
            </form>
            <p class="dont_account mb-40">{{ getSessionLanguage() == 'en'?'Not registered yet?':'لم تقم بالتسجيل بعد؟'; }} <a href="#" data-bs-toggle="modal" data-bs-target="#messageModal">{{ getSessionLanguage() == 'en'?'Register':'تسجيل'; }}</a> </p>
          </div>
          <div class="modal fade" id="messageModal" tabindex="-1" aria-labelledby="messageModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="messageModalLabel">{{ getSessionLanguage() == 'en'?'Coming Soon':'قريبًا'; }}</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body"> {{ getSessionLanguage() == 'en'?'We are working on Online banking, coming soon':'نحن نعمل على تطوير الخدمات المصرفية عبر الإنترنت، وستكون متاحة قريبًا.'; }} </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ getSessionLanguage() == 'en'?'OK':'حسنًا'; }}</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

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