@extends('frontend.layout')
@section('content')
    <script src="{{asset('public/frontend/js/login.js')}}"></script>
    <header id="home" class="header">
        <div class="overlay"></div>
        <div class="header-content login-header-content container">
            <div class="custom_form">
                @if(Session::has('success'))
                    <div class="alert alert-success">
                        {{ Session::get('success') }}
                        @php
                            Session::forget('success');
                        @endphp
                    </div>
                @endif
                @if(Session::has('error'))
                    <div class="alert alert-danger">
                        {{ Session::get('error') }}
                        @php
                            Session::forget('error');
                        @endphp
                    </div>
                @endif
                @if(Session::has('errors'))
                    <div class="alert alert-danger">
                        {{ 'Có lỗi xảy ra'}}
                        @php
                            Session::forget('errors');
                        @endphp
                    </div>
                @endif
                <form action="{{route('login')}}" method="POST">
                    <div class="title">Đăng nhập</div>
                    {{ csrf_field() }}
                    <div class="form-group">
                        <label for="email">Tên đăng nhập <span class="required">(*)</span></label>
                        <input class="form-control" name="email" id="email" placeholder="Tên đăng nhập ..." value="{{old('email')}}" />
                        @if ($errors->has('email'))
                            <span class="text-danger">{{ $errors->first('email') }}</span>
                        @endif
                    </div>
                    <div class="form-group">
                        <label for="password">Mật khẩu <span class="required">(*)</span></label>
                        <div class="form-control input-group">
                            <input type="password" placeholder="Mật khẩu ..." name="password" id="password" 
                                autocomplete="new-password" class="form-control" >
                            <button type="button" id="btnToggle" class="toggle"><i id="eyeIcon" class="fa fa-eye"></i></button>
                        </div>
                        @if ($errors->has('password'))
                            <span class="text-danger">{{ $errors->first('password') }}</span>
                        @endif
                    </div>
                    <button class="custom_btn" type="submit">Đăng nhập</button>
                    <div class="custom_line"></div>
                    <p>Nếu chưa có tài khoản, <a class="custom_btn" href="{{route('register')}}">Đăng ký</a> tại đây</p>
                </form>
            </div>
        </div>
    </header>
@endsection