<div id="layout">
<input type="checkbox" id="menu-trigger">
<div id="off-screen-menu">
<nav id="main-nav">
<ul class="flat-list">
<li>
<a href="../preview/dashboard.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#dashboard" />
</svg>
Dashboard
</a>
</li>
<li>
<a href="../preview/account-settings.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#settings" />
</svg>
Account settings
</a>
</li>
<li>
<a href="../preview/suppliers.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#package" />
</svg>
Suppliers
</a>
</li>
<li>
<a href="../preview/new-wine.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#upload" />
</svg>
Add wines
</a>
</li>
<li>
<a href="../preview/my-wine-cellar.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#view-list" />
</svg>
My wine cellar
</a>
</li>
<li>
<a href="../preview/wine-cellar-inventory.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#inventory" />
</svg>
Wine cellar inventory
</a>
</li>
<li>
<a href="../preview/add-dishes.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#dish" />
</svg>
Dishes
</a>
</li>
<li>
<a href="../preview/orders.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#clipboard-check" />
</svg>
Orders
</a>
</li>
<li>
<a href="../preview/digital-sommelier.html">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#sommelier" />
</svg>
Digital Sommelier
</a>
</li>
<li>
<a href="../preview/login.html" class="logout">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#logout" />
</svg>
Log out
</a>
</li>
</ul>
</nav>
<div class="lang-selector">
<label for="lang-trigger">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-gb" />
</svg>
English
</label>
<input type="checkbox" id="lang-trigger">
<ul class="flat-list lang-list">
<li>
<a href="#">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-se" />
</svg>
Svenska
</a>
</li>
<li>
<a href="#">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-no" />
</svg>
Norsk
</a>
</li>
<li>
<a href="#">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-dk" />
</svg>
Dansk
</a>
</li>
<li>
<a href="#">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-de" />
</svg>
Deutsch
</a>
</li>
<li>
<a href="#">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#flag-fr" />
</svg>
Français
</a>
</li>
</ul>
</div>
</div>
<header id="header">
<div class="header-content">
<p class="main-title">
<a href="../preview/dashboard.html" class="block-link"><svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#logo-badge" />
</svg>
Fine Wine Club</a>
</p>
</div>
<div class="header-content">
<div class="shopping-list-wrapper">
<label for="shopping-list-trigger">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#clipboard-list" />
</svg>
<span class="trigger-label">Shopping list</span>
<span class="list-counter">3</span>
</label>
<input id="shopping-list-trigger" type="checkbox">
<div class="shopping-list">
<form action="#" method="post">
<div class="shopping-list-content">
<table class="shopping-list-table">
<thead>
<tr>
<th scope="col">Producer</th>
<th scope="col">Wine</th>
<th scope="col">Vintage</th>
<th scope="col"><span class="at-only">Remove</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>Chateu Pontet-Canet</td>
<td>Chateu Pontet-Canet</td>
<td>2010</td>
<td><button type="button" class="size-xs alt" aria-label="Remove wine">
<span>
<svg class="icon size-xs alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
</span>
</button>
</td>
</tr>
<tr>
<td>Aalto</td>
<td>PS</td>
<td>2015</td>
<td><button type="button" class="size-xs alt" aria-label="Remove wine">
<span>
<svg class="icon size-xs alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
</span>
</button>
</td>
</tr>
<tr>
<td>Roederer</td>
<td>Cristal</td>
<td>2009</td>
<td><button type="button" class="size-xs alt" aria-label="Remove wine">
<span>
<svg class="icon size-xs alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
</span>
</button>
</td>
</tr>
</tbody>
</table>
<div class="submit-area ">
<button type="button" data-prototype-url="../preview/orders.html">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#clipboard-add" />
</svg>
<span>Create purchase orders</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<label for="menu-trigger">
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#menu" />
</svg>
Menu
</label>
</div>
</header>
<main id="main-content">
<h1>Add dishes</h1>
<article class="article-wide">
<div class="tabbed">
<ul class="flat-list">
<li>
<a href="#section-0">
<span>Starters</span>
</a>
</li>
<li>
<a href="#section-1">
<span>Main courses</span>
</a>
</li>
<li>
<a href="#section-2">
<span>Desserts</span>
</a>
</li>
</ul>
<section id="section-1">
<form action="#" method="post">
<div class="action-bar">
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#plus-circle" />
</svg>
<span>Add new dish</span>
</span>
</button>
</div>
<div class="card ">
<div class="form-item ">
<label for="763c84cb-9b93-1ec2-c27c-e282b38cdddf">
Dish name
</label>
<input type="text" id="763c84cb-9b93-1ec2-c27c-e282b38cdddf" value="Pasta Carbonara">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="e2cb3038-10c4-279a-e705-8c3d12f8fd46">Weight</label>
<select id="e2cb3038-10c4-279a-e705-8c3d12f8fd46" name="e2cb3038-10c4-279a-e705-8c3d12f8fd46" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="2df2d1ea-ea86-615c-11ef-f4b70e5e84e9">Cooking Style</label>
<select id="2df2d1ea-ea86-615c-11ef-f4b70e5e84e9" name="2df2d1ea-ea86-615c-11ef-f4b70e5e84e9" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="a4dfb0e6-0332-438e-693a-6241f4eda25a">Kitchen</label>
<select id="a4dfb0e6-0332-438e-693a-6241f4eda25a" name="a4dfb0e6-0332-438e-693a-6241f4eda25a" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="0fd772a2-9ce6-e105-3a46-a253397286d5">Main ingredient</label>
<select id="0fd772a2-9ce6-e105-3a46-a253397286d5" name="0fd772a2-9ce6-e105-3a46-a253397286d5" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-3f4e5ab8-fe3c-63e7-40d2-17dc66e1453b">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-871d95fe-9130-e2ca-ad82-7ed78b1d7505">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-56565cec-90f0-71a9-e824-c44a52462bcc">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-d9445806-b188-df83-f568-6ced20606f54">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-3c949801-1359-164d-7819-bd6d075c94db">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="f5ac63ee-68db-59db-e512-dcc8f2eac53f">
Dish name
</label>
<input type="text" id="f5ac63ee-68db-59db-e512-dcc8f2eac53f" value="Steak Tartare">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="d351002b-f54c-fe6f-28b6-1eaff2c9d08b">Weight</label>
<select id="d351002b-f54c-fe6f-28b6-1eaff2c9d08b" name="d351002b-f54c-fe6f-28b6-1eaff2c9d08b" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="0631f521-13dd-e0b2-2679-ef84a2b29041">Cooking Style</label>
<select id="0631f521-13dd-e0b2-2679-ef84a2b29041" name="0631f521-13dd-e0b2-2679-ef84a2b29041" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="388718a9-a4e7-8190-1637-524167208cee">Kitchen</label>
<select id="388718a9-a4e7-8190-1637-524167208cee" name="388718a9-a4e7-8190-1637-524167208cee" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="9e7f2cc8-be7b-1db8-cd65-7f44f192eccf">Main ingredient</label>
<select id="9e7f2cc8-be7b-1db8-cd65-7f44f192eccf" name="9e7f2cc8-be7b-1db8-cd65-7f44f192eccf" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-639e02ec-8cdd-9174-b032-3c7606a11a6e">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-13537860-5952-51c5-4a49-e9517833f02b">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-f1144342-4b61-a98f-8b08-05bcfa8f3b14">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-1ce44437-cdb0-1da6-1b85-37f7880177d5">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-efb4e29e-c78a-a722-4179-26a00621c7f5">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="fdd77d7b-5991-a39e-d766-aa581298da59">
Dish name
</label>
<input type="text" id="fdd77d7b-5991-a39e-d766-aa581298da59" value="Laxpudding">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="23ef1f0f-2367-3742-26d8-202083d1d093">Weight</label>
<select id="23ef1f0f-2367-3742-26d8-202083d1d093" name="23ef1f0f-2367-3742-26d8-202083d1d093" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="6fe017cc-d2df-33e7-49ee-d1e2b0ac7264">Cooking Style</label>
<select id="6fe017cc-d2df-33e7-49ee-d1e2b0ac7264" name="6fe017cc-d2df-33e7-49ee-d1e2b0ac7264" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="7b911ee0-71fc-43b3-7ef3-dea7af9ba570">Kitchen</label>
<select id="7b911ee0-71fc-43b3-7ef3-dea7af9ba570" name="7b911ee0-71fc-43b3-7ef3-dea7af9ba570" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="f6d1ab50-60f1-bf0d-a1f5-5f3fc2c1d5cf">Main ingredient</label>
<select id="f6d1ab50-60f1-bf0d-a1f5-5f3fc2c1d5cf" name="f6d1ab50-60f1-bf0d-a1f5-5f3fc2c1d5cf" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-38601cc0-fc1c-be9d-d4f5-6fad4ee0d098">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-f2908edd-a9a7-b8b2-3022-de3b9f791048">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-e1ab4eaf-e814-3681-3141-494972ddf0bf">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-62e3e2e1-be9f-f511-58df-feac436f89d0">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-d44c2330-c58a-5292-4772-4611cbec21cb">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="26bc1f60-a21f-2b2f-282b-24033b98e271">
Dish name
</label>
<input type="text" id="26bc1f60-a21f-2b2f-282b-24033b98e271" value="">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="e1013251-e340-13eb-9ec9-c5fda7df37f3">Weight</label>
<select id="e1013251-e340-13eb-9ec9-c5fda7df37f3" name="e1013251-e340-13eb-9ec9-c5fda7df37f3" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="5e5d025f-fd5b-e620-f21d-4dd91d6a2391">Cooking Style</label>
<select id="5e5d025f-fd5b-e620-f21d-4dd91d6a2391" name="5e5d025f-fd5b-e620-f21d-4dd91d6a2391" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="f7943acf-6617-932e-79d1-7d6d8454ba0f">Kitchen</label>
<select id="f7943acf-6617-932e-79d1-7d6d8454ba0f" name="f7943acf-6617-932e-79d1-7d6d8454ba0f" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="dfeef125-7f60-91ae-b320-1ffc7820ca0b">Main ingredient</label>
<select id="dfeef125-7f60-91ae-b320-1ffc7820ca0b" name="dfeef125-7f60-91ae-b320-1ffc7820ca0b" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-50edca41-5f09-12bc-6599-747b7c9dec0b">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-d0fcee97-d6e7-9821-487e-70724204c6fe">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-caadf21c-3025-7b45-dbee-473a13447377">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-7a2a803a-ef57-c3f9-ffc9-ea42f9d13c05">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-f1eb5387-8381-d51a-f542-1a0b8e74882f">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="action-bar">
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#plus-circle" />
</svg>
<span>Add new dish</span>
</span>
</button>
</div>
</form>
</section>
<section id="section-2">
<form action="#" method="post">
<div class="action-bar">
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#plus-circle" />
</svg>
<span>Add new dish</span>
</span>
</button>
</div>
<div class="card ">
<div class="form-item ">
<label for="16cd511d-39ee-a2a2-ee66-bb7bfa656450">
Dish name
</label>
<input type="text" id="16cd511d-39ee-a2a2-ee66-bb7bfa656450" value="Pasta Carbonara">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="3b31e65c-5bc1-a8fa-4636-f57aa7a1d2db">Weight</label>
<select id="3b31e65c-5bc1-a8fa-4636-f57aa7a1d2db" name="3b31e65c-5bc1-a8fa-4636-f57aa7a1d2db" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="4b551a59-c992-cc4a-8227-dd6d4c344816">Cooking Style</label>
<select id="4b551a59-c992-cc4a-8227-dd6d4c344816" name="4b551a59-c992-cc4a-8227-dd6d4c344816" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="542f417a-4a3b-c08d-656a-4ea5b08b7f7f">Kitchen</label>
<select id="542f417a-4a3b-c08d-656a-4ea5b08b7f7f" name="542f417a-4a3b-c08d-656a-4ea5b08b7f7f" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="a6952b3a-9870-695b-1a65-450683d29d87">Main ingredient</label>
<select id="a6952b3a-9870-695b-1a65-450683d29d87" name="a6952b3a-9870-695b-1a65-450683d29d87" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-3b4cd805-f831-49d7-ec4b-fe73e9c5ef18">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-a93a49e3-82f2-5020-5f0f-3a9bd8e815ca">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-3b4c901f-95f8-bcd8-4e1d-56ddbea2b515">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-3865955a-2d46-79cf-147d-7330a27835b3">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-22bd9f8b-3f37-7c8d-f6ff-08f56908896a">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="e2005496-c823-bffa-cb20-7495488b11dd">
Dish name
</label>
<input type="text" id="e2005496-c823-bffa-cb20-7495488b11dd" value="Steak Tartare">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="3cc14c5b-c0e6-34a1-1cdb-dc32c2c73372">Weight</label>
<select id="3cc14c5b-c0e6-34a1-1cdb-dc32c2c73372" name="3cc14c5b-c0e6-34a1-1cdb-dc32c2c73372" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="b341f68a-abc6-f073-aaee-053a1de359ce">Cooking Style</label>
<select id="b341f68a-abc6-f073-aaee-053a1de359ce" name="b341f68a-abc6-f073-aaee-053a1de359ce" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="19a4b5ac-b48c-f365-8205-ca6d4a8e443c">Kitchen</label>
<select id="19a4b5ac-b48c-f365-8205-ca6d4a8e443c" name="19a4b5ac-b48c-f365-8205-ca6d4a8e443c" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="45558bcf-b014-6025-102d-29c3a8b98be5">Main ingredient</label>
<select id="45558bcf-b014-6025-102d-29c3a8b98be5" name="45558bcf-b014-6025-102d-29c3a8b98be5" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-42758d91-5637-81d8-3e4a-d003c7bfd25d">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-ee6cfe40-5b75-06a3-7107-f53a73867dcb">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-84ee10e4-2489-dadc-6750-ce2de29529a4">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-28d0f3ba-2c94-8dfb-2d85-4e863b9b2adb">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-3a25f6a7-0a67-9b38-f7b0-72c2b4dd6bc8">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="25c47002-f8f7-2af0-6d8b-20fc575fbcf8">
Dish name
</label>
<input type="text" id="25c47002-f8f7-2af0-6d8b-20fc575fbcf8" value="Laxpudding">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="4fd27e82-e992-e5fe-37f9-642c486592f0">Weight</label>
<select id="4fd27e82-e992-e5fe-37f9-642c486592f0" name="4fd27e82-e992-e5fe-37f9-642c486592f0" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="304b977d-8b82-d297-b919-31d941f0986a">Cooking Style</label>
<select id="304b977d-8b82-d297-b919-31d941f0986a" name="304b977d-8b82-d297-b919-31d941f0986a" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="dd836978-62a1-42a0-1ab0-46ffddb65ef5">Kitchen</label>
<select id="dd836978-62a1-42a0-1ab0-46ffddb65ef5" name="dd836978-62a1-42a0-1ab0-46ffddb65ef5" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="16a5ec4b-cd06-77e0-89e5-d8fccf903835">Main ingredient</label>
<select id="16a5ec4b-cd06-77e0-89e5-d8fccf903835" name="16a5ec4b-cd06-77e0-89e5-d8fccf903835" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-6c72280a-a906-fca6-44a9-aa3c378f38d2">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-dae8aaad-917f-9a11-08d9-bdc68bda0c53">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-032c1493-b24e-2a99-907f-65c71233309e">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-d2fffb8c-591b-e7e6-ddb4-869c1b4ae1df">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-24625058-ec51-89b4-9148-90fe8ce73519">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="card ">
<div class="form-item ">
<label for="02e7c34f-0641-2905-b1e7-a4de9edafee5">
Dish name
</label>
<input type="text" id="02e7c34f-0641-2905-b1e7-a4de9edafee5" value="">
</div>
<fieldset class="">
<legend>Dish properties</legend>
<div class="fieldset-grid">
<div class="form-item ">
<label for="1891729f-ae5c-401e-d608-20133bc16bf7">Weight</label>
<select id="1891729f-ae5c-401e-d608-20133bc16bf7" name="1891729f-ae5c-401e-d608-20133bc16bf7" class="">
<option value="option-0">Light & tart</option>
<option value="option-1">Powerful & creamy</option>
<option value="option-2">Powerful & intense</option>
<option value="option-3">Light & balanced</option>
<option value="option-4">Hot & spicy</option>
</select>
</div>
<div class="form-item ">
<label for="fe4764ab-5350-173e-f065-8f9ccfe039cc">Cooking Style</label>
<select id="fe4764ab-5350-173e-f065-8f9ccfe039cc" name="fe4764ab-5350-173e-f065-8f9ccfe039cc" class="">
<option value="option-0">Cooked</option>
<option value="option-1">Fried</option>
<option value="option-2">Grilled</option>
<option value="option-3">Oven baked</option>
<option value="option-4">Raw</option>
<option value="option-5">Rimmed</option>
<option value="option-6">Smoked</option>
<option value="option-7">Dried</option>
</select>
</div>
<div class="form-item ">
<label for="1b89b79b-690b-1925-1e34-d8f06c9bf35d">Kitchen</label>
<select id="1b89b79b-690b-1925-1e34-d8f06c9bf35d" name="1b89b79b-690b-1925-1e34-d8f06c9bf35d" class="">
<option value="option-0">French</option>
<option value="option-1">Italian</option>
<option value="option-2">Spanish</option>
<option value="option-3">Mexican</option>
<option value="option-4">Asian</option>
<option value="option-5">Japanese (sushi?)</option>
<option value="option-6">Chinese</option>
<option value="option-7">Scandinavian</option>
<option value="option-8">Vegetarian</option>
<option value="option-9">Vegan</option>
</select>
</div>
<div class="form-item ">
<label for="e7593f38-ad32-f798-07fd-537f8c0ce292">Main ingredient</label>
<select id="e7593f38-ad32-f798-07fd-537f8c0ce292" name="e7593f38-ad32-f798-07fd-537f8c0ce292" class="">
<option value="option-0">Beef</option>
<option value="option-1">Pork</option>
<option value="option-2">Lamb</option>
<option value="option-3">Game/Venison</option>
<option value="option-4">Chicken</option>
<option value="option-5">Duck</option>
<option value="option-6">White fish</option>
<option value="option-7">Fat fish</option>
<option value="option-8">Clams/Shrimps</option>
<option value="option-9">Crab/Lobster</option>
</select>
</div>
</div>
</fieldset>
<fieldset class="">
<legend>Dish basic flavours</legend>
<div class="basic-flavours-container">
<label class="flavour-range">
<span>Acidity</span>
<div class="range">
<input type="range" value="8" min="0" max="100" id="acidity-777016c1-adef-e393-c2de-9917ee58fc9f">
</div>
</label>
<label class="flavour-range">
<span>Sweetness</span>
<div class="range">
<input type="range" value="14" min="0" max="100" id="sweetness-955881e8-c8b3-93d8-0b84-505037aac5bd">
</div>
</label>
<label class="flavour-range">
<span>Saltiness</span>
<div class="range">
<input type="range" value="35" min="0" max="100" id="saltiness-ef2b0525-67a3-0915-f8cb-d148ca4c2680">
</div>
</label>
<label class="flavour-range">
<span>Bitterness</span>
<div class="range">
<input type="range" value="0" min="0" max="100" id="bitterness-a5b83428-394e-4f2e-28bc-f7df488127b8">
</div>
</label>
<label class="flavour-range">
<span>Umami</span>
<div class="range">
<input type="range" value="50" min="0" max="100" id="umami-0955f7c1-722d-dcbc-1239-26420ef353c4">
</div>
</label>
</div>
</fieldset>
<div class="action-bar">
<button type="button" class="alt">
<span>
<svg class="icon alt" height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#delete" />
</svg>
<span>Remove</span>
</span>
</button>
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#save" />
</svg>
<span>Save dish</span>
</span>
</button>
</div>
</div>
<div class="action-bar">
<button type="button">
<span>
<svg class="icon " height="20" width="20" aria-hidden="true">
<use xlink:href="../../sprite.svg#plus-circle" />
</svg>
<span>Add new dish</span>
</span>
</button>
</div>
</form>
</section>
<section id="section-3">
</section>
</div>
</article>
</main>
</div>
{{#> @regular-page}}
<h1>Add dishes</h1>
{{#> @article--wide}}
{{#> @tab-interface}}
{{#> @tab-panel id="1"}}
{{render '@add-dishes-list' }}
{{/ @tab-panel}}
{{#> @tab-panel id="2"}}
{{render '@add-dishes-list' }}
{{/ @tab-panel}}
{{#> @tab-panel id="3"}}
{{/ @tab-panel}}
{{/ @tab-interface}}
{{/ @article--wide}}
{{/ @regular-page}}
{
"tabs": [
{
"title": "Starters"
},
{
"title": "Main courses"
},
{
"title": "Desserts"
}
]
}
No notes defined.