@extends('layout.app')
@section('page-css')
  <style media="screen">
  .scroll-top.active {
    visibility: visible;
    opacity: 1;
    background-color: #ffcb05;
  }
  .scroll-top {
      position: fixed;
      visibility: hidden;
      opacity: 0;
      right: 15px;
      bottom: 15px;
      z-index: 995;
      background: var(--color-primary);
      width: 40px;
      height: 40px;
      border-radius: 4px;
      transition: all 0.4s;
  }
  a.btn-icon-only {
    line-height: 2rem !important;
}
  </style>
@endsection
@section('page-content')
  <section class=" bg-cover bg-size--cover " style="background-image: url('images/download.png');height:100vh">
          <span class="mask alpha-6 bg-tertiary"></span>

                  <div class="card col-lg-4 float-right bg-white text-dark" style="height:100vh">
                    <div class="card-body mt-5">
                      <span class="clearfix"></span>
                      <h4 class="headin h3 text-dark text-center pt-3 pb-5">SCANCOM PLC<br>(MTN Ghana) <br>
                        Conflict of Interest Policy <br>
                        & Code of Ethics
                    </h4>
                        <p class="text-center">@include('alert')</p>
                        <h6 class="m-4 text-center ">Enter Email/Phone no. to Continue</h6>
                      <form class="" id="phoneresend" method="POST" action="{{ route('emailotps')}}">
                        @csrf
                        <div class="form-group">
                          <input type="text" class="form-control" id="input_email" name="email" placeholder="Your email/phone no.">
                        </div>

                        <button type="submit" id="send_otp_btnphone" class="btn btn-block btn-tetiary btn-lg mt-4" style="background-color:#FFCB05; color:#000">Continue</button>
                      </form>
                      <div class="text-center mt-3">
                        <a style="color:black; text-decoration:none" target="_blank" href="{!! route('message') !!}">Introduction Message</a> <br>
<br><br>
                        <a href="{!! route('watchvideo') !!}" target="_blank" data-toggle="tooltip" data-placement="top" title="How-to-Video" class=" m-1 btn btn-sm btn-primary btn-icon-only">
    <span class="btn-inner--icon"><i class="fas fa-video"></i></span>
</a>
{{-- <a href="{!! route('view_policy') !!}" target="_blank" data-toggle="tooltip" data-placement="top" title="Policy Document" class=" m-1 btn btn-sm btn-warning btn-icon-only">
    <span class="btn-inner--icon"><i class="fas fa-file"></i></span>
</a> --}}
<a href="{!! route('manual') !!}" target="_blank"  data-toggle="tooltip" data-placement="top" title="How-to-Manual" class="m-1 btn btn-sm btn-secondary btn-icon-only">
    <span class="btn-inner--icon"><i class="fas fa-book"></i></span>
</a>

{{-- <a href="{!! asset('Conflict_of_Interest_Legacy_Policy.pdf') !!}" target="_blank"  data-toggle="tooltip" data-placement="top" title="Legacy Policy Document" class="m-1 btn btn-sm btn-tertiary btn-icon-only">
    <span class="btn-inner--icon"><i class="fas fa-gavel"></i></span>
</a> --}}
                      </div> <br><br><br>

                    </div> <hr class="m-0 p-0">
                    <div class="card-footer text-center" >

                        <p class="p-0 m-0">Having issues logging in?</p> <br> <a class="btn btn-tertiary btn-sm col-lg-8" href="{!! route('coi.prelogin.help') !!}"  class="">Get Assistance </a>
                    </div>
              </div>

        </section>

@endsection

@section('page-js')
  <script type="text/javascript">
  $('#send_otp_btnphone').click(function(){

    $(this).attr('disabled',true);
    $("#phoneresend").attr("action","/verifyotp");
             $('#phoneresend').submit();

    })
  </script>
@endsection