@extends('storefront.account.layout')

@section('title', 'Şifre Değiştir | ' . setting('general.site_name', 'Mağaza'))

@section('account_breadcrumb')
<span class="sf-breadcrumb-separator">/</span>
<li class="sf-breadcrumb-current">Şifre Değiştir</li>
@endsection

@section('account_content')
<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Şifre Değiştir</h2>
    </div>
    <div class="account-card-body">
        @if(session('success'))
            <div class="alert alert-success mb-4" role="alert">
                {{ session('success') }}
            </div>
        @endif

        <form action="{{ route('storefront.account.password.update') }}" method="POST" class="auth-form">
            @csrf
            @method('PATCH')

            <div class="form-group">
                <label for="current_password" class="form-label required">Mevcut Şifre</label>
                <input type="password" name="current_password" id="current_password" class="form-control @error('current_password') is-invalid @enderror" required placeholder="••••••">
                @error('current_password')
                    <span class="form-error">{{ $message }}</span>
                @enderror
            </div>

            <div class="form-group">
                <label for="new_password" class="form-label required">Yeni Şifre</label>
                <input type="password" name="new_password" id="new_password" class="form-control @error('new_password') is-invalid @enderror" required placeholder="••••••">
                @error('new_password')
                    <span class="form-error">{{ $message }}</span>
                @enderror
            </div>

            <div class="form-group">
                <label for="new_password_confirmation" class="form-label required">Yeni Şifre Tekrarı</label>
                <input type="password" name="new_password_confirmation" id="new_password_confirmation" class="form-control" required placeholder="••••••">
            </div>

            <button type="submit" class="btn btn-primary" style="align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--space-6);">
                Şifreyi Güncelle
            </button>
        </form>
    </div>
</div>
@endsection