@extends('layouts.main')

@section('content')
<div class="auth-container">
    <div class="auth-gradient-bg"></div>
    <div class="auth-card auth-card-sm">
        <div class="auth-header">
            <div class="auth-logo"><i class="fas fa-key"></i></div>
            <h1>পাসওয়ার্ড পরিবর্তন</h1>
            <p>নতুন পাসওয়ার্ড সেট করুন</p>
        </div>

        @if ($flash ?? null)
            <div class="flash flash-{{ $flash['type'] }}">
                <i class="fas fa-exclamation-circle"></i>
                <span>{{ $flash['message'] }}</span>
            </div>
        @endif

        <form method="POST" action="{{ url('/password/change') }}" class="auth-form">
            @csrf
            <div class="field">
                <label>বর্তমান পাসওয়ার্ড</label>
                <div class="input-wrap">
                    <i class="fas fa-lock"></i>
                    <input type="password" name="current_password" placeholder="বর্তমান পাসওয়ার্ড" required>
                </div>
            </div>
            <div class="field">
                <label>নতুন পাসওয়ার্ড</label>
                <div class="input-wrap">
                    <i class="fas fa-key"></i>
                    <input type="password" name="new_password" placeholder="নতুন পাসওয়ার্ড" required>
                </div>
            </div>
            <div class="field">
                <label>নিশ্চিত করুন</label>
                <div class="input-wrap">
                    <i class="fas fa-key"></i>
                    <input type="password" name="confirm_password" placeholder="নতুন পাসওয়ার্ড আবার লিখুন" required>
                </div>
            </div>

            <button type="submit" class="btn btn-primary btn-block">আপডেট করুন <i class="fas fa-check"></i></button>
            <a href="{{ url('/' . (($currentUser->role ?? 'member') !== 'member' ? 'admin' : 'member') . '/dashboard') }}" class="btn btn-outline btn-block mt-2">এখনই নয়</a>
        </form>
    </div>
</div>
@endsection