{{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">
<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">
        <select class="form-control" name="category" placeholder="Tag">
        {{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="3" cols="80">{{.description}}</textarea></div>
    <div class="col-xs-2"></div><div class="col-xs-10"><input class="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}}