@extends('layout.app')

@section('page-css')
{{-- style --}}
<link href="{{url('css/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />

@endsection
{{-- <nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-dark py-4">
      <div class="container">
        <a class="navbar-brand" href="./"><strong>MTN Ghana</strong> </a>
        <button class="navbar-toggler" type="button" data-action="offcanvas-open" data-target="#navbar_main" aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse offcanvas-collapse" id="navbar_main">
          <ul class="navbar-nav ml-auto align-items-lg-center">
            <h6 class="dropdown-header font-weight-600 d-lg-none px-0">Menu</h6>

            <li class="nav-item dropdown active">
              <a class="nav-link dropdown-toggle" href="#" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">How To</a>
              <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1">
                <a class="dropdown-item" href="{!! route('watchvideo') !!}" target="_blank"> <i class="fa fa-video" style="color:grey"></i> Walkthrough Video</a>
								{{-- <span class="divider"></span> --}}
{{-- <a class="dropdown-item" href="{!! route('manual') !!}"><i class="fa fa-file" style="color:grey"></i>Walkthrough Manual</a>

              </div>
            </li>

            <li class="nav-item">

              <a href="{!! route('pagelogout') !!}" class="btn btn-sm bg-white d-none d-lg-inline-flex">Sign out</a>
            </li>

          </ul>
        </div>
      </div>
    </nav> --}}
{{-- <nav class="navbar navbar-expand-lg navbar-warning navbar-dark bg-dark py-2">
<a class="navbar-brand" href="#">MTN Ghana</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_example_1" aria-controls="navbar_example_1" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar_example_1">
		<ul class="navbar-nav mr-auto">
				<li class="nav-item active">
						<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
				</li>
				<li class="nav-item">
						<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbar_1_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
						<div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1">
								<a class="dropdown-item" href="#">Action</a>
								<a class="dropdown-item" href="#">Another action</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="#">Something else here</a>
						</div>
				</li>
				<li class="nav-item">
						<a class="nav-link disabled" href="#">Disabled</a>
				</li>
		</ul>
		<ul class="navbar-nav ml-auto">
				<li class="nav-item">
						<a class="nav-link nav-link-icon btn btn-primary text-white" href="{!! route('pagelogout') !!}"><i class="fas fa-cogs"></i> Logout</a>
				</li> --}}
{{-- <li class="nav-item dropdown">
						<a class="nav-link nav-link-icon" href="#" id="navbar_1_dropdown_2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-bell"></i></a>
						<div class="dropdown-menu dropdown-menu-right dropdown-menu-xl py-0">
								<div class="py-3 px-3">
										<h5 class="heading h6 mb-0">Notifications</h5>
								</div>
								<div class="list-group">
										<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
												<div class="list-group-img">
														<span class="avatar bg-purple">JD</span>
												</div>
												<div class="list-group-content">
														<div class="list-group-heading">Johnyy Depp <small>10:05 PM</small></div>
														<p class="text-sm">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
												</div>
										</a>
										<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
												<div class="list-group-img">
														<span class="avatar bg-pink">TC</span>
												</div>
												<div class="list-group-content">
														<div class="list-group-heading">Tom Cruise <small>10:05 PM</small></div>
														<p class="text-sm">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
												</div>
										</a>
										<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
												<div class="list-group-img">
														<span class="avatar bg-blue">WS</span>
												</div>
												<div class="list-group-content">
														<div class="list-group-heading">Will Smith <small>10:05 PM</small></div>
														<p class="text-sm">Lorem ipsum dolor sit amet consectetur adipiscing eiusmod tempor</p>
												</div>
										</a>
								</div>
								<div class="py-3 text-center">
										<a href="#" class="link link-sm link--style-3">View all notifications</a>
								</div>
						</div>
				</li> --}}
{{-- <li class="nav-item dropdown">
						<a class="nav-link nav-link-icon" href="#" id="navbar_1_dropdown_3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-user"></i></a>
						<div class="dropdown-menu dropdown-menu-right">
								<h6 class="dropdown-header">User menu</h6>
								<a class="dropdown-item" href="#">
										<span class="float-right badge badge-primary">4</span>
										<i class="fas fa-envelope text-primary"></i>Messages
								</a>
								<a class="dropdown-item" href="#">
										<i class="fas fa-cog text-primary"></i>Settings
								</a>
								<div class="dropdown-divider" role="presentation"></div>
								<a class="dropdown-item" href="#">
										<i class="fas fa-sign-out-alt text-primary"></i>Sign out
								</a>
						</div>
				</li> --}}
{{-- </ul>
</div>
</nav> --}}
@section('page-content')
<section class="py-xl  bg-cover bg-size--cover" style="background-image: url('images/download.png');background-position:center;background-size:cover:background-repeat:no-repeat">
    <span class="mask bg-dark alpha-3"></span>
    {{-- <button type="button" class="float-right btn btn-warning" name="button">Logout</button> --}}

    <span class="mask  alpha-6"></span>
    <h1 class="text-center " style="color:#fff">MTN 2022 CONFLICT Of INTEREST</h1>
    {{-- <h1 class="text-center " style="color:#fff">(MTN Ghana)</h1> --}}
    {{-- <h1 class="text-center " style="color:#fff"></h1> --}}

</section>
<section>
    <div class="container bg-white">
        <h2 class="text-center text-dark m-3">USER GUIDE</h2>
        <h5 class="text-primary">1. Click on the URL (https://www.mtncoi.com/) or enter <a href="www.mtncoi.com">www.mtncoi.com</a> in your web browser.</h5> <br>
        <h5 class="text-primary">2. Enter your company email / phone number to login in</h5>
        <img src="{!! asset('images/w_1.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt=""> <br><br>
        <h5 class="text-primary">3. A code (One Time Password “OTP”) will be sent to your company email / phone number depending on which one used in the previous step</h5>
        <div class="row mb-5 ">
            <div class="col-lg">
                <img src="{!! asset('images/ww.png') !!}" class="img-fluid img-thumbnail rounded" alt="">
            </div>
            <div class="col-lg">
                <img src="{!! asset('images/w_3.png') !!}" class="img-fluid img-thumbnail  rounded" alt="">
            </div>
        </div> <br><br>
        <h5 class="text-primary">4. Having Issues logging in, use the “Get Assistance” button seen above to get the below interface and fill in to send a query to the Administrator for prompt response</h5>
        <br>
        <img src="{!! asset('images/w_4.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt=""> <br><br>

        <h5 class="text-primary">5. The first page reads out the Conflicts of Interest Policy. Kindly read through to the bottom of the page to confirm:</h5>
        <br>
        a. I have reviewed a copy of the Conflict of Interest Policy <br>
        b. I have read and understood the policy<br>
        c. I agree to comply with the policy<br>
        <br>
        <h5 class="text-primary">6. Click on the “Agree” button to proceed once you consent to the above "3" points</h5>
        <img src="{!! asset('images/w_5.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">

        <h5 class="text-primary">7. When responding to the respective Annexures, select whether “Yes” or “No” </h5>
        <img src="{!! asset('images/w_6.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">

        <h5 class="text-primary"> 8. If you select “Yes”, you are required to respond to all questions under that particular
            Annexure. No annexure with a “Yes” option can be submitted without filling all sub-option
            questions in its entirety.</h5>
        <img src="{!! asset('images/w_7.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">

        <h5 class="text-primary">NB: In case, you want to refer to the “Conflict of Interest Policy Document” while at the Annexure stage, kindly look to the left menu, you will find a button that reads “Policy Document”. Click on the blue “Policy Document” button to open the policy document for your perusal.</h5>
        <img src="{!! asset('images/w_8.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">


        <h5 class="text-primary">9. If there is any issue encountered, during the filling of Annexure C, declarant can access the
            Help icon button at the bottom right to engage the Administrator and get prompt feedback on
        </h5>
        <img src="{!! asset('images/w_9.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">


        <h5 class="text-primary"> 10. If there is any further clarification on a particular Annexure Question, the FAQ can easily be
            accessed from the “i” button at the bottom right corner of the page.
        </h5>
        <img src="{!! asset('images/w_10.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">

        <h5 class="text-primary">11. The "Save For Later" button allows you to save your current form progress to be continued at
            a later time. The "Submit" button saves the form when complete. You may update your COI
            details after completion at any point in time.</h5>
        <img src="{!! asset('images/w_11.png') !!}" class="img-fluid img-thumbnail rounded mb-5" alt="">


    </div>
</section>

@endsection


@section('page-js')


@endsection
