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

@section('content')
    <div class="flex justify-center pt-6 lg:pt-10 iteam-center">
        <h1 class="font-bold">{{ __('frontend::frontend.new_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="reset_password_frm" method="POST" onsubmit="send_reset_password();">
                <input name="token" type="hidden" value="{{ $data['token'] ?? '' }}">
                @php
                    $hidden = ['redirect', 'product_id', 'quantity'];
                @endphp
                @foreach ($hidden as $v)
                    @if (!empty($data[$v]))
                        <input name="{{ $v }}" type="hidden" value="{{ $data[$v] }}">
                    @endif
                @endforeach
                <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="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