<!DOCTYPE HTML>
<html>
<head>
<title><?php echo "Maphp";?></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="asset/leaflet/leaflet.css"/>
<link rel="stylesheet" href="asset/css/style.css"/>
<link rel="stylesheet" href="asset/css/edit.css"/>
<link rel="stylesheet" href="asset/fonts/byl-iconfont-v4.0/icons.css"/>
</head>
<body>
<div id="root">
<header>
<section id="logo">Hôtel Machin</section>
<span> </span>
</header>
<section id="edit-tab-nav">
<span
id="edit-tab-nav-marker"
v-bind:style="{
left : editTabMarkerL,
width : editTabMarkerW
}">
</span>
<span
id="edit-tab-nav-ing"
class="edit-tab-nav-link"
v-on:click="setEditTab('ing')">Ings</span>
<span
id="edit-tab-nav-resto"
class="edit-tab-nav-link"
v-on:click="setEditTab('resto')">Resto</span>
<span
id="edit-tab-nav-upload"
class="edit-tab-nav-link"
v-on:click="setEditTab('upload')">upload</span>
</section>
<section
id="edit-tab-roll"
v-bind:style="{
width : this.tabrollw,
transform : this.editTabRollTransX}">
<section class="edit-single-tab">
<h3>Ingredients</h3>
<input
v-model="newIng.name"
type="text"
placeholder="Nom"
>
<input
v-model="newIng.fr"
class="ing-input-lang"
type="text"
placeholder="fr name"
>
<input
v-model="newIng.en"
class="ing-input-lang"
type="text"
placeholder="en name"
>
<input
v-model="newIng.it"
class="ing-input-lang"
type="text"
placeholder="it name"
>
<span class="byl-icon-save ing-form-save" v-on:click="saveIng()"></span>
<span v-for="i in Object.entries(ingredients)">
<h4>{{ i[0] }}</h4>
<li>fr: {{ i[1]['fr'] }}</li>
<li>en: {{ i[1]['en'] }}</li>
<li>it: {{ i[1]['it'] }}</li>
</span>
</section>
<section class="edit-single-tab">
<h3>Resto</h3>
<input type="number" value="0" step=".01">
</section>
<section class="edit-single-tab">
<h3>Uploads</h3>
<form id="edit-upload-form" onsubmit="return false" >
<label class="edit-upload-file-label" for="edit-upload-file-input">Select IMG</label>
<input id="edit-upload-file-input" type="file" name="uploadimg">
<input type="text" name="uploadfn">
<button v-on:click="uploadIMG()">Upload IMG</button>
</form>
</section>
</section>
</div>
<?php include("asset/php/ing.php"); ?>
<script src="asset/js/vue.min.js"></script>
<script src="asset/js/edit.js"></script>
</body>
</html>