@extends('mainlayout')

@section('title')
MILIKI | Login
@endsection

@section('content')


 <!--Login Register section start-->
        <div class="login-register-section section section-padding-bottom" style="margin-top:4em">
            <div class="container">
                <div class="row">

                   
                    <div class="col-12">
                    	<div class="login-form-wrapper login_screen">
                                    <h3 class="title">Login</h3>
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                    <form class="login-form" method="POST" action="{{ route('login') }}">
                                          @csrf
                                        <div class="single-input mb-30">
                                            <label for="email">Email / Phone Number</label>
                                            <input id="email" type="text" name="email" value="{{old('email')}}" required>
                                        </div>
                                        <div class="single-input mb-30">
                                            <label for="password">Password</label>
                                            <input type="password" id="password" name="password" required>
                                        </div>

                                         
                                        
                                        <div class="single-input mb-30">
                                            <button class="btn btn-primary btn-hover-secondary btn-width-100">Log In</button>
                                        </div>

                                        <div class="single-input mb-30">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <p style="display:inline">Don't Have An Account? 
                                                        <a href="/register" style="display:inline"><b>Click Here To Register Account.</b></a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="single-input mb-30">
                                            <div class="row">
                                                <div class="col-sm-8">
                                                    <p>
                                                        <a href="/forgot_password" style="color:#0000FF">Reset Password.</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                    </div>

                </div>
            </div>
        </div>
        <!--Login Register section end-->
@endsection