@extends('adminlte::page')
@section('title', 'Kullanıcı Düzenle — ' . $user->name)

@section('content')
<style>
.form-header {
    background: linear-gradient(135deg, #2c3e50, #34495e);
    border-radius: 16px;
    color: white;
    padding: 1.5rem 2rem;
    margin-bottom: 1.5rem;
}
.form-card {
    background: white;
    border-radius: 16px;
    border: 2px solid #e9ecef;
    padding: 2rem;
    max-width: 600px;
}
.form-label-custom {
    font-weight: 600;
    font-size: 0.85rem;
    color: #2c3e50;
    margin-bottom: 0.4rem;
}
.form-control-custom {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 0.6rem 0.9rem;
    transition: border-color 0.2s;
}
.form-control-custom:focus {
    border-color: #3498db;
    box-shadow: none;
    outline: none;
}
.form-control-custom.is-invalid { border-color: #e74c3c; }
.section-divider {
    border: none;
    border-top: 2px dashed #e9ecef;
    margin: 1.5rem 0;
}
.info-badge {
    background: #f0f7ff;
    border: 1px solid #cce5ff;
    border-radius: 8px;
    padding: 0.5rem 0.9rem;
    font-size: 0.82rem;
    color: #004085;
}
</style>

<div class="container-fluid pt-3" style="max-width: 700px;">

    <div class="form-header d-flex align-items-center justify-content-between">
        <div class="d-flex align-items-center">
            <a href="{{ route('user-management.index') }}"
               class="btn btn-sm mr-3 text-white"
               style="background: rgba(255,255,255,0.2); border: none; border-radius: 8px;">
                <i class="fas fa-arrow-left"></i>
            </a>
            <div>
                <div class="fw-bold" style="font-size: 1.3rem;">
                    <i class="fas fa-user-edit mr-2"></i> Kullanıcı Düzenle
                </div>
                <small style="opacity: 0.8;">{{ $user->email }}</small>
            </div>
        </div>
        @can('user.delete')
        @if($user->id !== auth()->id())
        <form action="{{ route('users.destroy', $user) }}" method="POST"
              onsubmit="return confirm('{{ $user->name }} silinsin mi?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm text-white"
                    style="background: rgba(231,76,60,0.7); border: none; border-radius: 8px;">
                <i class="fas fa-trash mr-1"></i> Sil
            </button>
        </form>
        @endif
        @endcan
    </div>

    @if(session('success'))
        <div class="alert alert-success" style="border-radius: 10px;">{{ session('success') }}</div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger" style="border-radius: 10px;">
            <ul class="mb-0 pl-3">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Mevcut atama bilgisi --}}
    <div class="info-badge mb-3 d-flex align-items-center gap-2">
        <i class="fas fa-building mr-2"></i>
        <span>
            Şube: <strong>{{ optional($user->branch)->name ?? 'Atanmamış' }}</strong>
        </span>
        <span class="ml-3">
            @forelse($user->roles as $role)
                <span class="badge badge-secondary">{{ $role->name }}</span>
            @empty
                <span class="text-muted">Rol yok</span>
            @endforelse
        </span>
        <a href="{{ route('user-management.index') }}" class="ml-auto" style="font-size: 0.8rem;">
            Şube/Rol ata →
        </a>
    </div>

    <div class="form-card">
        <form action="{{ route('users.update', $user) }}" method="POST">
            @csrf @method('PUT')

            {{-- Kişisel Bilgiler --}}
            <div class="mb-4">
                <div class="fw-bold text-muted mb-3" style="font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase;">
                    <i class="fas fa-user mr-1"></i> Kişisel Bilgiler
                </div>

                <div class="mb-3">
                    <label class="form-label-custom">Ad Soyad <span class="text-danger">*</span></label>
                    <input type="text" name="name" value="{{ old('name', $user->name) }}"
                           class="form-control form-control-custom @error('name') is-invalid @enderror">
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label-custom">TC Kimlik No</label>
                        <input type="text" name="tc_identity" value="{{ old('tc_identity', $user->tc_identity) }}"
                               class="form-control form-control-custom @error('tc_identity') is-invalid @enderror"
                               maxlength="11">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label-custom">Telefon</label>
                        <input type="text" name="phone" value="{{ old('phone', $user->phone) }}"
                               class="form-control form-control-custom @error('phone') is-invalid @enderror">
                    </div>
                </div>
            </div>

            <hr class="section-divider">

            {{-- Hesap Bilgileri --}}
            <div class="mb-4">
                <div class="fw-bold text-muted mb-3" style="font-size: 0.8rem; letter-spacing: 0.05em; text-transform: uppercase;">
                    <i class="fas fa-lock mr-1"></i> Hesap Bilgileri
                </div>

                <div class="mb-3">
                    <label class="form-label-custom">E-posta <span class="text-danger">*</span></label>
                    <input type="email" name="email" value="{{ old('email', $user->email) }}"
                           class="form-control form-control-custom @error('email') is-invalid @enderror">
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label-custom">Yeni Şifre <small class="text-muted fw-normal">(boş bırakılırsa değişmez)</small></label>
                        <input type="password" name="password"
                               class="form-control form-control-custom @error('password') is-invalid @enderror"
                               placeholder="En az 8 karakter">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label-custom">Şifre Tekrar</label>
                        <input type="password" name="password_confirmation"
                               class="form-control form-control-custom">
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2 mt-2">
                <a href="{{ route('user-management.index') }}" class="btn btn-outline-secondary mr-2"
                   style="border-radius: 8px;">
                    İptal
                </a>
                <button type="submit" class="btn fw-bold"
                        style="background: #2c3e50; color: white; border: none; border-radius: 8px; padding: 0.5rem 1.5rem;">
                    <i class="fas fa-save mr-1"></i> Güncelle
                </button>
            </div>
        </form>
    </div>
</div>
@endsection