@extends('web::auth.auth')

@section('content')

<div class="container">
<div class="col s12 hide-on-med-and-down" style="float:left;margin-left:120px;font-size: 40px;color:#05176f;position: absolute;text-shadow: 10px 1px 30PX white;margin-top: 100px;font-weight: bolder;font-family:verdana;"><span>{{ env('APP_ENV_TITLE') }} | {{ config('app.name') }}</span>
</div>
<div class="col s12 hide-on-large-only" style="float:left;margin-left:8px;font-size: 20px;color:#05176f;position: absolute;text-shadow: 10px 1px 30PX white;margin-top: 100px;font-weight: bolder;font-family:verdana;"><span>{{ env('APP_ENV_TITLE') }} | {{ config('app.name') }}</span>
</div>



 <div id="login-page" class="row">
     <div class="col s12 m6 l4 card-panel border-radius-6 d bg-opacity-8 big" style="background-color: unset! important;border:unset !important;box-shadow:unset !important">
      <form class="ui form" method="POST" action="{{ route('auth::login.store') }}">
       <input type="hidden" name="_token" value="{{ csrf_token() }}">


        @if(config('laravolt.auth.captcha'))
            <div class="field">
                {!! app('captcha')->display() !!}
            </div>
        @endif

        <!-- <div class="row">
            <div class="input-field col s12" style="text-align:center">
                <img src="{{asset('overide/web/themes/apim/default/images/laravolt.png')}}" style="width:130px;height:130px;">
            </div>
        </div> -->

               

        <div class="row margin">
            <div class="input-field col s12 card-panel login-card bg-opacity-8" style="margin:unset !important;border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow:unset !important">
                <i class="material-icons prefix pt-2">person_outline</i>
                 <input id="email" type="email" name="email" placeholder="Login Name" 
                >
               
            </div>
        </div>

        <div class="row margin">
            <div class="input-field col s12 card-panel login-card bg-opacity-8" style="margin:unset !important;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow:unset !important">
                <i class="material-icons prefix pt-2">lock_outline</i>
                <input type="password" name="password" placeholder="@lang('web::auth.password')">
                
            </div>
        </div>

     

        <div class="ui field m-b-2">
            <div class="ui equal width grid">
                <div class="column left aligned">
                    <!-- <div class="ui checkbox">
                        <input type="checkbox" name="remember" {{ request()->old('remember')?'checked':'' }}>
                        <label>@lang('web::auth.remember')</label>
                    </div> -->
                </div>
                <div class="column right aligned">
                    <a themed href="{{ route('auth::forgot.show') }}" class="link">@lang('web::auth.forgot_password')</a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="input-field col s12">
                <button type="submit" class="btn waves-effect waves-light border-round col s12" style="background: linear-gradient(45deg, #b821df, #1630bd) !important;">@lang('web::auth.login')</button>
            </div>
        </div>
        

        @if(config('laravolt.platform.features.registration'))
      
            <div class="row border-radius-6" style="text-align: center;background-color: #ffffffd1;padding: 10px;margin:1px">
                @lang('web::auth.not_registered_yet?')
                <a themed href="{{ route('auth::registration.show') }}" class="link">@lang('web::auth.register_here')</a>
            </div>

        @endif
       
    </form> 
</div>
</div>
</div>


@endsection

@push('script')

  @if(config('laravolt.auth.captcha'))
            {!! app('captcha')->renderJs() !!}
        @endif

@endpush



