{% extends "layout.html.twig" %}
{% block content %}
<div class="wrapper">
<section>
<aside>
<div class="graph">
<img src="/static/img/graph.png">
</div>
<ul class="categories">
<li>
<strong>Katalog</strong>
</li>
<li>
<a href="#">Material Processing <small>(1441)</small><i>+</i></a>
</li>
<li>
<a href="#">Surface Protection <small>(177)</small><i>-</i></a>
<ul>
<li>
<a href="#">Gummierungs-Systeme <small>(128)</small></a>
</li>
<li>
<a href="#">Beschichtungs-Systeme <small>(49)</small></a>
</li>
</ul>
</li>
<li>
<a href="#">Service <small>(706)</small><i>+</i></a>
</li>
</ul>
<ul class="misc">
<li>
<strong>Sonstiges</strong>
</li>
<li>
<a href="#">Downloads <small>(36)</small></a>
</li>
<li>
<a href="#">B-Ware <small>(36)</small></a>
</li>
<li>
<a href="#">CSV-Upload <small>(36)</small></a>
</li>
<li>
<a href="#">Offene Aufträge <small>(36)</small></a>
</li>
<li>
<a href="#">Abgeschlossene Aufträge <small>(36)</small></a>
</li>
<li>
<a href="#">Warenkörbe <small>(36)</small></a>
</li>
<li>
<a href="#">Media Center <small>(36)</small></a>
</li>
</ul>
</aside>
<article>
<div class="content-top">
<section>
<div class="left">
<div class="fluid">
<div class="span8">
<div class="remabutton alt">
<a href="/">
<img src="/static/img/backbutton.png" style="height: 18px; width: auto; top: 3px;">
Zurück
</a>
</div>
</div>
<div class="span4">
<div class="pdp-lastmodified">
<input type="hidden" id="id" value="{{product.id}}" />
{% set creationdate = product.creationdate|date('U') %}
{% set modificationdate = product.modificationdate|date('U') %}
<label>Erstellt: {{creationdate|date('d.m.Y - H:i')}}</label>
<label>Zuletzt bearbeitet: {{modificationdate|date('d.m.Y - H:i')}}</label>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span8">
<div class="countries">
<strong>Produkt verfügbar für folgende Shops</strong>
<div class="active">
<section>
<div>
<span><img src="/static/img/de.svg" height="16">DE</span>
</div>
</section>
</div>
<div class="active">
<section>
<div>
<span><img src="/static/img/ch.svg" height="16">CH</span>
</div>
</section>
</div>
<div class="active">
<section>
<div>
<span><img src="/static/img/lat.svg" height="16">LAT</span>
</div>
</section>
</div>
<div>
<section>
<div>
<span><img src="/static/img/fr.svg" height="16">FR</span>
</div>
</section>
</div>
<div>
<section>
<div>
<span><img src="/static/img/it.svg" height="16">IT</span>
</div>
</section>
</div>
<div class="active">
<section>
<div>
<span><img src="/static/img/at.svg" height="16">AT</span>
</div>
</section>
</div>
<div>
<section>
<div>
<span><img src="/static/img/esp.svg" height="16">ESP</span>
</div>
</section>
</div>
</div>
</div>
<div class="span4">
<div class="pdp-lastmodified">
<br><br><br>
<label><img src="/static/img/delete.svg" width="16"> Löschung beantragen</label>
</div>
</div>
</div>
<div class="clearleft"></div>
</div>
<div class="right">
<div class="addnew" style="position: relative;top: -65px">
<i>+</i>
<strong>Produkt hinzufügen</strong>
</div>
</div>
</section>
</div>
<section>
<section class="toolbar" style="border-top: 0;">
<section>
<div>
<label>Sprache</label>
<section>
<div>
<span><img src="/static/img/de.svg" height="16">DE</span>
</div>
</section>
<i class="chevron-arrow-down"></i>
</div>
<div>
<label>Status</label>
<section>
<div>
<span><i class="red"></i>Entwurf</span>
</div>
</section>
<i class="chevron-arrow-down"></i>
</div>
<div>
<label><img src="/static/img/ai_icon.svg" width="16"> Speichern & Übersetzen</label>
</div>
<div>
<div class="remabutton safeproduct">
<a href="#">
<img src="/static/img/speichern.png" style="width: 42px; height: auto;">
Speichern
</a>
</div>
</div>
</section>
</section>
<section class="pdp">
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Artikelnummer</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="{{product.sku}}">
</div>
</div>
</div>
<div class="span8">
<div class="input padding-left">
<label>Produkttitel</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="{{product.name_de}}">
</div>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span6">
<div class="standalone-inputlabel">Bilder & Videos</div>
<div class="photos">
<div class="fluid">
<div class="span5 left">
<div style="background-image: url({{ product.mainimage.thumbnail('product_listing') }});"></div>
</div>
<div class="span7 right">
<div style="background-image: url({{ product.mainimage.thumbnail('product_listing') }});"></div>
<div style="background-image: url({{ product.mainimage.thumbnail('product_listing') }});"></div>
<div style="background-image: url({{ product.mainimage.thumbnail('product_listing') }});"></div>
<div style="background-image: url({{ product.mainimage.thumbnail('product_listing') }});"></div>
</div>
</div>
</div>
</div>
<div class="span6">
<div class="standalonecheckbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="upload">
<img src="/static/img/upload.png" height="200">
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span2">
<div class="input padding-right label">
<label>Preis</label>
<div class="field">
<i>CHF</i>
<input type="text" placeholder="" value="1'456.00">
</div>
</div>
</div>
<div class="span2">
<div class="input padding-right label">
<label> </label>
<div class="field">
<i>€</i>
<input type="text" placeholder="" value="1'456.00">
</div>
</div>
</div>
<div class="span2">
<div class="input padding-right label">
<label> </label>
<div class="field">
<i>$</i>
<input type="text" placeholder="" value="1'456.00">
</div>
</div>
</div>
<div class="span2">
<div class="input padding-right label">
<label> </label>
<div class="field">
<i>ARS</i>
<input type="text" placeholder=" " value="1'456.00">
</div>
</div>
</div>
<div class="span2">
<div class="magicbutton">
<label><img src="/static/img/ai_icon.svg" width="16"> Umrechnen</label>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span3">
<div class="input padding-right">
<label>Anzahl Lager</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.qty}}">
</div>
</div>
</div>
<div class="span7">
<div class="input padding-left">
<label>Lagernotiz</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="Artikel auf Lager">
</div>
</div>
</div>
<div class="span2">
<div class="magicbutton">
<label><img src="/static/img/lager_icon.svg" width="18"> Erweitert</label>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Kurzbeschreibung</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<textarea name="short_description_de" id="editor2">{{product.short_description_de | raw}}</textarea>
<script>
CKEDITOR.replace('editor2', {
toolbar: [
{ name: 'clipboard', items: [ 'Undo', 'Redo' ] },
{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike' ] },
{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList' ] },
{ name: 'links', items: [ 'Link', 'Unlink' ] }
],
removePlugins: 'elementspath,resize,contextmenu',
resize_enabled: false,
removeButtons: '',
allowedContent: true
});
</script>
</div>
</div>
</div>
<div class="span8">
<div class="input padding-left">
<label>Beschreibung</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<textarea name="description_de" id="editor1" name="editor1">{{ product.description_de | raw }}</textarea>
<script>
CKEDITOR.replace('editor1', {
toolbar: [
{ name: 'clipboard', items: [ 'Undo', 'Redo' ] },
{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike' ] },
{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList' ] },
{ name: 'links', items: [ 'Link', 'Unlink' ] }
],
removePlugins: 'elementspath,resize,contextmenu',
resize_enabled: false,
removeButtons: '',
allowedContent: true
});
</script>
</div>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span3 span3-alt">
<div class="input label padding-right">
<label>Dokumente</label>
<div class="checkbox">
<input type="checkbox">
<span>Global</span>
</div>
<div class="field">
<a href="{{product.safety_data_sheet_en}}" target="_blank"><i>PDF</i></a>
<input type="text" placeholder="" value="Sicherheitsdatenblatt">
</div>
<p><a href="{{product.safety_data_sheet_en}}" target="_blank">{{product.safety_data_sheet_en}}</a></p>
</div>
</div>
<div class="span3 span3-alt">
<div class="input label padding-right">
<label> </label>
<div class="field">
<a href="{{product.safety_data_sheet_de}}" target="_blank"><i>PDF</i></a>
<input type="text" placeholder="" value="Anleitung">
</div>
<p><a href="{{product.safety_data_sheet_de}}" target="_blank">{{product.safety_data_sheet_de}}</a></p>
</div>
</div>
<div id="addnewdocumentouter" class="span3 span3-alt">
<div class="input padding-right label">
<div id="addnewdocument" class="newdocument">+</div>
</div>
</div>
</div>
<div class="clearleft"></div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Gewicht</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.spezifisches_gewicht}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Inhalt</label>
<div class="checkbox">
<input type="checkbox" checked="" >
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.content}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Masse</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.warengruppenstruktur}}">
</div>
</div>
</div>
</div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Maximale Bestellmenge</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.maximale_bestellmenge}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Packungsmenge</label>
<div class="checkbox">
<input type="checkbox" checked="" >
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.packungsmenge}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Lieferbar am</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.lieferbar_am}}">
</div>
</div>
</div>
</div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Wieder lieferbar</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.wieder_lieferbar}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Polymerbasis</label>
<div class="checkbox">
<input type="checkbox" checked="" >
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.polymerbasis}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>UN Nummer</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.un_nummer}}">
</div>
</div>
</div>
</div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Solvent</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.losungsmittel}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Bezeichnung</label>
<div class="checkbox">
<input type="checkbox" checked="" >
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.bezeichnung}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Zolltarifnummer</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.zolltarifnummer}}">
</div>
</div>
</div>
</div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Warengruppenstruktur</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.warengruppenstruktur}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Nettogewicht</label>
<div class="checkbox">
<input type="checkbox" checked="" >
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.nettogewicht}}">
</div>
</div>
</div>
<div class="span4">
<div class="input padding-left">
<label>Gefahrgut</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.gefahrgut}}">
</div>
</div>
</div>
</div>
<div class="fluid">
<div class="span4">
<div class="input padding-right">
<label>Formularart</label>
<div class="checkbox">
<input type="checkbox" checked="">
<span>Global</span>
</div>
<div class="field">
<input type="text" placeholder="" value="{{product.formularart}}">
</div>
</div>
</div>
</div>
<div class="clearleft"></div>
</section>
<section class="toolbar" style="border-bottom: 0" "="">
<section>
<div>
<label>Sprache</label>
<section>
<div>
<span><img src="/static/img/de.svg" height="16">DE</span>
</div>
</section>
<i class="chevron-arrow-down"></i>
</div>
<div>
<label>Status</label>
<section>
<div>
<span><i class="red"></i>Entwurf</span>
</div>
</section>
<i class="chevron-arrow-down"></i>
</div>
<div>
<label><img src="/static/img/ai_icon.svg" width="16"> Speichern & Übersetzen</label>
</div>
<div>
<div class="remabutton safeproduct">
<a href="#">
<img src="/static/img/speichern.png" style="width: 42px; height: auto;">
Speichern
</a>
</div>
</div>
</section>
</section>
</section>
</article>
</section>
</div>
{% endblock %}