<!DOCTYPE html>
<html ng-app>
<head>
    <title>Chapter Six - A Simple Recipe Book</title>
    <link rel="stylesheet" href="style.css">
</head>
<body recipe-book ng-cloak>
  <div ng-switch="ctrl.recipesLoaded && ctrl.categoriesLoaded">
    <div ng-switch-when="false">
      {{ctrl.message}}
    </div>
    <div ng-switch-when="true">
      <h3>Recipe List</h3>

      <nav id="controls">
        <search-recipe 
            name-filter-string="ctrl.nameFilter"
            category-filter-map="ctrl.categoryFilt