{{define "body"}}
<h2 class="form-add-heading">Add Link</h2>
{{template "flashes" .}}
<form class="form-add" action="/add" method="post" role="form" class="container col-form">
<input type="hidden" name="popup" value="{{.popup}}" />
<div class="row">
    <div class="col-xs-2">Link:</div><div class="col-xs-10"><input type="text" class="form-control" name="link" placeholder="Link" value="{{.link}}"/></div>
    <div class="col-xs-2">Title:</div><div class="col-xs-10"><input type="text" class="form-control" name="title" placeholder="Title" value="{{.title}}"/></div>
    <div class="col-xs-2">Category:</div><div class="col-xs-10  add-category-col">
        <select class="form-control add-category" name="category" placeholder="Category">
        <option value="-1">-- Pick a Category --</option>
        {{range $category := .categories}}
            {{template "option-category" $category}}
        {{end}}
        </select>  
    </div>
    <div class="col-xs-2">Notes:</div><div class="col-xs-10"><textarea class="form-control" name="notes" placeholder="Notes"  rows="5" cols="80">{{.notes}}</textarea></div>
    <div class="col-xs-2"></div><div class="col-xs-10"><input class="add-submit btn btn-lg btn-primary btn-block" type="submit" value="Add Link" /></div>
</div>

</form>
{{end}}


{{define "option-category"}}
    <option value="{{.Id}}">{{.ToString}}</option>
    {{range $child := .Children}}
        {{template "option-category" $child}}
     {{end}}            
{{end}}