{#include layout}
{#title}New merge request – {repo.name}{/title}
<div class="repo-layout">
    {#include RepositoryResource/sidebar nav=nav active='merge-requests' /}
    <section class="repo-main">
        <p><a href="/repos/{repo.ownerHandle}/{repo.name}/merge-requests">&larr; Merge requests</a></p>
        <h2>New merge request</h2>
        <form class="issue-form" method="post" action="/repos/{repo.ownerHandle}/{repo.name}/merge-requests">
            <input type="text" name="title" placeholder="Merge request title" required autocomplete="off">
            <div class="mr-branch-picker">
                <label>Merge
                    <select name="sourceBranch" required>
                        {#for branch in branches}
                        <option value="{branch}">{branch}</option>
                        {/for}
                    </select>
                </label>
                <span class="into">into</span>
                <label>
                    <select name="targetBranch" required>
                        {#for branch in branches}
                        <option value="{branch}"{#if branch == defaultBranch} selected{/if}>{branch}</option>
                        {/for}
                    </select>
                </label>
            </div>
            <textarea name="description" placeholder="Description (optional)" rows="6"></textarea>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Create merge request</button>
                <a class="btn btn-secondary" href="/repos/{repo.ownerHandle}/{repo.name}/merge-requests">Cancel</a>
            </div>
        </form>
    </section>
</div>
{/include}