@section('title', 'Manage')
@extends('layouts.admin')

@section('extra-css')
<style>
    html {
        background-image: url("/assets/images/bg.jpg");
    }

</style>
 @stop()

@section('content')
    <div class="container-fluid">
    @include('layouts.partials.success')
    <!--begin:: Stats -->


    <div class="container">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <form method="POST" action="{{ route('login') }}">
                    @csrf

                    <div class="form-group row">


                        <div class="col-md-12">
                            <input id="email" type="email" placeholder="Email Address" class="form-control @error('email') is-invalid @enderror animated slideInLeft" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                            @error('email')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-12">
                            <input id="password" type="password" placeholder="Password" class="form-control @error('password') is-invalid @enderror animated slideInRight" name="password" required autocomplete="current-password">

                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 offset-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                <label class="form-check-label" for="remember">
                                    {{ __('Remember Me') }}
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-12 ">
                            <button type="submit" class="btn btn-success col-md-12">
                                {{ __('Login') }}
                            </button>

                            {{--@if (Route::has('password.request'))
                                <a class="btn btn-link" href="{{ route('password.request') }}">
                                    {{ __('Forgot Your Password?') }}
                                </a>
                            @endif--}}
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-3"></div>

        </div>
    </div>
    <!--end:: Stats -->
    <hr>
    <!--begin:: Content -->
  </div>
    <script>
        jQuery(function ($) {
            $('.table').footable({
                "paging": {
                    "enabled": true
                },
                "filtering": {
                    "enabled": true
                },
                "sorting": {
                    "enabled": true
                },
                "columns": $.get("docs/content/columns.json"),
                "rows": $.get("docs/content/rows.json")
            });
        });
    </script>
    <!--end:: Content-->
@endsection

@section('extra-js')
    <script type="text/javascript">
        $('.counter-count').each(function () {
            $(this).prop('Counter',0).animate({
                Counter: $(this).text()
            }, {
                duration: 5000,
                easing: 'swing',
                step: function (now) {
                    $(this).text(Math.ceil(now));
                }
            });
        });
    </script>
@endsection()