@extends('backend.layouts.app')
@section('content')
    <div class="col-md-4 col-10 box-shadow-2 p-0">
        <div class="card border-grey border-lighten-3 px-1 py-1 m-0">
            <div class="card-header border-0">
                <div class="card-title text-center">
                    <img style="max-width: 271px; height: auto; width: 100%" src="{{setting('logo')}}" alt="branding logo">
                </div>
                <h6 class="card-subtitle line-on-side text-muted text-center font-small-3 pt-2">
                    <span>Đăng nhập nhân viên</span>
                </h6>
            </div>
            <div class="card-content">
                <div class="card-body">
                    @if (session('danger'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            {{ session('danger') }}
                        </div>
{{--                    @elseif (session('message-success'))--}}
{{--                        <div class="alert-success notification">--}}
{{--                            <ul style="list-style: none;text-align: center;">--}}
{{--                                <li>{{ session('message-success') }}</li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
                    @endif
                    <form method="POST" action="{{ route('dang-nhap') }}" novalidate>
                        @csrf
                        <fieldset class="form-group position-relative has-icon-left mb-1">
                            <input type="" class="form-control form-control-lg @error('phone') is-invalid @enderror" id="email" name="phone" placeholder="SĐT Nhân viên"
                                   value="{{ old('phone') }}" required autofocus>
                            <div class="form-control-position">
                                <i class="ft-mail"></i>
                            </div>
                            @error('phone')
                            <span class="invalid-feedback" role="alert">
                            <strong>Số điện thoại không đúng !!!</strong>

                        </span>
                            @enderror
                        </fieldset>
                        <fieldset class="form-group position-relative has-icon-left">
                            <input type="password" class="form-control form-control-lg @error('password') is-invalid @enderror" id="password" name="password" placeholder="Mật khẩu"
                                   required>
                            <div class="form-control-position">
                                <i class="fa fa-key"></i>
                            </div>
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                            <strong>Mật khẩu không đúng !!!</strong>
                        </span>
                            @enderror
                        </fieldset>
                        <div class="form-group row">
                            <div class="col-md-6 col-12 text-center text-md-left">
                                <fieldset>
                                    <input type="checkbox" id="remember-me" class="chk-remember">
                                    <label for="remember-me"> Nhớ mật khẩu</label>
                                </fieldset>
                            </div>
                            <div class="col-md-6 col-12 text-center text-md-right"><a href="/password/reset" class="card-link text-danger">Quên mật khẩu?</a></div>
                        </div>
                        <button type="submit" class="btn btn-danger btn-lg btn-block"><i class="ft-unlock"></i> Đăng nhập</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection