muadzmi02
/
sipadu_mbip
forkato da SwissLink/sipadu_mbip


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
							<!DOCTYPE html>
<html lang="en">
<head>
	<title>{{ $site->site_title }} - {{ $site->site_tagline }}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--<meta name="description" content="Mega Able Bootstrap admin template made using Bootstrap 4 and it has huge amount of ready made feature, UI components, pages which completely fulfills any dashboard needs." />
    <meta name="keywords" content="bootstrap, bootstrap admin template, admin theme, admin dashboard, dashboard template, admin template, responsive" />
    <meta name="author" content="codedthemes" />-->
    <!-- Favicon icon -->
    <link rel="icon" href="{{ asset( $site->favicon ) }}" type="image/x-icon">
    <!-- Google font-->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
    <!-- waves.css -->
    <link rel="stylesheet" href="{{ asset('pages/waves/css/waves.min.css') }}" type="text/css" media="all">
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" href="{{ asset('bower_components/bootstrap/css/bootstrap.min.css') }}">
    <!-- waves.css -->
    <link rel="stylesheet" href="{{ asset('pages/waves/css/waves.min.css') }}" type="text/css" media="all">
    <!-- themify icon -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/icon/themify-icons/themify-icons.css') }}">
	<!-- ico font -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/icon/icofont/css/icofont.css') }}">
    <!-- Font Awesome -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/icon/font-awesome/css/font-awesome.min.css') }}">
    <!-- scrollbar.css -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jquery.mCustomScrollbar.css') }}">
    <!-- am chart export.css -->
    <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}">

    <style type="text/css">
    	body{ background: #000; }
        .card {
            border: 1px solid #fff;
        }
        .card-login {
            margin-top: 130px;
            padding: 18px;
            max-width: 35rem;
        }

        .card-header {
            color: #fff;
            margin-top: 10px;
        }

        .card-header {
		    padding: .75rem 1.25rem !important;
		    margin-bottom: 0;
		    border-bottom: 1px solid rgba(0,0,0,.125) !important;
		}

        .card-header .logo_title{
        	font-family: sans-serif !important;
		    font-size: 20px !important;
		    font-weight: 600 !important;
        }

       .input-group-append .input-group-text, .input-group-prepend .input-group-text{
       		background-color: #ff0000 !important;
       		width: 50px !important;
       		border:0 !important;
       		height: calc(2.25rem + 2px) !important;
        }
     
        input:focus{
            outline: 0 0 0 0  !important;
            box-shadow: 0 0 0 0 !important;
        }

        .login_btn{
            border-radius: .25rem;
        }

        .login_btn:hover{
            color: #fff;
            background-color: #ff0000;
        }

        .form-control {
            height: calc(2.25rem + 2px) !important;
            padding: 0.375rem 0.75rem !important;
            font-size: 1rem !important;
            line-height: 1.5 !important; 
            color: #495057 !important;
            background-color: #fff !important;
            background-clip: padding-box !important;
            border: 1px solid #ced4da !important;
            border-radius: 0rem .25rem .25rem 0rem !important;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .input-group {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.6;
            color: #495057;
        }

        a { color: #fff; }
        a:hover { color: #ff0000; }
        .input-group {
		    margin-bottom: 1em !important;
		}
    </style>
</head>

<body themebg-pattern="theme0">
	<!-- Pre-loader start -->
	<div class="theme-loader">
		<div class="loader-track">
			<div class="preloader-wrapper">
				<div class="spinner-layer spinner-blue">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
				<div class="spinner-layer spinner-red">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
            
				<div class="spinner-layer spinner-yellow">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
            
				<div class="spinner-layer spinner-green">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- Pre-loader end -->
    <section class="login-block">
    	<div class="container">

    		<div class="row">
    			<div class="col-sm-12 text-center">
					<!-- for validation errors -->
					@if(count($errors) > 0)
					<div id="error" class="alert alert-danger alert-dismissable">
						<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
						@foreach($errors->all() as $error)
						<div class="msg">{{$error}}</div>
						@endforeach
					</div>
					@endif

					@if(Session::get('error_msg'))
					<div class="alert alert-danger alert-dismissable">
						<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
						{{Session::get('error_msg')}}
					</div>
					@elseif(Session::get('success_msg'))
					<div class="alert alert-success alert-dismissable">
						<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
						<h4><i class="icon fa fa-check"></i> Success !</h4>
						{{Session::get('success_msg')}}
					</div>
					@endif

					<div class="card card-login mx-auto text-center bg-dark">
						<div class="card-header mx-auto bg-dark">
							<span><img src="{{ asset( $site->logo ) }}" class="w-75" alt="Logo"> </span>
							<!-- <span class="logo_title"> Log Masuk </span> -->
						</div>

						<div class="card-body">
							<form method="POST" action="{{ url('/request/login') }}">
								<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">

								<div class="input-group">
									<span class="input-group-prepend">
										<label class="input-group-text"><i class="icofont icofont-ui-user"></i></label>
									</span>
									<input type="text" name="no_badan" class="form-control" required placeholder="No. Badan">
								</div>


								<div class="input-group">
									<span class="input-group-prepend">
										<label class="input-group-text"><i class="icofont icofont-people"></i></label>
									</span>
									<select name="roles_access" class="form-control" required>
										<option value="">Sila Pilih Akses Anda</option>
										<option value="sysadmin/Ketua Jabatan">Sysadmin/Ketua Jabatan</option>
										<option value="psysadmin/Pegawai">Pegawai</option>
									</select>
								</div>

								<div class="input-group">
									<span class="input-group-prepend">
										<label class="input-group-text"><i class="icofont icofont-ui-password"></i></label>
									</span>
									<input type="password" name="password" class="form-control" required="" placeholder="Kata Laluan">
								</div>

								<div class="row m-t-25 text-left">
									<div class="col-12">
										<div class="forgot-phone text-right f-right">
											<a href="#" class="text-right f-w-600">Lupa Kata Laluan?</a>
										</div>
									</div>
								</div>

								<div class="form-group">
									<input type="submit" name="btn" value="Log Masuk" class="btn btn-md btn-outline-danger float-right login_btn">
								</div>
							</form>
					    </div>
					    <!-- <p class="text-center m-b-0">Copyright &copy; 2018 MPKB, All rights reserved.</p> -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Required Jquery -->
    <script type="text/javascript" src="{{ asset('bower_components/jquery/js/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bower_components/jquery-ui/js/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bower_components/popper.js/js/popper.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bower_components/bootstrap/js/bootstrap.min.js') }}"></script>
    <!-- waves js -->
    <script src="{{ asset('pages/waves/js/waves.min.js') }}"></script>
    <!-- jquery slimscroll js -->
    <script type="text/javascript" src="{{ asset('bower_components/jquery-slimscroll/js/jquery.slimscroll.js') }}"></script>
    <!-- modernizr js -->
    <script type="text/javascript" src="{{ asset('bower_components/modernizr/js/modernizr.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bower_components/modernizr/js/css-scrollbars.js') }}"></script>
    <!-- i18next.min.js -->
	<script type="text/javascript" src="{{ asset('bower_components/i18next/js/i18next.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bower_components/jquery-i18next/js/jquery-i18next.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/common-pages.js') }}"></script>
</body>
</html>