@extends('layouts.simple')

@section('content')
    <div class="bg-image" style="background-image: url('{{ asset('/media/photos/photo34@2x.jpg') }}">
        <div class="row mx-0 bg-black-op">
            <div class="hero-static col-md-6 col-xl-8 d-none d-md-flex align-items-md-end">
                <div class="p-30 js-appear-enabled animated fadeIn" data-toggle="appear">
                    <p class="font-size-h3 font-w600 text-white">
                        VAP Technology Pvt. Ltd.
                    </p>
                    <p class="font-italic text-white-op">
                        Copyright © <span class="js-year-copy js-year-copy-enabled">{{date('Y')}}</span>
                    </p>
                </div>
            </div>
            <div class="hero-static col-md-6 col-xl-4 d-flex align-items-center bg-white js-appear-enabled animated fadeInRight" data-toggle="appear" data-class="animated fadeInRight">
                <div class="content content-full">
                    <!-- Header -->
                    <div class="px-30 py-10">
                        <a class="link-effect font-w700" href="{{route('webadmin.index')}}">
                            <span class="font-size-xl text-primary-dark">master</span><span class="font-size-xl">stroke</span>
                        </a>
                        <h1 class="h3 font-w700 mt-30 mb-5">Sign In</h1>
                    </div>
                    <!-- END Header -->
                    <form class="js-validation-signin px-30" action="{{route('webadmin.login')}}" method="post" novalidate="novalidate">
                        @csrf
                        <div class="form-group row">
                            <div class="col-12">
                                <div class="form-material floating">
                                    <input type="text" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" id="login-email" value="{{old('email')}}" name="email" autocomplete="off">
                                    <label for="login-email">Email</label>
                                    @if ($errors->has('email'))
                                    <div class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12">
                                <div class="form-material floating">
                                    <input type="password" class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}" id="login-password" name="password" autocomplete="password">
                                    <label for="login-password">Password</label>
                                    @if ($errors->has('password'))
                                    <div class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-sm btn-hero btn-alt-primary">
                                <i class="si si-login mr-10"></i> Sign In
                            </button>
                            <div class="mt-30 text-center">
                                @if(session()->has('error-message'))
                                    <h4 class="text-danger">
                                        <strong>{{ session()->get('error-message')  }}</strong>
                                    </h4>
                                @endif
                            </div>
                        </div>
                    </form>
                    <!-- END Sign In Form -->
                </div>
            </div>
        </div>
    </div>
@endsection