@extends('storefront.account.layout')

@section('title', 'Profil Bilgilerim | ' . setting('general.site_name', 'Mağaza'))

@section('account_breadcrumb')
<span class="sf-breadcrumb-separator">/</span>
<li class="sf-breadcrumb-current">Profil Bilgileri</li>
@endsection

@section('account_content')
<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Profil Bilgileri</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.profile.update') }}" method="POST" class="auth-form">
            @csrf
            @method('PATCH')

            <div class="form-group">
                <label for="name" class="form-label required">Ad Soyad</label>
                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required placeholder="Adınız Soyadınız">
                @error('name')
                    <span class="form-error">{{ $message }}</span>
                @enderror
            </div>

            <div class="form-group">
                <label for="email" class="form-label required">E-posta Adresi</label>
                <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $user->email) }}" required placeholder="ornek@domain.com">
                @error('email')
                    <span class="form-error">{{ $message }}</span>
                @enderror
            </div>

            <div class="form-group">
                <label for="phone" class="form-label">Telefon Numarası</label>
                <input type="tel" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $user->phone) }}" placeholder="05XXXXXXXXX">
                @error('phone')
                    <span class="form-error">{{ $message }}</span>
                @enderror
            </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);">
                Bilgileri Güncelle
            </button>
        </form>
    </div>
</div>
@endsection