@extends('layouts.auth.app')

@section('content')
    @if(count($errors) > 0 )
        <div class="login-errors">
            <ul >
                @foreach($errors->all() as $key => $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="login-box" style="min-height: 420px;">
        <form class="login-form" method="POST" action="{{ route('admin.admins.reset') }}">
            @csrf
            <h3 class="login-head"><i class="fa fa-lg fa-fw fa-user"></i>RESET PASSWORD</h3>
            <div class="form-group">
                <label class="control-label">PASSWORD</label>
                <input class="form-control" type="password" placeholder="Password" name="password">
            </div>

            <div class="form-group">
                <label class="control-label">CONFIRM PASSWORD</label>
                <input class="form-control" type="password" placeholder="Password" name="password_confirmation">
            </div>
            <div class="form-group btn-container">
                <button class="btn btn-primary btn-block"><i class="fa fa-sign-in fa-lg fa-fw"></i>Reset Password</button>
            </div>
        </form>

    </div>
@endsection

@section("scripts")
    <script type="text/javascript">
        // Login Page Flipbox control
        $('.login-content [data-toggle="flip"]').click(function() {
            $('.login-box').toggleClass('flipped');
            return false;
        });
    </script>
@endsection