@extends('admin.layouts.layout-login')
@section('content')
<div>
    <div class="row">
        <div class="col-12 align-self-end">
            <img src="assets/images/profile-img.png" alt="" class="img-fluid">
        </div>
    </div>
</div>
<div class="card-body pt-0">
    <div class="login-img">

        <img src="{{ asset('img/Telecommuting-pana.png') }}" alt="">
    </div>
    <h1 class="text-black text-center mt-2 mb-2">Admin Login</h1>
    <div class="p-2">
        {{ html()->form('POST', 'admin/login')->attributes(['class' => 'form-horizontal'])->open() }}
            {{-- @include('admin.components.messages') --}}
            <div class="form-group">
                <input type="text" class="form-control login-fields" name="email" value="{{ old('email') }}" id="email" placeholder="Email" aria-required="true"{{ $errors->has('email') ? ' aria-invalid="true"' : '' }}>
                @if ($errors->has('email'))
                    <label class="error" for="email">
                        <strong>{{ $errors->first('email') }}</strong>
                    </label>
                @endif
            </div>

            <div class="form-group">
                <div class="password-field-wrapper">
                    <i class='bx bxs-show pass-icon' id="showIcon" ></i>
                    <i class='bx bxs-hide pass-icon' id="hideIcon"></i> 
                    <input type="password" class="form-control login-fields" name="password" id="password" placeholder="Password" aria-required="true"{{ $errors->has('password') ? ' aria-invalid="true"' : '' }}>
                </div>
                @if ($errors->has('password'))
                    <label class="error" for="password">
                        <strong>{{ $errors->first('password') }}</strong>
                    </label>
                @endif
            </div>

            <div class="mt-3">
                <button class="btn btn-primary btn-block waves-effect waves-light login-button" type="submit"><i class='bx bx-log-in'></i> Log In</button>
            </div>
            {{-- <div class="mt-4 text-center">
                <a href="{{url('/admin/password/reset')}}" class="text-muted"><i class="mdi mdi-lock mr-1"></i> Forgot your password?</a>
            </div> --}}
        {{ html()->form()->close() }}
    </div>
</div>
@push('page_script')
<script>
    $(document).ready(function () {
    $("#showIcon").click(function () {
        $("#password").attr("type", "text");
        $("#showIcon").hide();
        $("#hideIcon").show();
    });

    $("#hideIcon").click(function () {
        $("#password").attr("type", "password");
        $("#hideIcon").hide();
        $("#showIcon").show();
    });
});

    
</script>
@endpush
@endsection