@extends('frontend.layouts.app')

@section('title') @lang("Change Password: ") {{$$module_name_singular->name}} @endsection

@section('content')

<div class="container mx-auto flex justify-center">

    @include('frontend.includes.messages')

</div>

<div class="container max-w-7xl mx-auto px-4 sm:px-6 py-10">
    <div class="mb-10 md:grid md:grid-cols-3 md:gap-6">
        <div class="sm:col-span-1">
            <div class="px-4 sm:px-0">
                <h3 class="text-xl font-semibold leading-6 text-gray-800">@lang('Change Password')</h3>
                <p class="mt-1 text-sm text-gray-600">
                    Use the following form to change your account password!
                </p>

                <div class="pt-4 text-center">
                    <a href='{{ route("frontend.users.profile", encode_id($$module_name_singular->id)) }}'>
                        <div class="w-full font-semibold text-sm px-6 py-2 transition ease-in duration-200 rounded text-gray-500 hover:bg-gray-800 hover:text-white border-2 border-gray-900 focus:outline-none">
                            @lang(' View Profile')
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="mt-5 md:mt-0 sm:col-span-2">
            {{ html()->form('PATCH', route('frontend.users.changePasswordUpdate', encode_id($$module_name_singular->id)))->class('form-horizontal')->open() }}
            <div class="mb-8 p-6 bg-white border shadow-lg rounded-lg">
                <div class="grid grid-cols-6 gap-6">
                    <div class="col-span-6 sm:col-span-3">