@extends('layout.admin.master-layout')
<!-- Begin page -->
@section('main-content')
    <div class="auth-main">
        <div class="auth-wrapper v3">
            <div class="auth-form">
                @if($logo->company_logo)
                    <div class="auth-header">
                        <a href="#"><img src="{{ asset(@$logo->company_logo) }}" alt="img"
                                         style="width: 150px;height:auto;"></a>
                    </div>
                @else
                    <div class="auth-header">
                        <a></a>
                    </div>
                @endif
                <div class="card my-5">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-end mb-4">
                            <h3 class="mb-0"><b>Login</b></h3>
                        </div>
                        <form id="loginForm">
                            @csrf
                            <div class="form-group mb-3">
                                <label class="form-label">Username</label>
                                <input type="text" name="username" class="form-control required" placeholder="Username">
                                <div class="invalid-feedback" id="username_error"></div>
                            </div>
                            <div class="form-group mb-3">
                                <label class="form-label">Password</label>
                                <input type="password" name="password" class="form-control required" placeholder="Password">
                                <div class="invalid-feedback" id="password_error"></div>
                            </div>
                            <div class="form-group mb-3">
                                <input type="hidden" name="invisibleCaptcha" class="invisibleCaptcha">
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="invalid-feedback" id="loginError" style="display: none"></div>
                            <div class="d-grid mt-4">
                                <button type="button" class="btn btn-primary btn-login">
                                    <span class="spinner-grow spinner-grow-sm" role="status" style="display: none;"></span>
                                    <span class="sr-only">Loading...</span>
                                    Login</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="auth-footer row">
                </div>
            </div>
        </div>
    </div>
@endsection
@section('additional-js')
    <script src="{{asset('assets/admin/custom/js/login.js')}}"></script>
@endsection