@extends('layout.admindown')

@section('page-content')
<main   style="background-image: url({{ asset('images/download.png') }}); background-position:center; background-size:cover; height:100vh">
  <div class="container">
    <div class="row">
      <div class="col-lg-10 mx-auto" style="margin-top:20%">
        <div class="card">
          <div class="card-header text-center h5">
            {{ $name }}
            <div class="float-right">
              {{-- <a href="{!! route('completed-coi',$id) !!}" class="btn m-1 btn-sm text-white btn-primary">Home</a> --}}
               <a href="{!! route('pagelogout') !!}" class="btn btn-sm text-white" style="background-color:#ffcb05;">Logout</a>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-6 mx-auto">
@include('layout.alert')
            </div>
          </div>
          <div class="card-body">
          <div class="row">
            <div class="col-lg">
              <a href="{!! route('complete.view') !!}">
                <div class="card bg-tertiary">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-lg">
                        <img src="{{ asset('images/view.png') }}" alt="{{ asset('images/view.png') }}" class="img-fluid" width="120">

                      </div>
                      <div class="col-lg text-center">
                        <h5 class="text-white">View <br> Completed </h5> <br>
                        <h3 class="text-center text-white">COI</h3>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="col-lg">
              <a href="{!! route('complete.edit') !!}">
                <div class="card bg-primary">
                  <div class="card-body">
                    <div class="row">
                      <div class="col-lg">
                        <img src="{{ asset('images/edit.png') }}" alt="{{ asset('images/edit.png') }}" class="img-fluid" width="120">

                      </div>
                      <div class="col-lg text-center">
                        <h5 class="text-white">Edit </h5> <br>
                        <h3 class="text-center text-white">COI</h3>
                      </div>
                    </div>
                  </div>
                </div></a>

            </div>
          </div>
          </div>

        </div>

      </div>
    </div>
      {{-- <p class="mt-5 xs-font-size13 text-center text-white">©
                    Powered by <a href="https://npontu.com" class="text-white">Npontu Technologies Limited</a></p> --}}
  </div>
</main>
@endsection