@extends('login.app')

@section('styles')
    {{ module_vite('build-user', 'resources/assets/sass/app.scss') }}
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6 col-xl-4">
            <div class="login-logo">
                <img src="{{ check_file($setting->logo_header ?? '', asset('assets/images/logo-alt.png')) }}">
            </div>
            <div class="card card-body shadow-none">
                <div class="text-center">
                    <h4 class="text-uppercase my-2">{{ __('user::login.title') }}</h4>
                </div>
                <form id="login_frm" onsubmit="set_login()">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label" for="username">{{ __('field.username') }}</label>
                        <input class="form-control" id="username" name="username" data-max="{{ __('field.placeholder.max', ['label' => __('field.username'), 'max' => 255]) }}" type="text" placeholder="{{ __('field.placeholder.input', ['label' => __('field.username')]) }}" autocomplete="new-username">
                    </div>
                    <div class="mb-2">
                        <label class="form-label" for="password">{{ __('field.password') }}</label>
                        <div class="input-group input-group-merge">
                            <input class="form-control" id="password" name="password" data-max="{{ __('field.placeholder.max', ['label' => __('field.password'), 'max' => 255]) }}" type="password" placeholder="{{ __('field.placeholder.input', ['label' => __('field.password')]) }}" autocomplete="new-password">
                            <div class="input-group-text" data-password="false"> <span class="password-eye"></span></div>
                        </div>
                    </div>
                    <div class="mb-3 form-check">
                        <input class="form-check-input" id="remember" name="remember" type="checkbox" value="1">
                        <label class="form-check-label" for="remember">{{ __('field.remember') }}</label>
                    </div>
                    <div class="d-grid text-center">
                        <button class="btn btn-primary" id="submit" type="submit">
                            {{ __('action.login') }}
                        </button>
                    </div>
                </form>
            </div>
            <div class="d-grid text-center">
                {{ $setting->local->copy_right ?? '' }}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    {{ module_vite('build-user', 'resources/assets/js/login.js') }}
@endsection