{% extends "base.html" %}
{% block title %}{{ _('Create Project') }}{% endblock %}

{% block content %}
<div class="container mt-4">
    <h1>{{ _('Create New Project') }}</h1>
    
    <p class="lead">{{ _('Create a new project to collect and rank thoughts.') }}</p>
    
    <form method="POST" action="{{ url_for('projects.create_project') }}">
        <div class="mb-3">
            <label for="name" class="form-label">{{ _('Project Name') }} *</label>
            <input type="text" class="form-control" id="name" name="name" required>
            <div class="form-text">{{ _('Give your project a descriptive name.') }}</div>
        </div>
        
        <div class="mb-3">
            <label for="description" class="form-label">{{ _('Description') }}</label>
            <textarea class="form-control" id="description" name="description" rows="3"></textarea>
            <div class="form-text">{{ _('Optional: Describe what this project is about.') }}</div>
        </div>
        
        <div class="mb-3">
            <label for="color" class="form-label">{{ _('Project Color') }}</label>
            <input type="color" class="form-control form-control-color" id="color" name="color" value="#4287f5">
            <div class="form-text">{{ _('Choose a color for your project. This color will be used in the UI.') }}</div>
        </div>

        <div class="mb-3">
            <label for="end_date" class="form-label">{{ _('End Date') }}</label>
            <input type="datetime-local" class="form-control" id="end_date" name="end_date">
            <div class="form-text">{{ _('Optional: Set an end date for the project. The project will be considered over after this date.') }}</div>
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input" id="only_show_results_after_end" name="only_show_results_after_end">
            <label class="form-check-label" for="only_show_results_after_end">{{ _('Only show results after project ends') }}</label>
            <div class="form-text">{{ _('If checked, results will only be visible after the project end date or when manually ended.') }}</div>
        </div>
        
        <button type="submit" class="btn btn-primary">{{ _('Create Project') }}</button>
        <a href="{{ url_for('projects.my_projects') }}" class="btn btn-outline-secondary">{{ _('Cancel') }}</a>
    </form>
    
    <div class="mt-4">
        <h3>{{ _('About Projects') }}</h3>
        <ul>
            <li>{{ _('When you create a project, you automatically become its member and creator.') }}</li>
            <li>{{ _('As the creator, you cannot leave the project.') }}</li>
            <li>{{ _('You can invite others to join your project using the invitation link.') }}</li>
            <li>{{ _('Each project has its own set of thoughts and rankings.') }}</li>
        </ul>
    </div>
</div>
{% endblock %}