@extends('layouts.app')

@section('title', 'Şifre Değiştir')

@section('content')
    <div class="row justify-content-center">
        <div class="col-12 col-md-7 col-lg-5 col-xl-4">

            @if (session('success'))
                <div class="alert alert-success mb-3">
                    <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
                </div>
            @endif

            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="bi bi-key me-2"></i>Şifre Değiştir
                    </h5>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-4">
                        Güvenliğiniz için lütfen mevcut şifrenizi girin ve yeni şifrenizi belirleyin.
                    </p>

                    <form method="post" action="{{ route('password.profile.update') }}" class="vstack gap-3 form-grid"
                        autocomplete="off">
                        @csrf

                        {{-- Mevcut Şifre --}}
                        <div class="form-row">
                            <label class="form-label" for="current_password">
                                Mevcut Şifre <span class="text-danger">*</span>
                            </label>
                            <div>
                                <input id="current_password" type="password" name="current_password"
                                    class="form-control @error('current_password') is-invalid @enderror" required
                                    autocomplete="current-password">
                                @error('current_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        {{-- Yeni Şifre --}}
                        <div class="form-row">
                            <label class="form-label" for="password">
                                Yeni Şifre <span class="text-danger">*</span>
                            </label>
                            <div>
                                <input id="password" type="password" name="password"
                                    class="form-control @error('password') is-invalid @enderror" required
                                    autocomplete="new-password">
                                @error('password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">En az 6 karakter olmalıdır.</div>
                            </div>
                        </div>

                        {{-- Yeni Şifre Tekrar --}}
                        <div class="form-row">
                            <label class="form-label" for="password_confirmation">
                                Yeni Şifre (Tekrar) <span class="text-danger">*</span>
                            </label>
                            <div>
                                <input id="password_confirmation" type="password" name="password_confirmation"
                                    class="form-control" required autocomplete="new-password">
                            </div>
                        </div>

                        <div class="d-flex gap-2">
                            <button class="btn btn-primary" type="submit">
                                <i class="bi bi-check2 me-1"></i>Şifremi Güncelle
                            </button>
                            <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary">
                                Vazgeç
                            </a>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
@endsection