<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <title>Member Login - AR Care</title>
        
        <!-- Bootstrap CSS -->
        <!--link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
              integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"-->

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" 
            integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
              
    </head>
    <body>
        @section('page_title',$title)
        @include('member/header_member')
        <div class="container">
            <div class="row">
                
                <form action="{{ route('member.login') }}" method="post" class="form-group" style="max-width:400px; width:90%;margin:10px auto">
                    @csrf
    
                    <div style="text-align:center;padding:20px">
                        @error('email')
                        <span style="color:red">{{ $message ? $message : '' }} </span>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Email:</label>
                        <input type="text" class="form-control" placeholder="Email" name="email" id="email" autocomplete="current-username" required>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Password:</label>
                        <input type="password" class="form-control" placeholder="Password" name="password" id="password" autocomplete="current-password" required>
                    </div>
                    <button type="submit" class="btn btn-primary">Login</button> OR                 
                    <a href="{{ route('member.register')}}">Register</a>
                </form>
                
                
            </div>
        </div>
    <!--script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script-->
    </body>
</html>