{extends file="get_usermod:layouts/main/layout.html"}
{block name="content"}
{literal}<style>
.jtgl .panel-body{overflow:auto}.jtgl table{min-width:1050px}.jtgl td{vertical-align:middle!important}.jtgl .form-control{min-width:110px}.jtgl .wide{min-width:190px}.jtgl .hint{padding:14px;background:#fff4d7;border-left:4px solid #f0ad4e;margin-bottom:18px}.jtgl-preview-grid{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 22px}.jtgl-preview{width:250px;border:1px solid #ddd;background:#fafafa;padding:10px}.jtgl-preview img{display:block;width:100%;height:190px;object-fit:contain;background:#fff;border:1px solid #eee;margin:8px 0}.jtgl-preview small{display:block;color:#666}.jtgl-preview .label{display:inline-block;margin-top:5px}
</style>{/literal}
<div class="jtgl">
  <div class="hint"><strong>GARAN-Freigabe:</strong> Nur „Aktiv“ wählen, wenn die kostenlose Herstellergarantie länger als zwei Jahre gilt, das gesamte Produkt umfasst, geprüft wurde und Garantiebedingungen im Content Manager hinterlegt sind.</div>
  <ul class="nav nav-tabs" role="tablist"><li class="active"><a href="#jt-global" data-toggle="tab">Allgemein</a></li><li><a href="#jt-manufacturers" data-toggle="tab">Herstellerdaten</a></li><li><a href="#jt-categories" data-toggle="tab">Kategorien</a></li><li><a href="#jt-bulk" data-toggle="tab">Artikel / Bulkbearbeitung</a></li></ul>
  <div class="tab-content">
    <div id="jt-global" class="tab-pane active panel panel-default"><div class="panel-body">
      <form action="{$content.saveUrl}" method="post" class="form-horizontal"><input type="hidden" name="pageToken" value="{$content.pageToken}"><input type="hidden" name="form" value="global">
        <div class="checkbox"><label><input type="checkbox" name="active" value="1" {if $content.configuration.active}checked{/if}> Modul aktiv</label></div>
        <div class="checkbox"><label><input type="checkbox" name="show_product_page" value="1" {if $content.configuration.show_product_page}checked{/if}> Auf Artikelseiten anzeigen</label></div>
        <div class="checkbox"><label><input type="checkbox" name="show_checkout" value="1" {if $content.configuration.show_checkout}checked{/if}> Im Bestellvorgang anzeigen</label></div>
        <div class="form-group" style="margin-top:15px"><label>Anzeigeposition auf der Artikelseite:</label><select class="form-control" style="max-width:420px" name="product_position"><option value="current" {if $content.configuration.product_position!='description'}selected{/if}>Bisherige Position im Artikelbereich</option><option value="description" {if $content.configuration.product_position=='description'}selected{/if}>Unter der Artikelbeschreibung</option></select></div>
        <div class="form-group"><label>Ausrichtung:</label><select class="form-control" style="max-width:420px" name="product_alignment"><option value="left" {if $content.configuration.product_alignment!='center' && $content.configuration.product_alignment!='right'}selected{/if}>Links</option><option value="center" {if $content.configuration.product_alignment=='center'}selected{/if}>Zentriert</option><option value="right" {if $content.configuration.product_alignment=='right'}selected{/if}>Rechts</option></select></div>
        <div class="form-group"><label>Darstellung unter der Artikelbeschreibung:</label><select class="form-control" style="max-width:420px" name="product_layout"><option value="stacked" {if $content.configuration.product_layout!='side_by_side'}selected{/if}>Labels untereinander</option><option value="side_by_side" {if $content.configuration.product_layout=='side_by_side'}selected{/if}>EU-Hinweis und GARAN-Label nebeneinander</option></select><p class="help-block">Beim Nebeneinander-Layout wird die Beschriftung des GARAN-Labels unterhalb der Grafik angezeigt.</p></div>
        <div class="checkbox"><label><input type="checkbox" name="colour_version" value="1" {if $content.configuration.colour_version}checked{/if}> Farbversion als Standard für EU-Hinweis und PDF verwenden</label></div>
        <div class="form-group" style="margin-top:15px"><label>Garantiebedingungen öffnen als:</label><select class="form-control" style="max-width:320px" name="terms_open_mode"><option value="page" {if $content.configuration.terms_open_mode!='popup'}selected{/if}>Neue Seite / neuer Tab</option><option value="popup" {if $content.configuration.terms_open_mode=='popup'}selected{/if}>Popup-Fenster</option></select></div>
        <div class="checkbox"><label><input type="checkbox" name="allow_customer_colour_switch" value="1" {if $content.configuration.allow_customer_colour_switch}checked{/if}> Kunden dürfen beim EU-Hinweis zwischen Farbe und Schwarz/Weiß wechseln (GARAN bleibt online farbig)</label></div>
        <hr><h4>PDF-Anhänge der Bestellbestätigung</h4><div class="checkbox"><label><input type="checkbox" name="attach_labels_pdf" value="1" {if $content.configuration.attach_labels_pdf}checked{/if}> Labels als PDF anhängen</label></div>
        <div class="form-group"><label>PDF-Aufteilung:</label><select class="form-control" style="max-width:320px" name="labels_pdf_mode"><option value="combined" {if $content.configuration.labels_pdf_mode!='separate'}selected{/if}>Eine gemeinsame PDF</option><option value="separate" {if $content.configuration.labels_pdf_mode=='separate'}selected{/if}>Gesetzlicher Hinweis und Artikel einzeln</option></select></div>
        <div class="form-group"><label>Empfänger:</label><select class="form-control" style="max-width:320px" name="labels_pdf_recipients"><option value="customer" {if $content.configuration.labels_pdf_recipients!='both'}selected{/if}>Nur Kunde</option><option value="both" {if $content.configuration.labels_pdf_recipients=='both'}selected{/if}>Kunde und Shopbetreiber</option></select></div><button class="btn btn-primary">Speichern</button>
      </form>
      <hr><h4>Eigene Labelgrafiken hochladen</h4><p>Erlaubt sind JPG, PNG und WebP. Die Bilder werden intern als separate JPG-Dateien gespeichert und haben Vorrang vor den mitgelieferten Modul-Grafiken.</p>
      <div class="jtgl-preview-grid">{foreach $content.graphics as $graphic}<div class="jtgl-preview"><strong>{$graphic.title|escape}</strong><img src="{$graphic.url|escape}" alt="{$graphic.title|escape}"><small>{$graphic.dimensions|escape}</small>{if $graphic.custom}<span class="label label-success">Hochgeladene Grafik aktiv</span>{else}<span class="label label-default">Mitgelieferte Grafik aktiv</span>{/if}</div>{/foreach}</div>
      <form action="admin.php?do=JuratexGuaranteeLabels/UploadGraphics" method="post" enctype="multipart/form-data"><input type="hidden" name="pageToken" value="{$content.pageToken}"><div class="row"><div class="col-md-4"><label>EU-Hinweis Deutsch – Farbe</label><input type="file" name="legal_de_colour" accept="image/jpeg,image/png,image/webp"></div><div class="col-md-4"><label>EU-Hinweis Deutsch – Schwarz/Weiß</label><input type="file" name="legal_de_mono" accept="image/jpeg,image/png,image/webp"></div></div><div class="row" style="margin-top:12px"><div class="col-md-4"><label>EU-Hinweis Englisch – Farbe</label><input type="file" name="legal_en_colour" accept="image/jpeg,image/png,image/webp"></div><div class="col-md-4"><label>EU-Hinweis Englisch – Schwarz/Weiß</label><input type="file" name="legal_en_mono" accept="image/jpeg,image/png,image/webp"></div></div><div class="row" style="margin-top:12px"><div class="col-md-4"><label>GARAN – Farbe</label><input type="file" name="garan_colour" accept="image/jpeg,image/png,image/webp"></div><div class="col-md-4"><label>GARAN – Schwarz/Weiß</label><input type="file" name="garan_mono" accept="image/jpeg,image/png,image/webp"></div></div><br><button class="btn btn-primary">Grafiken hochladen</button></form>
    </div></div>
    <div id="jt-manufacturers" class="tab-pane panel panel-default"><div class="panel-body">
      {literal}<div class="alert alert-info"><strong>Platzhalter im Content Manager:</strong> {{product_name}}, {{product_model}}, {{manufacturer_name}}, {{brand}}, {{model_identifier}}, {{guarantee_years}}, {{guarantor_name}}, {{guarantor_address}}, {{email}}, {{phone}}, {{service_name}}, {{service_address}}, {{service_email}}, {{service_phone}}, {{service_url}}, {{territory}}, {{exclusions}}, {{version_date}}.</div>{/literal}
      <h3>Globale Standardangaben</h3>
      <form action="{$content.saveUrl}" method="post"><input type="hidden" name="pageToken" value="{$content.pageToken}"><input type="hidden" name="form" value="manufacturer_data"><input type="hidden" name="manufacturers_id" value="0">
        <div class="row"><div class="col-md-4"><label>Garantiegeber</label><input class="form-control" name="guarantor_name" value="{$content.globalData.guarantor_name|escape}"></div><div class="col-md-4"><label>Straße</label><input class="form-control" name="street" value="{$content.globalData.street|escape}"></div><div class="col-md-2"><label>PLZ</label><input class="form-control" name="postal_code" value="{$content.globalData.postal_code|escape}"></div><div class="col-md-2"><label>Ort</label><input class="form-control" name="city" value="{$content.globalData.city|escape}"></div></div>
        <div class="row"><div class="col-md-3"><label>Land</label><input class="form-control" name="country" value="{$content.globalData.country|escape}"></div><div class="col-md-3"><label>E-Mail</label><input class="form-control" name="email" value="{$content.globalData.email|escape}"></div><div class="col-md-3"><label>Telefon</label><input class="form-control" name="phone" value="{$content.globalData.phone|escape}"></div><div class="col-md-3"><label>Stand/Datum</label><input class="form-control" name="version_date" value="{$content.globalData.version_date|escape}"></div></div>
        <div class="row"><div class="col-md-4"><label>Servicestelle</label><input class="form-control" name="service_name" value="{$content.globalData.service_name|escape}"></div><div class="col-md-4"><label>Service-E-Mail</label><input class="form-control" name="service_email" value="{$content.globalData.service_email|escape}"></div><div class="col-md-4"><label>Service-Telefon</label><input class="form-control" name="service_phone" value="{$content.globalData.service_phone|escape}"></div></div>
        <div class="row"><div class="col-md-6"><label>Serviceanschrift</label><textarea class="form-control" name="service_address">{$content.globalData.service_address|escape}</textarea></div><div class="col-md-6"><label>Service-URL</label><input class="form-control" name="service_url" value="{$content.globalData.service_url|escape}"></div></div>
        <div class="row"><div class="col-md-6"><label>Räumlicher Geltungsbereich</label><textarea class="form-control" name="territory">{$content.globalData.territory|escape}</textarea></div><div class="col-md-6"><label>Garantieausschlüsse (eine Zeile je Punkt)</label><textarea class="form-control" name="exclusions">{$content.globalData.exclusions|escape}</textarea></div></div><br><button class="btn btn-primary">Globale Angaben speichern</button>
      </form><hr><h3>Angaben pro Hersteller</h3>
      {foreach $content.manufacturerData as $maker}<details style="margin-bottom:10px"><summary><strong>{$maker.manufacturers_name|escape}</strong> {if $maker.use_global||!$maker.guarantor_name}– globale Angaben{/if}</summary><div style="padding:15px;border:1px solid #ddd">
        <form action="{$content.saveUrl}" method="post"><input type="hidden" name="pageToken" value="{$content.pageToken}"><input type="hidden" name="form" value="manufacturer_data"><input type="hidden" name="manufacturers_id" value="{$maker.source_manufacturers_id}"><label><input type="checkbox" name="use_global" value="1" {if $maker.use_global||!$maker.guarantor_name}checked{/if}> Globale Angaben verwenden</label>
        <div class="row"><div class="col-md-4"><label>Garantiegeber</label><input class="form-control" name="guarantor_name" value="{$maker.guarantor_name|escape}"></div><div class="col-md-4"><label>Straße</label><input class="form-control" name="street" value="{$maker.street|escape}"></div><div class="col-md-2"><label>PLZ</label><input class="form-control" name="postal_code" value="{$maker.postal_code|escape}"></div><div class="col-md-2"><label>Ort</label><input class="form-control" name="city" value="{$maker.city|escape}"></div></div>
        <div class="row"><div class="col-md-3"><label>Land</label><input class="form-control" name="country" value="{$maker.country|escape}"></div><div class="col-md-3"><label>E-Mail</label><input class="form-control" name="email" value="{$maker.email|escape}"></div><div class="col-md-3"><label>Telefon</label><input class="form-control" name="phone" value="{$maker.phone|escape}"></div><div class="col-md-3"><label>Stand/Datum</label><input class="form-control" name="version_date" value="{$maker.version_date|escape}"></div></div>
        <div class="row"><div class="col-md-4"><label>Servicestelle</label><input class="form-control" name="service_name" value="{$maker.service_name|escape}"></div><div class="col-md-4"><label>Service-E-Mail</label><input class="form-control" name="service_email" value="{$maker.service_email|escape}"></div><div class="col-md-4"><label>Service-Telefon</label><input class="form-control" name="service_phone" value="{$maker.service_phone|escape}"></div></div>
        <div class="row"><div class="col-md-6"><label>Serviceanschrift</label><textarea class="form-control" name="service_address">{$maker.service_address|escape}</textarea></div><div class="col-md-6"><label>Service-URL</label><input class="form-control" name="service_url" value="{$maker.service_url|escape}"></div></div>
        <div class="row"><div class="col-md-6"><label>Räumlicher Geltungsbereich</label><textarea class="form-control" name="territory">{$maker.territory|escape}</textarea></div><div class="col-md-6"><label>Garantieausschlüsse</label><textarea class="form-control" name="exclusions">{$maker.exclusions|escape}</textarea></div></div><br><button class="btn btn-primary">Herstellerangaben speichern</button></form>
      </div></details>{/foreach}
    </div></div>
    <div id="jt-categories" class="tab-pane panel panel-default"><div class="panel-body"><p>Eine Artikel-Einstellung hat Vorrang. „Vererben“ übernimmt die nächste aktive Kategorie-Regel.</p>
      <table class="table table-striped"><thead><tr><th>Kategorie</th><th>Status</th><th>Unterkategorien</th><th>Geprüft</th><th>Jahre</th><th>Marke</th><th>Modellkennung</th><th>Garantiebedingungen</th><th></th></tr></thead><tbody>
      {foreach $content.categories as $row}<tr>
        <td><form id="jt-cat-{$row.categories_id}" action="{$content.saveUrl}" method="post"><input type="hidden" name="pageToken" value="{$content.pageToken}"><input type="hidden" name="form" value="category"><input type="hidden" name="categories_id" value="{$row.categories_id}"></form>{$row.categories_name|escape}</td><td><select form="jt-cat-{$row.categories_id}" name="override_mode" class="form-control"><option value="inherit" {if $row.override_mode=='inherit'||!$row.override_mode}selected{/if}>Vererben</option><option value="enabled" {if $row.override_mode=='enabled'}selected{/if}>Aktiv</option><option value="disabled" {if $row.override_mode=='disabled'}selected{/if}>Aus</option></select></td>
        <td><input form="jt-cat-{$row.categories_id}" type="checkbox" name="include_subcategories" value="1" {if $row.include_subcategories ne '0'}checked{/if}></td><td><input form="jt-cat-{$row.categories_id}" type="checkbox" name="verified" value="1" {if $row.verified}checked{/if}></td><td><input form="jt-cat-{$row.categories_id}" type="number" class="form-control" name="guarantee_years" min="0" max="99" value="{$row.guarantee_years|default:0}"></td><td><input form="jt-cat-{$row.categories_id}" class="form-control" name="brand" value="{$row.brand|escape}"></td><td><input form="jt-cat-{$row.categories_id}" class="form-control" name="model_identifier" value="{$row.model_identifier|escape}"></td>
        <td><select form="jt-cat-{$row.categories_id}" name="content_group" class="form-control wide"><option value="0">Bitte wählen</option>{foreach $content.contents as $cm}<option value="{$cm.content_group}" {if $row.content_group==$cm.content_group}selected{/if}>{$cm.content_name|escape}{if !$cm.content_status} (inaktiv){/if}</option>{/foreach}</select></td><td><button form="jt-cat-{$row.categories_id}" class="btn btn-primary">Speichern</button></td></tr>{/foreach}
      </tbody></table>
    </div></div>
    <div id="jt-bulk" class="tab-pane panel panel-default"><div class="panel-body">
      <form action="{$content.selfUrl}" method="get" class="form-inline"><input type="hidden" name="do" value="JuratexGuaranteeLabels"><input class="form-control wide" name="q" value="{$content.query|escape}" placeholder="Artikelnummer oder Name"><select class="form-control wide" name="category_id"><option value="0">Alle Kategorien</option>{foreach $content.categories as $cat}<option value="{$cat.categories_id}" {if $content.categoryId==$cat.categories_id}selected{/if}>{$cat.categories_name|escape}</option>{/foreach}</select> <button class="btn btn-default">Filtern</button></form><hr>
      <form action="{$content.bulkUrl}" method="post"><input type="hidden" name="pageToken" value="{$content.pageToken}"><div class="form-inline"><select name="override_mode" class="form-control"><option value="enabled">Aktiv</option><option value="inherit">Kategorie übernehmen</option><option value="disabled">Aus</option></select> <label><input type="checkbox" name="verified" value="1"> geprüft</label> <input type="number" name="guarantee_years" class="form-control" min="0" max="99" placeholder="Jahre"> <input name="brand" class="form-control" placeholder="Marke"> <input name="model_identifier" class="form-control" placeholder="Modellkennung"> <select name="content_group" class="form-control wide"><option value="0">Garantiebedingungen</option>{foreach $content.contents as $cm}<option value="{$cm.content_group}">{$cm.content_name|escape}</option>{/foreach}</select> <button class="btn btn-primary">Auf Auswahl anwenden</button></div><br>
      <table class="table table-striped"><thead><tr><th><input type="checkbox" id="jt-all"></th><th>ID</th><th>Art.-Nr.</th><th>Artikel</th><th>Artikelstatus</th><th>Jahre</th><th>Marke</th><th>Modell</th><th>Content</th></tr></thead><tbody>{foreach $content.products as $row}<tr><td><input class="jt-product" type="checkbox" name="product_ids[]" value="{$row.products_id}"></td><td>{$row.products_id}</td><td>{$row.products_model|escape}</td><td>{$row.products_name|escape}</td><td>{if $row.override_mode=='disabled'}Aus{elseif $row.override_mode=='inherit'}Aktiv (Kategorie){else}Aktiv{/if}</td><td>{$row.guarantee_years|default:0}</td><td>{$row.brand|escape}</td><td>{$row.model_identifier|escape}</td><td>{$row.content_group|default:0}</td></tr>{/foreach}</tbody></table></form>
    </div></div>
  </div>
</div>
{literal}<script>document.getElementById('jt-all').addEventListener('change',function(){document.querySelectorAll('.jt-product').forEach(function(x){x.checked=this.checked}.bind(this));});</script>{/literal}
{/block}