{{define "content"}}
<div class="card">
    <h2>Create New Bot</h2>
    {{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
    <form method="POST" action="/admin/bots/create">
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
            <div class="form-group">
                <label>ID (lowercase, no spaces)</label>
                <input type="text" name="id" required pattern="[a-z0-9_]+">
            </div>
            <div class="form-group">
                <label>Avatar ID</label>
                <input type="text" name="avatar_id" placeholder="bot-name">
            </div>
            <div class="form-group">
                <label>Name</label>
                <input type="text" name="name" required>
            </div>
            <div class="form-group">
                <label>Name (Arabic)</label>
                <input type="text" name="name_ar" dir="rtl">
            </div>
            <div class="form-group">
                <label>Style</label>
                <input type="text" name="style" required placeholder="e.g. aggressive, defensive, positional">
            </div>
            <div class="form-group">
                <label>Style (Arabic)</label>
                <input type="text" name="style_ar" dir="rtl" placeholder="مثلا: هجومي، دفاعي">
            </div>
            <div class="form-group" style="grid-column: 1 / -1;">
                <label>Bio</label>
                <input type="text" name="bio" placeholder="Short description of the bot's personality">
            </div>
            <div class="form-group" style="grid-column: 1 / -1;">
                <label>Bio (Arabic)</label>
                <input type="text" name="bio_ar" dir="rtl" placeholder="وصف قصير لشخصية البوت">
            </div>
            <div class="form-group">
                <label>Skill Level (0-20)</label>
                <input type="number" name="skill_level" value="10" min="0" max="20">
            </div>
            <div class="form-group">
                <label>Depth (1-30)</label>
                <input type="number" name="depth" value="10" min="1" max="30">
            </div>
            <div class="form-group">
                <label>Contempt (-100 to 100)</label>
                <input type="number" name="contempt" value="0" min="-100" max="100">
            </div>
            <div class="form-group">
                <label>Blunder Chance (0-100%)</label>
                <input type="number" name="blunder_chance" value="5" min="0" max="100">
            </div>
            <div class="form-group">
                <label>Think Time Min (ms)</label>
                <input type="number" name="think_time_min" value="1000" min="0">
            </div>
            <div class="form-group">
                <label>Think Time Max (ms)</label>
                <input type="number" name="think_time_max" value="3000" min="0">
            </div>
            <div class="form-group">
                <label>ELO Min</label>
                <input type="number" name="elo_min" value="1000" min="0">
            </div>
            <div class="form-group">
                <label>ELO Max</label>
                <input type="number" name="elo_max" value="1200" min="0">
            </div>
        </div>
        <p style="margin-top: 0.5rem; color: #666; font-size: 0.85rem;">Portrait can be uploaded after creation from the edit page.</p>
        <div style="margin-top: 1rem;">
            <button type="submit" class="btn btn-success">Create Bot</button>
            <a href="/admin/bots" class="btn" style="margin-left:1rem;">Cancel</a>
        </div>
    </form>
</div>
{{end}}