@extends('layouts.applicant_app')

@section('title')
Uni | Application
@endsection

@section('links')
<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" />
    <link href="assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
    <link href="plugins/file-upload/file-upload-with-preview.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/pages/error/style-400.css" rel="stylesheet" type="text/css" />
    <style>
        .start_application {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23c2d5ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%231b55e2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b55e2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
background-color: #ffffff;
}

.header_text {
  font-size: 5em;
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 15px;
  text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.10196078431372549);
}
        .t-rotate270 { -webkit-transform: rotate(270deg); transform:rotate(270deg) }
    </style>
@endsection

@section('content')
 
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        
        <div class="row " id="cancel-row">
        
            <div style="padding-bottom: 140px;" class="col-xl-12 col-lg-12 col-sm-12 layout-spacing start_application error404 text-center">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 mr-auto mt-5 text-md-left text-center">
                <a href="index.html" class="ml-md-5">
                    <img alt="image-404" src="assets/img/logo2.svg" class="theme-logo">
                </a>
            </div>
        </div>
    </div>
    <div class="container-fluid error-content">
        <div class="">
            <h5 class="header_text" style="font-size: 3em;">Application Complete</h5>
            <p class="mini-text">Thank you for applying with us!</p>
            <p class="error-text mb-4 mt-1">Please check your admission status occasionally for updates.</p>
            <a href="#" class="btn btn-primary mt-5">Home</a>
        </div>
    </div>   

            </div>

        </div>

    </div>
    

@endsection

@section('script')

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script>
<script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    </script>
<script src="plugins/forms/repeater/jquery.repeater.min.js"></script>
<script src="plugins/forms/repeater/form-repeater.min.js"></script>
<script src="plugins/file-upload/file-upload-with-preview.min.js"></script>
<script>
    let firstUpload = new FileUploadWithPreview('myFirstImage'); 
    let secondUpload = new FileUploadWithPreview('mySecondImage');
</script>

@endsection