@extends('backend::auth.layouts.app')
@push('css')
    <style>
        .auth-full-page-content {
            min-height: 0 !important;
        }

        .auth-page-content {
            padding-top: 100px !important;
        }

        /*laptop*/
        @media only screen and (min-width : 1224px) {
            .auth-page-content {
                padding-top: 25px !important;
            }
        }

        /*large scress*/
        @media only screen and (min-width : 1824px) {
            .auth-page-content {
                padding-top: 100px !important;
            }
        }
    </style>
@endpush
@section('content')
    <div class="col-xxl-12 col-lg-12 col-md-12 d-flex justify-content-center auth-page-content">
        <div class="auth-full-page-content d-flex p-sm-5 p-4">
            <div class="w-100">
                <div class="d-flex flex-column h-50">
                    <div class="mb-md-5 text-center">
                        {{-- <span class="logo-txt">Wipro Seating Solutions</span></br> --}}
                        <div class="d-block auth-logo">
                            <img src="{{ asset('backend/images/Logo.svg') }}" alt="" height="50">
                        </div>
                    </div>
                    <div class="auth-content my-auto">
                        <div class="text-center">
                            <h5 class="mb-0">Welcome Back !</h5>
                            {{-- <p class="text-muted mt-2">Sign in to continue to Wipro Seating Solutions.</p> --}}
                        </div>
                        <form class="mt-4 pt-2" action="{{ route('admin.login.action') }}" method="post">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">Email</label>
                                <input type="text" name="email" class="form-control" id="username"
                                    value="{{ old('email', $email) }}" placeholder="Enter Email">
                            </div>
                            <div class="mb-3">
                                <div class="d-flex align-items-start">
                                    <div class="flex-grow-1">
                                        <label class="form-label">Password</label>
                                    </div>
                                    <div class="flex-shrink-0">
                                        <div class="">
                                            {{-- <a href="auth-recoverpw.html" class="text-muted">Forgot password?</a> --}}
                                        </div>
                                    </div>
                                </div>
                                <div class="input-group auth-pass-inputgroup">
                                    <input type="password" class="form-control" name="password" value="{{ $password }}"
                                        placeholder="Enter password" aria-label="Password"
                                        aria-describedby="password-addon">
                                    <button class="btn btn-light shadow-none ms-0" type="button" id="password-addon"><i
                                            class="mdi mdi-eye-outline"></i></button>
                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="remember"
                                            {{ $remember ? 'checked' : '' }} id="remember-check">
                                        <label class="form-check-label" for="remember-check">
                                            Remember me
                                        </label>
                                    </div>
                                </div>
                                @if ($errors->any())
                                    <div class="alert alert-danger" role="alert">
                                        @foreach ($errors->all() as $error)
                                            {{ $error }}<br>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                            <div class="mb-3">
                                <button class="btn btn-primary w-100 waves-effect waves-light submitBtn"
                                    type="submit">Login</button>
                            </div>
                        </form>
                    </div>
                    <div class="mt-4 mt-md-5 text-center">
                        <p class="mb-0">©
                            <script>
                                document.write(new Date().getFullYear())
                            </script> Wipro Seating Solutions . Crafted with <i
                                class="mdi mdi-heart text-danger"></i> by
                            Intersmart
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- end auth full page content -->
    </div>
@endsection