@php
  $customizerHidden = 'customizer-hide';
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Transfer Page')

@section('vendor-style')
  <!-- Vendor -->
  <link rel="stylesheet" href="{{asset('assets/vendor/libs/@form-validation/umd/styles/index.min.css')}}" />
  <style>
    .resizeImg{
      width: 80px;
      height: 80px;
      margin-top:-55px;
      /*position: relative;*/
      /*top: -50px;*/
      
    }
  </style>
@endsection

@section('page-style')
  <!-- Page -->
  <link rel="stylesheet" href="{{asset('assets/vendor/css/pages/page-auth.css')}}">
@endsection

@section('vendor-script')
  <script src="{{asset('assets/vendor/libs/@form-validation/umd/bundle/popular.min.js')}}"></script>
  <script src="{{asset('assets/vendor/libs/@form-validation/umd/plugin-bootstrap5/index.min.js')}}"></script>
  <script src="{{asset('assets/vendor/libs/@form-validation/umd/plugin-auto-focus/index.min.js')}}"></script>
@endsection

@section('page-script')
  <script src="{{asset('assets/js/pages-auth.js')}}"></script>
@endsection

@section('content')
  <div class="container-xxl">
    <div class="authentication-wrapper authentication-basic container-p-y">
      <div class="authentication-inner py-4">

        <!-- Register -->
        <div class="card">
          <div class="card-body">
              <div class="text-center">
                <img src="{{asset('logo.png')}}" class="resizeImg" alt="Nocen Logo">
              </div>
            <!-- Logo -->
              <div class="text-center mb-3">
                <span class="app-brand-text demo h4 mb-0 fw-semibold p-0">Transfer Data</span>
              </div>
            <!-- /Logo -->

            <div class="mb-4 alert alert-light p-2 text-justify alert-dismissible fade show" role="alert">
                Please confirm the details below. If everything looks correct, 
                click the button to migrate your data to the new portal. 
                Make sure the email address you enter is active, your password reset link will be sent there.
                <button type="button" class="btn-close text-danger" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @if(session()->has('errors'))
              <div class="alert alert-danger alert-dismissible d-flex align-items-center" role="alert">
                {{session('errors')->first() }}

                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
              </div>
            @endif 
            @if(session()->has('error'))
              <div class="alert alert-warning alert-dismissible d-flex align-items-center" role="alert">
                {{session()->get('error')}}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
              </div>
            @endif
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                  <i class="fa fa-check-circle"></i> {!! session('success') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                <script>
                  setTimeout(()=>{location ="{{route('auth.login')}}"},8000);
                </script>
            @endif
            <h4 class="text-primary"><span class="fa fa-user-circle"></span> {{$user?$user->name:"Could not fetch User's name"}}</h4>
            <form id="formAuthentication" class="mb-3" action="{{route('post.data.for.transfer')}}" method="post">
              @csrf
              <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" class="form-control" id="email" name="email"
                       value="{{$email}}" autofocus>
              </div>

              <div class="mb-3">
                <label for="regnumber" class="form-label">Registration Number</label>
                <input type="text" class="form-control" id="regno" name="regnumber" value="{{$regnumb}}" autofocus>
              </div>


              <button class="btn btn-primary d-grid w-100">
                Verify & Transfer
              </button>
            </form>
            <div class="text-center">
            <a href="{{url('auth/login')}}" class="d-flex align-items-center justify-content-center">
              <i class="bx bx-chevron-left scaleX-n1-rtl"></i>
              Back to login
            </a>
          </div>

          </div>
        </div>
        <!-- /Register -->
      </div>
    </div>
  </div>
@endsection