| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Task Solver</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> | |
| </head> | |
| <body> | |
| <h1>GP Solver</h1> | |
| <form method="POST"> | |
| <label for="task">Select a task:</label> | |
| <select name="task" id="task" required> | |
| <option disabled selected value="">-- Choose a task --</option> | |
| {% for t in tasks %} | |
| <option value="{{ t }}">{{ t }}</option> | |
| {% endfor %} | |
| </select> | |
| <button type="submit">Solve</button> | |
| </form> | |
| {% if result %} | |
| <h2>Task ID: {{ result.task }}</h2> | |
| <div class="grid-container"> | |
| <div class="grid-wrapper"> | |
| <h3>Input</h3> | |
| {{ render_grid(result.input) }} | |
| </div> | |
| <div class="grid-wrapper"> | |
| <h3>Target Output</h3> | |
| {{ render_grid(result.target) }} | |
| </div> | |
| <div class="grid-wrapper"> | |
| <h3>Generated Output</h3> | |
| {{ render_grid(result.output) }} | |
| </div> | |
| </div> | |
| <p><strong>Best Program:</strong> {{ result.program }}</p> | |
| <p><strong>Solution Found:</strong> {{ result.success }}</p> | |
| {% endif %} | |
| </body> | |
| </html> | |