@extends('layout.base')

@section('layout.base.body')
    <div id="page-container" class="h-full w-full flex items-center overflow-y-auto pb-10 bg-gray-300">
        <div class="container mx-auto p-4 md:p-0 flex-auto items-center justify-center flex">
            <div id="sign-in-box" class="w-full md:w-3/5 lg:w-2/5">
                <div class="flex justify-center items-center py-6">
                    <img src="{{ asset('logos/ary_tech_pos_blue_logo_xs.png') }}" alt="ARYTechPOSLogo">
                </div>
                {!! Hook::filter('ns.before-new-password-form', new Output) !!}
                @include('/common/auth/new-password-form')
                {!! Hook::filter('ns.after-new-password-form', new Output) !!}
            </div>
        </div>
    </div>
@endsection

@section('layout.base.footer')
    @parent
    {!! Hook::filter('ns-new-password-footer', new Output) !!}
    @vite(['resources/ts/auth.ts'])
@endsection