@extends('layouts.master')

@section('content')
@php
    $breadcrumbs = [
        ['label'=>'Dashboard','url'=>route('admin.dashboard')],
        ['label'=>'Profile','url'=>route('admin.admins.profile.edit'),'active'=>false],
        ['label'=>'Change Password','url'=>'#','active'=>true],
    ];
@endphp

<x-ui.breadcrumb :items="$breadcrumbs" title="Change Password" />

<div class="row">
    <div class="col-xxl-6 col-xl-7">
        <x-ui.card title="Change Password">
            <form action="{{ route('admin.admins.profile.password.update') }}" method="POST">
                @csrf

                <x-form.input name="current_password" label="Current Password" type="password"/>
                <x-form.input name="password" label="New Password" type="password"  col="mt-3" />
                <x-form.input name="password_confirmation" label="Confirm New Password" type="password"  col="mt-3" />

                <div class="mt-3">
                    @unless(auth()->user()?->hasRole('demo_user'))
                        <button type="submit" class="btn btn-primary">Change Password</button>
                    @else
                        <button type="button" class="btn btn-primary" onclick="showPermissionDenied()">Change Password</button>
                    @endunless
                </div>
            </form>
        </x-ui.card>
    </div>
</div>

@section('scripts')
<script src="{{ asset('build/assets/libs/toastify-js/src/toastify.js') }}"></script>
<script>
function showPermissionDenied(message = 'Permission denied — demo accounts cannot perform this action.') {
    Toastify({ text: message, duration: 5000, gravity: "top", position: "right", close: true }).showToast();
}
</script>
@endsection

@endsection