<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="<?php echo e(asset('picture/favicon.png')); ?>" type="image/x-icon">
    <link rel="icon" href="<?php echo e(asset('picture/favicon.png')); ?>" type="image/x-icon">    
    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <link rel="stylesheet" href="<?php echo e(asset('')); ?>css/custom.css" />
    <title>Login</title>
    <style>
        body {
            min-height: 100vh;
        }

    </style>
</head>

<body>
    <div class="container custom">
        <div class="row justify-content-center align-items-center">
            <div class="col-md-12">
                <img src="<?php echo e(asset('picture/logo.PNG')); ?>" class="logo-top">
                <div class="card p-5 d-block b-radius-3 card-relative">
                    <div class="row align-items-center">
                        <div class="col-md-6">
                        <!--<h3 class="color-green font-weight-bold">Hi! Yuk, Join Member-->
                        <!--    <br>-->
                        <!--    di Coffee Toffee-->
                        <!--</h3>-->
                        <!--<p style="font-size:14px">Dapatkan berbagai benefit promo menarik yang bisa kamu nikmati. Yuk! Lengkapi data dibawah ini dan jadilah bagian dari Coffee Toffee</p>-->
                        <!--<br>                            -->
                    <form method="post" id="login" action="<?php echo e(route('login')); ?>">
                        <?php echo csrf_field(); ?>
                        <center>
                        <img src="<?php echo e(asset('')); ?>picture/logoct.png" alt="logo.png"
                            style="height:100px;margin-left:0px !important" class="img-responsive mb-2">
                        </center>                            
                        <h6 class="text-center">LOGIN SISTEM INFORMASI MEMBER</h6>
                        <br>
                        <?php if($errors->any()): ?>
                            <div class="alert alert-danger">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <i class="icofont icofont-close-line-circled text-white"></i>
                                </button>
                                <strong><span class="fa fa-exclamation-triangle"></span> Gagal login.</strong>
                                <?php echo e(session('error')); ?>

                            </div>
                        <?php endif; ?>
                        <label for=""> Email</label>
                        <div class="input">
                            <span class="fa fa-envelope mr-2"></span>
                            <input type="email" name="email" value="<?php echo e(old('email')); ?>" class="form-control"
                                placeholder="Masukkan Email">
                        </div>
                        <br>
                        <label for=""> Password</label>
                        <div class="input">
                            <span class="fa fa-lock mr-2"></span>
                            <input type="password" name="password" class="form-control form-password"
                                placeholder="Masukkan Password">
                        </div>
            			<input type="checkbox" id="check" class="form-checkbox"> <label style="color:#212529" for="check"> <small> Show Password</small></label>
                        <br><br>
                        <button class="btn btn-primary px-4"> <span class="fa fa-sign-in-alt"></span> Login</button>
                    </form>

                        </div>
                        <div class="col-md-6 d-none d-md-block">
                            <img src="<?php echo e(asset('picture/card.PNG')); ?>" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer py-4">
        <div class="yes-drink  d-none d-md-flex">
            <p class="mt-5">YES I DRINK INDONESIAN COFFEE</p>
        </div>
        <div class="container d-none d-md-flex  mt-2">
            <h5 class="font-weight-bold mb-0 ml-4 mr-5">Follow Us</h5>
            <span class="mr-3"><span class="fab fa-tiktok"></span> coffeetoffeeidn</span>
            <span><span class="fab fa-instagram"></span> coffeetoffeeidn</span>
        </div>        
        <div class="container py-2 pl-4 d-flex d-md-none mt-2 flex-column">
            <h5 class="font-weight-bold mb-1">Follow Us</h5>
            <div>
                <span class="mr-3"><span class="fab fa-tiktok"></span> coffeetoffeeidn</span>
                <span><span class="fab fa-instagram"></span> coffeetoffeeidn</span>
                
            </div>
        </div>        
        
    </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>    
<script type="text/javascript">
	$(document).ready(function(){		
		$('.form-checkbox').click(function(){
			if($(this).is(':checked')){
				$('.form-password').attr('type','text');
			}else{
				$('.form-password').attr('type','password');
			}
		});
	});
</script>    
</body>

</html>
<?php /**PATH D:\Code\Kuliah\Magang\coffeetoffee\resources\views/auth/login.blade.php ENDPATH**/ ?>