<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>Research Admission</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
        <meta name="keywords" content="" />
        
         <!-- facebook tags -->
         <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
          <!-- Linkedin tags -->
         <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>

        <!-- favicon -->
        <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
        <!-- Bootstrap -->
        <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
        <!-- tobii css -->
        <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Icons -->
        <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
        <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
        
        <!-- Slider -->               
        <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
        <!-- Main Css -->
        <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
        <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
        
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
    </head>
    <style>
    /* body {
        font-family: 'Oswald', sans-serif;
        font-family: 'Quicksand', sans-serif;
    } */
    h1, h2, h3, h4, h6 {
        font-family:Ubuntu !important;
    }
    h5{
        font-family: 'Montserrat Alternates', sans-serif !important;
    }
    .form-control:focus {
        box-shadow: 0 0 0 0.25rem #8492a61f !important;
        border-color: #8492a61f !important;
    }
    .btn1{
        background-color: #141639c4 !important; 
        color: #ffff !important; 
        border-radius: 20px; 
        box-shadow:none !important;
    }
    .btn1:hover{
        background: #ffff !important;
        color: #141639c4 !important;
        border-radius: 20px;
        border: 1px solid #141639c4 !important;
    }
    .bg-left{
        background-color:#141639c4;
        border:none; 
        padding:4.5rem;
    }
    .head-line{
        font-size: 39px !important; 
        font-weight: bold; 
        line-height: 1.2;
        color:#ffff;
    }
    .sub-line1{
        font-size: 18px !important; 
        font-weight: 400; 
        color:#ffff !important;
        font-family:Poppins !important;
    }
    .sub-line2{
        font-size: 17px !important; 
        font-weight: bold; 
        color:#ffff !important;
    }
    .bg-white{
        background-color: #72809f33 !important; 
        height: 160px; 
        border: 1px solid #ffff;
    }
    .box-head{
        font-size:15px !important;
        color:#ffff;
    }
    .box-sub{
        font-size:14px; 
        color:#ffff;
    }
    </style>
    <body>
        @php
           $countries=DB::table('countries')->get();
        @endphp
<section>
<div class="container-fluid">
    <div class="row">
              <div class="col-md-8 bg-left">
                    <div class="content">
                            <h2 class="ps-4 mt-5 pt-4 sub-line1" style="margin-bottom:0px !important;">Save Time and Stay Organized</h2>
                            <h3 class="ps-4 head-line">Discover the Hassle-Free Solution for Managing Student Proposals</h3>
                            <h2 class="ps-4 mt-5 pt-5 sub-line1" style="font-weight:bold !important;">Are you tired of drowning in a sea of student proposals?</h2>
                            <p class="ps-4 mt-4" style="color:white; font-family: poppins !important;">Our free tool is here to help. With our effortless proposal management system, students can submit their proposals with ease, and you'll receive email notifications for each new submission. Say goodbye to the chaos and hello to a stress-free solution that saves you time and keeps you organized. </p>
                            <h2 class="ps-4 mt-4 sub-line1" style="font-weight:bold !important;">Try it today and see the difference it can make for your research projects.</h2>
                        </div>
                </div>
        <div class="col-md-4 mt-2 mt-sm-0 pt-sm-0">
            <div class="card border-0">
                <div class="card-body">
                       <!-- <div>
                            @if(Session::has('success'))
                                <div class="alert alert-success">
                                    {{Session::get('success')}}
                                </div>
                            @endif
                        </div> -->
                        <div>
                             
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                        <h1 class="mb-4" style="color: #141639c4; font-size:48px !important;">Register, To Start</h1>
                    <form method="POST" action="{{ route('teacher-register-v2') }}">
                        @csrf
                        <input type="hidden" value="2" name="user_type">
                        <div class="row mb-3">
                            <div class="col-md-6"> 
                                <input type="text" class="form-control @error('firstname') is-invalid @enderror" name="firstname" value="{{ old('firstname') }}" required  autofocus placeholder="Given Name">
 
                                @error('firstname')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                          
                                <input type="text" class="form-control @error('lastname') is-invalid @enderror" name="lastname" value="{{ old('lastname') }}" required  placeholder="Family name">

                                @error('lastname')
                                <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-12 mb-3"> 
                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="Write your official e-mail">

                            @error('email')
                            <div class="alert alert-danger">{{ $message }}</div>
                            @enderror
                        </div>            

                        <div class="row mb-3">
                            <div class="col-md-12"> 
                                    <input  name="universityname" type="text" class="form-control" placeholder="University name">
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="mb-3"> 
                                <select class="form-control" name="department">
                                    <option>department</option>
                                    <option>1</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="mb-3"> 
                                <div class="form-icon position-relative">
                                    <input type="text" class="form-control" name="designation" placeholder="Please enter your designation here" required="" autocomplete="new-password">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="mb-3"> 
                                <div class="form-icon position-relative">
                                    <input type="website" class="form-control" name="universitywebsite" placeholder="website" required="">
                                </div>
                            </div>
                        </div> 
                         <div class="row mb-4">
                            <div class="col-md-12">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Set a password">

                                @error('password')
                                <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                         <div class="row mb-4">
                            <div class="col-md-12">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Confirm password">
                            </div>
                        </div> 

                        <div class="row mb-3">
                            <div class="col-md-12"> 
                                <button type="submit" class="btn btn1 pull-right">
                                    {{ __('Submit') }}
                                </button>
                            </div>
                        </div>
                        <p class="text-center pb-4" style="margin: 0px !important;"><span> Already registered ?</span><a href="{{ url('login-v2') }}" class="ps-2"><span>Login Here</span></a></p>                       
                    </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
<script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <!-- tobii js -->
      <script src="{{asset('web/js/tobii.min.js')}}"></script>
      <!-- SLIDER -->
      <script src="{{asset('web/js/tiny-slider.js')}}"></script>
      <!-- Icons -->
      <script src="{{asset('web/js/feather.min.js')}}"></script>
      <!-- Main Js -->
      <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
      <script src="{{asset('web/js/datepicker.min.js')}}"></script>
      <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
<script>
            $('.dob').datepicker({
                dateFormat: 'yy-mm-dd',
            }); 
      </script>
</body>
</html>