@extends('layouts.app')
@section('title')
    All Verified Candidate Lists
@endsection
@section('content')
    <div class="row card">


        <div class="mt-3 card-body card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">All Verified Candidate Lists 
                    {{-- {{ $CityIntemationTotalCount ? $CityIntemationTotalCount : 0 }} )</h6> --}}
            </div>
            <br>
            @if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif

            <div id='loader'></div>
            <form id="registrationPageForm" action="{{ route('university.list') }}" method="GET" enctype="multipart/form-data">
                <div class="row">
                    

                    <div class="form-group col-md-3">
                        <label>Select Exam Type</label>
                        <select class="form-control shift" name="config" id="config" required>
                            <option value="">Select Exam Type  </option>
                            @foreach ($MISConfigurationls as $MISConfigurationl)
                                <option value="{{ $MISConfigurationl->ID }}" @if (Request::get('config') == $MISConfigurationl->ID) selected @endif>
                                    {{ $MISConfigurationl->DatabaseName }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="row">

                        <div class="form-group col-md-4">
                            <button type="submit" class="btn btn-success" id="registrationPageSubmitBtn"><i style="font-size:20px" class="fa">&#xf002;</i>
                                Select Exam</button>
                        
    
                        </div>
                 
                       
                    </div>
                </form>       
 
     
    </div>
    @endsection
    <style type="text/css">
		.loader-div {
			display: none;
			position: fixed;
			margin: 0px;
			padding: 0px;
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 30001;
			opacity: 0.8;
		}
		.loader-img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	</style>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
    
    <script>
        $("#registrationPageSubmitBtn").click(function(e) {
            e.preventDefault();
            var form = $("#registrationPageForm");
            form.validate({
                rules: {
                    config: {
                        required: true,
                        // minlength:2,
                        // FnoSpace:true,
                    },
                },
                messages: {
                    config: {
                        required: "Please Select Database.",
                    },
                },
                errorElement: 'span',
                errorPlacement: function(error, element) {
                    error.addClass('invalid-feedback');
                    element.closest('.form-group').append(error);
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                    $(element).addClass('is-valid');
                }
            });
            if (form.valid() === true) {
                setPreview();
                // $('#registrationPageForm').submit();
            }
        });
    
    </script>