<div class="account-outlet">
<div class="account-outlet__container">
<div class="account-outlet__navigation">
<nav class="account-navigation">
<h3 class="visually-hidden">Account Navigation</h3>
<div class="swiper account-navigation__main-nav">
<ul class="swiper-wrapper account-navigation__list">
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-profile" data-account-navigation-expand="1">Profil</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="1">
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Persönliche Daten</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Kommunikation</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Adressen</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-orders" data-account-navigation-expand="2">Bestellungen</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="2">
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Bestellübersicht</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Bestellungen freigeben</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-analysis" data-account-navigation-expand="3">Auswertungen</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-invoices" data-account-navigation-expand="4">Rechnungen</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link--active -icon-credit-notes" data-account-navigation-expand="5">Gutschriften</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-wishlist" data-account-navigation-expand="6">Merklisten</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-cart" data-account-navigation-expand="7">Warenkörbe</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-return" data-account-navigation-expand="8">Retouren</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="8">
<li class="account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Retourenübersicht</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Retoure erfassen</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Retourenliste</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-warranty" data-account-navigation-expand="9">Garantieanträge</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-service" data-account-navigation-expand="10">Serviceanträge</a>
</li>
</ul>
</div>
<div class="account-navigation__mobile-nav">
<div class="swiper" data-account-navigation-expand="1">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="1">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Persönliche Daten</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Kommunikation</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Adressen</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="2">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="2">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Bestellübersicht</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Bestellungen freigeben</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="3">
</div>
<div class="swiper" data-account-navigation-expand="4">
</div>
<div class="swiper" data-account-navigation-expand="5">
</div>
<div class="swiper" data-account-navigation-expand="6">
</div>
<div class="swiper" data-account-navigation-expand="7">
</div>
<div class="swiper" data-account-navigation-expand="8">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="8">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Retourenübersicht</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Retoure erfassen</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Retourenliste</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="9">
</div>
<div class="swiper" data-account-navigation-expand="10">
</div>
</div>
</nav>
</div>
<div class="account-outlet__content">
<div class="account-header">
<h3 class="account-header__title">Gutschriften</h3>
<p class="account-header__subtitle">(1–10 / 60 Gutschriften)</p>
</div>
<div class="credit-notes__filters">
<form class="filters">
<div class="filters__list">
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="creditNotesDateFrom" type="text" name="creditNotesDateFrom" />
<label class="text-field__label date-picker__label" for="creditNotesDateFrom">Gutschrift von</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light date-picker--light is-initialized" data-disable-text-field-js data-language="" data-format="" data-min-date="" data-max-date="">
<div class="text-field__wrapper date-picker__wrapper">
<input class="text-field__input date-picker__input" id="creditNotesDateTo" type="text" name="creditNotesDateTo" />
<label class="text-field__label date-picker__label" for="creditNotesDateTo">Gutschrift bis</label>
<button type="reset" class="date-picker__reset"></button>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="creditNotesNumber" type="text" name="creditNotesNumber" />
<label class="text-field__label" for="creditNotesNumber">Gutschriftennummer
</label>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="orderNumber" type="text" name="orderNumber" />
<label class="text-field__label" for="orderNumber">Rechnungsnummer
</label>
</div>
</div>
</div>
<div class="filters__list-item">
<div class="select--light is-initialized is-filled-in with-label">
<div class="select__wrapper">
<select class="select__select" id="cartType" name="cartType">
<option value="" disabled>Please choose</option>
<option value="option1">Retouren</option>
<option value="option2">Wertgutschrift</option>
<option value="option3">Rückvergütung</option>
<option value="option4" selected="selected">Alle</option>
</select>
<label class="select__label" for="cartType">Typ
</label>
</div>
</div>
</div>
<div class="filters__list-buttons">
<div class="filters__list-button--reset">
<button class="button--tertiary-light-small" value="yes" type="reset">Zurücksetzen</button>
</div>
<div class="filters__list-button--submit">
<button class="button--primary-small" value="yes" type="submit">Suchen</button>
</div>
</div>
</div>
</form>
</div>
<div class="credit-notes__credit-notes">
<div class="credit-notes-table">
<div class="responsive-table -spacing-large">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Gutschriftennummer
</th>
<th class="responsive-table__th">
Datum Gutschrift
</th>
<th class="responsive-table__th">
Rechnungsnummer
</th>
<th class="responsive-table__th">
Auftragsnummer
</th>
<th class="responsive-table__th">
Typ
</th>
<th class="responsive-table__th is-right-aligned">
Betrag
</th>
<th class="responsive-table__th is-hidden-on-desktop">
Aktion
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00368900</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>21.11.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">78484957</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouren</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00368910</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>20.10.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">78484957</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Retouren</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00368901</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>16.11.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p></p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Wertgutschriften</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00368902</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>17.11.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p></p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Wertgutschriften</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00368903</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>15.11.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p></p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Wertgutschriften</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00414030</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>01.12.2019</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">78484957</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Rückvergütung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Gutschriftennummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>00414029</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Datum Gutschrift</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>21.11.2019</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Rechnungsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>98765428</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">78484957</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Typ</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Rückvergütung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Betrag</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="price--small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">395.90</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">PDF anzeigen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="7">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Gutschriften gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="credit-notes__pagination">
<div class="pagination">
<div class="pagination__container">
<div class="pagination__prev">
<a href="#" class="button-navigation--prev">
<span class="visually-hidden">Vorherige Seite</span>
</a>
</div>
<ul class="pagination__pages">
<li class="pagination__page">
<a href="#" class="pagination__page-link">1</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link--active">2</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">3</a>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">4</a>
</li>
<li class="pagination__page">
<span class="pagination__page-dots">…</span>
</li>
<li class="pagination__page">
<a href="#" class="pagination__page-link">32</a>
</li>
</ul>
<div class="pagination__next">
<a href="#" class="button-navigation--next">
<span class="visually-hidden">Nächste Seite</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-credit-notes/templates/credit-notes/credit-notes.twig' %}
{
"header": {
"title": "Gutschriften",
"subtitle": "(1–10 / 60 Gutschriften)",
"headingLevel": "3"
},
"navigation": {
"headingLevel": "3",
"title": "Account Navigation",
"items": [
{
"name": "Profil",
"href": "#",
"icon": "profile",
"subLinksList": [
{
"name": "Persönliche Daten",
"href": "#"
},
{
"name": "Kommunikation",
"href": "#"
},
{
"name": "Adressen",
"href": "#"
}
]
},
{
"name": "Bestellungen",
"href": "#",
"icon": "orders",
"subLinksList": [
{
"name": "Bestellübersicht",
"href": "#"
},
{
"name": "Bestellungen freigeben",
"href": "#"
}
]
},
{
"name": "Auswertungen",
"href": "#",
"icon": "analysis"
},
{
"name": "Rechnungen",
"href": "#",
"icon": "invoices"
},
{
"name": "Gutschriften",
"href": "#",
"active": true,
"icon": "credit-notes"
},
{
"name": "Merklisten",
"href": "#",
"icon": "wishlist"
},
{
"name": "Warenkörbe",
"href": "#",
"icon": "cart"
},
{
"name": "Retouren",
"href": "#",
"icon": "return",
"subLinksList": [
{
"name": "Retourenübersicht"
},
{
"name": "Retoure erfassen"
},
{
"name": "Retourenliste"
}
]
},
{
"name": "Garantieanträge",
"href": "#",
"icon": "warranty"
},
{
"name": "Serviceanträge",
"href": "#",
"icon": "service"
}
]
},
"filters": {
"resetButton": {
"variant": "tertiary-light-small",
"type": "button",
"role": "reset",
"title": "Zurücksetzen",
"value": "yes",
"disabled": false
},
"submitButton": {
"variant": "primary-small",
"type": "button",
"role": "submit",
"title": "Suchen",
"value": "yes",
"disabled": false
},
"filters": [
{
"path": "modules/shared/components/form-components/date-picker/date-picker",
"data": {
"variant": "light",
"language": "",
"format": "",
"minDate": "",
"maxDate": "",
"id": "creditNotesDateFrom",
"name": "creditNotesDateFrom",
"label": "Gutschrift von",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
}
},
{
"path": "modules/shared/components/form-components/date-picker/date-picker",
"data": {
"variant": "light",
"language": "",
"format": "",
"minDate": "",
"maxDate": "",
"id": "creditNotesDateTo",
"name": "creditNotesDateTo",
"label": "Gutschrift bis",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
}
},
{
"path": "modules/shared/components/form-components/text-field/text-field",
"data": {
"variant": "light",
"id": "creditNotesNumber",
"name": "creditNotesNumber",
"label": "Gutschriftennummer",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
}
},
{
"path": "modules/shared/components/form-components/text-field/text-field",
"data": {
"variant": "light",
"id": "orderNumber",
"name": "orderNumber",
"label": "Rechnungsnummer",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
}
},
{
"path": "modules/shared/components/form-components/select/select",
"data": {
"variant": "light",
"id": "cartType",
"name": "cartType",
"label": "Typ",
"required": false,
"disabled": false,
"selected": "option4",
"options": {
"option1": "Retouren",
"option2": "Wertgutschrift",
"option3": "Rückvergütung",
"option4": "Alle"
},
"choose": "Please choose"
}
}
]
},
"creditNotesList": {
"include": "...credit-notes-table--default"
},
"pagination": {
"include": "...pagination--with-next-and-prev"
}
}
No notes defined.