@extends($activeTemplate.'layouts.app')
@section('panel')
@php
    $authContent = getContent('authentication.content',true);
@endphp

    <link rel="stylesheet" href="{{asset ('core/core/static/css/style.css')}}">
	<link rel="stylesheet" href="{{asset ('core/core/static/css/mui.min.css')}}">
    <link rel="stylesheet" href="{{asset ('core/core/static/css/mui.loading.css')}}">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
	<style>
		.appContent {
		    padding: 0 20px 20px 20px;
		    background: #FFFFFF;
		    border-radius: 16px 16px 0 0;
		}
		.appHeader{
		    background-color: #1C57A8;
		}
		.logo{
		    width: 100%;
		    height: 160px;
		}
		.logo img{
		    width: 100%;
		    height: 160px;
		    object-fit: cover;
		}
		.labeltitle{
            font-size: 14px;
            font-family: PingFang SC-Medium, PingFang SC;
            font-weight: 500;
            color: #1C57A8;
            line-height: 20px;
		}
		.okbtn{
		    background-color: #1377FE;
		    color: #FFFFFF;
		    height: 48px;
		    font-size: 16px;
		    font-weight: 400;
		}
		#content{
		     padding-top: 56px;
		}
	</style>
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">
        <div class="left">
            <a href="{{route ('home')}}" class="icon goBack">
                <i class="icon ion-ios-arrow-back"></i>
            </a>
        </div>
		<div class="pageTitle">Log in</div>
    </div>

    <div id="content" class="pb-2">
        <div class="logo">
            <img src="{{asset ('core/core/static/img/login.jpg')}}">
        </div>
        <div class="appContent">
            <div class="sectionTitle mt-3">
    			<div class="lead mb-2" style="color:#333333;font-weight: 600;">Welcome Back</div>
    		</div>
    
    		    
    		    
                <form action="{{ route('user.login') }}" method="POST" class="form-group" id="sign-form">
                    @csrf
                    
    		    
    		    
                <div class="form-group mb-1">
                    <span class="labeltitle">account number</span>
                    
                    
                    <input type="text" name="username" class="form-control"  placeholder="Please input account number" >
                    
                    
                </div>
                <div class="form-group">
                    <span class="labeltitle">password</span>
                    <input class="form-control"  type="password" name="password"     placeholder="Please input a password"              >
                </div>
				
				<div class="form-group row">
                    <div class="col-6">

                    </div>
                    <div class="col-6 text-right">
                         <a href="" class="text-muted">Forgot password?</a>
                    </div>
                </div>



                <div>
                    <button type="Submit" data-form="sign-form"  class="btn okbtn btn-block">
                        Sign in
                    </button>
                </div>
            </form>
            <div class="text-center text-dark">
				Don't have an account? <a href="{{route ('user.register')}}">Register</a>
			</div>
		</div>
    </div>



</body>

</html>

                    
                    
                    
                    
                    
                    
                    

           
  
                       
@endsection
