@extends('layouts.base')

@section('content')

<section class="fdb-block py-0 mb-0 bg-white" >
  <div class="container py-1 mt-3" style="background-image: url(images/shapes/5.svg);">
    <div class="row justify-content-end">
      <div class="col col-md-6 col-lg-6 col-xl-5 m-auto">
        <div class="fdb-box">
          <div class="row ">
            <div class="col justify-content-center text-left">
              <h1 class="text-center"  style="color:red;">Perhatian!</h1>

              <p class="h4">
                MARAeps Careline
              </p>
              <p>
                <p>
                  {{-- Pejabat - <a href="tel:+60326381111">03-2638 1111</a> / <a href="tel:+60326381222">03-2638 1222</a><br> --}}
                  <a href="tel:+60326381111"><i class="fas fa-phone"></i> 03-2638 1111</a><br>
                  <a href="tel:+60326381222"><i class="fas fa-phone"></i> 03-2638 1222</a>
                </p>
                 untuk sebarang pertanyaan dan aduan berkaitan MARAeps
              </p>
              <h5>Email</h5>
              <p>
                 <a href="mailto:Email: infomaraeps@mara.gov.my"><i class="fas fa-envelope"></i> Email: infomaraeps@mara.gov.my</a><br>
              </p>
              <h5>Waktu Bekerja</h5>
              <p>
                 Isnin - Jumaat 9:00 pagi - 5:00 petang
              </p>
              <h5>Waktu Rehat</h5>
              <p>
                 1:00 petang - 2:00 petang (Isnin - Khamis)<br>
                 12:15 t.hari - 2:45 petang (Jumaat)
              </p>
              <h5>Address</h5>
              <p>
  							Ibu Pejabat MARA 21, Jalan MARA 50609 Kuala Lumpur
              </p>
            </div>
          </div>
        </div>
        <!-- <div class="fdb-box">
          <div class="row ">
            <div class="col justify-content-center text-left">
              <h1 class="text-center"  style="color:red;">Perhatian!</h1>
              <p class="h4">
                Selaras dengan pengumuman perintah kawalan pergerakan, semua kaunter bayaran MARA akan ditutup sehingga 12 Mei 2020. Sebarang urusan pembayaran boleh dibuat melalui:
              </p>
              <ol class="small">
                <li>
                  Laman web atau aplikasi MARAeps
                  <ul>
                    <li>Laman web MARAeps - https://bayar.maraeps.my</li>
                    <li>Aplikasi - carian MARAeps di Appstore (iOS) atau Google Playstore (Android)</li>
                  </ul>
                </li>
                <li>
                  Perbankan internet
                  <ul>
                    <li>Maybank - https://www.maybank2u.com.my</li>
                    <li>Bank Islam - https://www.bankislam.biz</li>
                    <li>CIMB - https://www.cimbclicks.com.my</li>
                    <li>Public Bank - https://www2.pbebank.com</li>
                    <li>RHB Bank - https://www.rhbbank.com.my</li>
                    <li>Bank Rakyat - https://www.irakyat.com.my</li>
                    <li>AMBANK - https://www.ambg.com.my</li>
                  </ul>
                </li>
                <li>
                  Jom Pay
                  <ul>
                    <li>Biller Code: 7195</li>
                    <li>Ref 1: Nombor Akaun MARA</li>
                    <li>Ref 2: Nombor Kad Pengenalan</li>
                  </ul>
                </li>
              </ol>
            </div>
          </div>
        </div> -->
      </div>
      <div class="col col-md-6 col-lg-6 col-xl-5 text-left">
        <div class="fdb-box">
          <div class="row justify-content-center">
            <img class="img-fluid p-1" style="width: 150px; height: 150px;" src="{{ asset('images/maraepsmini.jpg') }}" border="0">
            <img class="img-fluid p-1" style="width: 130px; height: 151px;" src="{{ asset('images/mara_logo.gif') }}" border="0">
          </div>
          <div class="row">
            <div class="col">
              <h1>Log Masuk</h1>
              <p class="lead">MARA Electronic Payment System</p>
            </div>
          </div>

          <form class="user" method="POST" action="{{ route('login') }}" data-parsley-validate="">
            @csrf
          @include('layouts.alerts')
          <div class="row">
            <div class="col mt-2">
              <input type="text" class="form-control" name="username" placeholder="Nama Pengguna/Username"
              required="required" value="{{ old('username') }}"
                data-parsley-trigger="change"
                data-parsley-minlength="2"
                data-parsley-pattern="^[a-zA-Z0-9\_\-\.]+">
            </div>
          </div>
          <div class="row mt-1">
            <div class="col">
              <input type="password" class="form-control" name="password" placeholder="Katalaluan"
              required="required"
                data-parsley-trigger="change"
                data-parsley-minlength="5">
              <p class=" small text-right">
                <a href="{{ route('password.request') }}">Lupa katalaluan?</a> atau <a href="{{ route('register') }}">Daftar baru</a>
              </p>
            </div>
          </div>
          <div class="row ">
            <div class="col justify-content-left text-left">
              <span><button class="btn btn-secondary" type="submit">Log Masuk</button></span>
            </div>
            <div class="col justify-content-center text-right">
              <span class="small"></span>
            </div>
          </div>
          <div class="row ">
            <!-- <div class="col justify-content-center text-right">
              <span class="small" style="color:red;"><strong>Harap maaf! </strong>MARAeps sedang mengalami gangguan perkhidmatan. Segala kesulitan amat dikesali. Sila cuba  kembali sebentar lagi untuk membuat transaksi.</span>
            </div> -->
          </div>
        </form>

        </div>
      </div>
    </div>
    <div class="container">
        <div class="row justify-content-end">
          <div class="col-12 col-12 col-md-8 col-lg-6 col-xl-5 text-left">
            <h3><strong>Dengan kerjasama</strong></h3>
            <div class="mt-0 mb-0 justify-content-end">
              <img class="img-fluid" style="width: 72px; height: 30px;" src="images\fpx_logo.png">
              <img class="img-fluid" style="height: 40px;" src="{{ asset('images\paynet_logo.png') }}">
              <img class="img-fluid" style="height: 70px;" src="{{ asset('images\maybank-logo.jpg') }}">
              <img class="img-fluid" style="height: 70px;" src="{{ asset('images\visa-mastercard.jpg') }}">
            </div>
          </div>
        </div>
      </div>
  </div>
</section>

@endsection