<section class="full-center">
    <div>
        <form>
            <p>
                <label for="title">Boulder Routes Title:</label>
            </p>
            <p>
                <input id="title" name="title" type="text" value="{{boulderRoute.boulderRouteTitle}}" required autofocus />
            </p>
            <p>
                <label for="file">Boulder Pic</label>
            </p>
            <p>
                <input type="file" id="file" name="file"  accept=".jpeg,.jpg,.png,.gif,image/jpeg" />
            </p>
            <p>
                <label for="description">Boulder Routes Description:</label>
            </p>
            <p>
                <textarea id="description" name="description">{{boulderRoute.boulderRouteDescription}}</textarea>
            </p>
            <p>
                <label for="difficulty">Route Difficulty:</label>
            </p>
            <p>
                <input id="difficulty" name="difficulty" type="range" min="1" max="10" value="{{boulderRoute.routeDifficulty}}"/>
            </p>
            <p>
                <input id="done" name="done" type="checkbox" autofocus {{#if boulderRoute.boulderRouteDone}}checked{{/if}} />
                <label for="done">Completed?</label>
            </p>
            <input name="submit" type="submit" formaction="/add/{{boulderRoute._id}}" formmethod="post" value="Save and Back" />
            <input name="submit" type="submit" formaction="/add/{{boulderRoute._id}}" formmethod="post" value="Save and New" />
            <input name="submit" type="submit" formaction="/add/{{boulderRoute._id}}" formmethod="post" value="Save" />
            <a class="button" href="/">Back</a>
        </form>
    </div>
</section>
