@extends('admin.layouts.anonymous-master')

@section('page_title')
    {{ __('admin.login.title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')

<div class="container">
    
    <div class="row mt-4 d-flex justify-content-center">
        <div class=" col-lg-8  col-md-12">

            <div class="pb-4">
                <form class="login-register" method="post" action="{{ route('admin.session.login.store') }}" @submit.prevent="onSubmit">

                    {{ csrf_field() }}

                    <div class="form-group mb-4" :class="[errors.has('email') ? 'has-error' : '']">
                        <label class="form-label" for="email">{{ __('admin.login.email') }}</label>
                        <input type="email" name="email" id="email" value="{{ old('email') }}" v-validate="'required'" class="form-control" data-vv-as="&quot;{{ __('admin.login.email') }}&quot;" />
                        <span class="control-error" v-if="errors.has('email')">@{{ errors.first('email') }}</span>
                    </div>

                    <div class="form-group mb-4" :class="[errors.has('password') ? 'has-error' : '']">
                        <label class="form-label" for="password">{{ __('admin.login.password') }}</label>
                        <div class="input-group">
                            <input type="password" value="{{ old('password') }}" name="password" v-validate="'required|min:8'" id="password" class="form-control" data-vv-as="&quot;{{ __('admin.login.password') }}&quot;" />
                            <div class="input-group-prepend">
                                <div class="input-group-text"><i class="fa fa-eye"></i></div>
                            </div>
                        </div>
                        <span class="control-error" v-if="errors.has('password')">@{{ errors.first('password') }}</span>
                    </div>

                    <!-- Submit button -->
                    <button type="submit" class="btn btn-primary btn-block mb-4">{{ __('admin.login.submit') }}</button>

                </form>
            </div>
        </div>
    </div>

</div>

@endsection

@push('scripts')

<script>

var viewPass = false;
$(window).ready(function () {

    $('.input-group-text').click(function() {

        if(!viewPass){
            $('#password').attr('type', 'text');
            $('.fa-eye').addClass('fa-eye-slash');
            $('.fa-eye').removeClass('fa-eye');
        } else {
            $('#password').attr('type', 'password');
            $('.fa-eye-slash').addClass('fa-eye');
            $('.fa-eye-slash').removeClass('fa-eye-slash');
        }

        viewPass = !viewPass;

    });

});

</script>

@endpush