@extends('frontend::layouts.master')

@section('content')
    <div class="flex justify-center pt-6 lg:pt-10 iteam-center">
        <h1 class="font-bold">{{ __('frontend::frontend.change_pass') }}</h1>
    </div>
    <div class="container relative">
        <div class="mx-auto max-w-xl p-4 xl:p-8 rounded-sm">
            <form class="mx-auto max-w-sm transparent-label" id="change_password_frm" method="POST" onsubmit="send_change_password();">
                <div class="flex flex-wrap -mx-4">
                    <div class="w-full px-4">
                        <div class="com-form-basic float form-style line-style">
                            <input id="old_password" name="old_password" type="password" placeholder="{{ __('field.old_password_placeholder') }}">
                            <label for="old_password">
                                {{ __('field.old_password') }}
                            </label>
                        </div>
                    </div>
                    <div class="w-full px-4">
                        <div class="com-form-basic float form-style line-style">
                            <input id="password" name="password" data-pass="{{ __('field.password_pattern_placeholder') }}" type="password" placeholder="{{ __('field.password_placeholder') }}">
                            <label for="password">
                                {{ __('field.password') }}
                            </label>
                        </div>
                    </div>
                    <div class="w-full px-4">
                        <div class="com-form-basic float form-style line-style">
                            <input id="re_password" name="re_password" data-same_pass="{{ __('field.same_password_placeholder') }}" data-pass="{{ __('field.password_pattern_placeholder') }}" type="password" placeholder="{{ __('field.re_password_placeholder') }}">
                            <label for="re_password">
                                {{ __('field.re_password') }}
                            </label>
                        </div>
                    </div>
                    <div class="w-full px-4 pt-4 text-right">
                        <button class="button-primary w-full text-white" type="submit">
                            {{ __('frontend::frontend.btn.forget') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

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