{% extends "base.html" %}
{% block title %}My Co-Founder Profile{% endblock %}
{% block content %}
<div class="max-w-2xl mx-auto px-4 py-12">
    <div class="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">MY PROFILE</div>
        <h1 class="text-2xl font-bold text-white">ملفي كشريك مؤسس</h1>
    </div>
    <form method="POST" class="glass p-6 rounded-xl border border-white/10 space-y-4">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div>
            <label class="text-xs text-slate-400 block mb-1">المهارات (مفصولة بفاصلة)</label>
            <input name="skills" value="{{ (profile.skills or [])|join(', ') }}" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm" placeholder="Python, Marketing, Finance">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">الاهتمامات (مفصولة بفاصلة)</label>
            <input name="interests" value="{{ (profile.interests or [])|join(', ') }}" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm" placeholder="SaaS, FinTech, E-commerce">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">سنوات الخبرة</label>
            <input name="experience_years" type="number" min="0" value="{{ profile.experience_years or 0 if profile else 0 }}" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">نبذة</label>
            <textarea name="bio" rows="3" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">{{ profile.bio or '' if profile else '' }}</textarea>
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">أبحث عن</label>
            <input name="looking_for" value="{{ profile.looking_for or '' if profile else '' }}" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm" placeholder="مطور، مسوق، مستثمر...">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">المدينة</label>
            <input name="city" value="{{ profile.city or '' if profile else '' }}" class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div class="flex items-center gap-2">
            <input type="checkbox" name="is_visible" id="is_visible" {{ 'checked' if profile and profile.is_visible }}>
            <label for="is_visible" class="text-sm text-slate-300">إظهار ملفي للآخرين</label>
        </div>
        <button type="submit" class="w-full bg-gold-500/20 border border-gold-500/30 text-gold-400 px-6 py-2.5 rounded-lg text-sm font-medium hover:bg-gold-500/30 transition">حفظ</button>
    </form>
</div>
{% endblock %}