@page
@model Agent86.Pages.InsertModel

@if (Model.myRole == "teacher" || Model.myRole == "developer" || Model.myRole == "owner")
{
    <div class="row">
        <div class="col">
            <h2 style="color:white">Insert New Project</h2>
            <form class="form-horizontal" method="post">
                <input type="hidden" name="action" value="insert" />
                <label for="projectName" style="background-color: white">Project Name:</label><br />
                <input type="text" id="projectName" name="projectName" required /><br /><br />
                <label for="quest" style="background-color: white">Quest:</label><br />
                <input type="text" id="quest" name="quest" required /><br /><br />
                <label for="member" style="background-color: white">Your role:</label><br />
                <input type="text" id="member" name="member" value="Team Member" /><br /><br />
                <label for="customer" style="background-color: white">Customer:</label><br />
                <input type="text" id="customer" name="customer" required /><br /><br />
                <label for="instruction" style="background-color: white">Instruction:</label><br />
                <textarea id="instruction" name="instruction" rows="10" cols="80" required></textarea><br /><br />
                <button type="submit">Insert Project</button>
            </form>
            <br /> <br /> <br />
        </div>
    </div>
    <div class="row">
        <div class="col">
            <h3 style="color:white">Suggested AI template</h3>
            <p style="background-color: white">
                I made a roleplay AI agent to allow my compter science students to have a simulated customer to converse with for a code project.<br/>
                I need examples of the system prompt to guide the AI in behaving like a customer who wants an online sales site.<br />
                The customer, named Anita Bath, is a head hunter selling human heads to savages.<br />
                Quality criterias like shrunk, skin color, missing eye(s) or ear(s), mounted on poles or not, you may be creative even funny<br />

            </p>
        </div>
    </div>
}
else
{
    <h2 style="color: red;">Access Denied</h2>
    <p>You do not have permission to access this page.</p>
}
