@extends('organizations.layouts.default')
@section('content')
    <main>
        <div class="mx-auto max-w-screen-2xl p-4 md:p-2 2xl:p-4">
            <div class="flex justify-between m-0 p-0">
                <!-- Breadcrumb Start -->
                @include('organizations.layouts.partials.breadcrumb')

            </div>
            <hr class="text-white my-3">
            <div class="mx-auto w-full max-w-[480px]">

                <div class="rounded-xl bg-white p-4 shadow-14 dark:bg-boxdark lg:p-7.5 xl:p-12.5">
                    <h1 class="mb-2.5 text-3xl font-black leading-[48px] text-black dark:text-white">
                        Change Password
                    </h1>
                    <form action="{{ route('organization.org-profile.store-password') }}" method="POST">
                        @csrf
                        <div class="items-center gap-4.5">
                            {{ ym_input([
                                'type' => 'password',
                                'name' => 'current_password',
                                'label' => 'Current Password',
                                'required' => true,
                            ]) }}
                            {{ ym_input([
                                'type' => 'password',
                                'name' => 'password',
                                'label' => 'New Password',
                                'required' => true,
                            ]) }}
                            {{ ym_input([
                                'type' => 'password',
                                'name' => 'password_confirmation',
                                'label' => 'Confirm Password',
                                'required' => true,
                            ]) }}
                        </div>
                        <button
                            class="flex w-full justify-center rounded-md bg-primary p-[13px] font-bold text-gray hover:bg-opacity-90">
                            Submit
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </main>
@endsection