# Kupony

### Cel ekranu

Ekran **Kupony** umożliwia przeglądanie ofert kuponów rabatowych wystawionych przez innych użytkowników aplikacji. Z poziomu tego ekranu użytkownik może wyszukiwać interesujące oferty, filtrować je, sortować, wyświetlić na mapie oraz przejść do szczegółów wybranego kuponu.

{% hint style="info" %}
Na liście **nie są wyświetlane kupony dodane przez aktualnie zalogowanego użytkownika**.
{% endhint %}

### Widok listy kuponów

{% columns %}
{% column width="41.66666666666667%" %}

<div align="left" data-full-width="false"><figure><img src="https://3091458654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI3YZSVYjzwEAeUK8rOpY%2Fuploads%2FbCrZDfmwCZBaO3GjHlfF%2Flista.png?alt=media&#x26;token=8264ab42-f456-4680-9057-65c1c6cb0e3a" alt="" width="375"><figcaption><p>Ilustracja 1. Widok listy kuponów</p></figcaption></figure></div>
{% endcolumn %}

{% column width="58.33333333333333%" %}

Po otwarciu zakładki **Kupony** użytkownikowi prezentowana jest lista dostępnych kuponów w formie przewijanej listy kafli. Lista jest **domyślnie posortowana od najnowszych ofert**.

Każdy kafel kuponu zawiera najważniejsze informacje pozwalające na szybkie porównanie ofert, w szczególności:

* nazwę sklepu, w którym można wykorzystać kupon,
* wartość rabatu (kwotowa lub procentowa),
* informację o zakresie rabatu (bez ograniczeń lub z ograniczeniami),
* cenę kuponu,
* reputację sprzedającego,
* dostępność kuponu (sklepy stacjonarne, internetowe lub oba),
* datę ważności kuponu,
* przycisk umożliwiający zapisanie kuponu do zakładki [Zapisane](https://docs.coupidyn.pl/ekrany-aplikacji/profil/zapisane).
  {% endcolumn %}
  {% endcolumns %}

### Wyszukiwarka

{% columns %}
{% column width="58.333333333333336%" %}
W górnej części ekranu znajduje się pole wyszukiwania z podpowiedzią "*Wyszukaj sklep lub kategorię"*.\
Użytkownik może wpisać pełną nazwę lub jej fragment.

Po wprowadzeniu zapytania wyświetlany jest ekran z dopasowanymi:

* kategoriami,
* sklepami (sklepy są dopasowywane zarówno po nazwie jak i po powiązanej kategorii).

Z poziomu kafla sklepu lub kategorii użytkownik może:

* dodać sklep lub kategorię do [Ulubionych](https://docs.coupidyn.pl/ekrany-aplikacji/profil/ulubione),
* wybrać opcję *Pokaż kupony*, która otwiera listę kuponów z automatycznie zastosowanym filtrem.

{% endcolumn %}

{% column width="41.666666666666664%" %}

<figure><img src="https://3091458654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI3YZSVYjzwEAeUK8rOpY%2Fuploads%2F1TslGSVlGWFowIXnrySD%2Fwyszukiwarka.png?alt=media&#x26;token=51f11cd1-8d46-4182-b3d2-dd705b2ce80b" alt=""><figcaption><p>Ilustracja 2. Wyniki wyszukiwania sklepów i kategorii</p></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

### **Filtrowanie i sortowanie**

Na ekranie listy kuponów dostępne są przyciski umożliwiające:

* przejście do widoku filtrów,
* wybór sposobu sortowania listy,
* przejście do widoku [Mapy](https://docs.coupidyn.pl/ekrany-aplikacji/kupony/mapa).

{% hint style="info" %}
Szczegółowy opis dotyczący filtrowania i sortowania kuponów został przedstawiony w sekcji [**Funkcjonalności → Przeglądanie i wyszukiwanie kuponów**](https://docs.coupidyn.pl/funkcjonalnosci/przegladanie-i-wyszukiwanie-kuponow).
{% endhint %}

<figure><img src="https://3091458654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI3YZSVYjzwEAeUK8rOpY%2Fuploads%2FUhNyCaEjjLndXIWhWtpD%2FfiltrySortowanie.png?alt=media&#x26;token=16c20d44-49c4-4978-96f2-18e210e25a1b" alt="" width="563"><figcaption><p>Ilustracja 3. Widok filtrów i sortowania</p></figcaption></figure>

{% columns %}
{% column width="50%" %}
Po zastosowaniu filtrowania lub sortowania na odpowiednim przycisku wyświetlana jest **kropka informacyjna**, sygnalizująca aktywne ustawienia. Oznaczenie to pozwala użytkownikowi łatwo rozpoznać, że lista kuponów jest wyświetlana z zastosowanymi filtrami lub niestandardowym sortowaniem, również po powrocie na ekran listy.

{% endcolumn %}

{% column width="50%" %}

<figure><img src="https://3091458654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FI3YZSVYjzwEAeUK8rOpY%2Fuploads%2FMHK6kleEZhjEa6AMqhEq%2FfiltrySortowanieKropka.png?alt=media&#x26;token=b90b4731-4d29-4ca4-a301-92d5267c2872" alt=""><figcaption><p>Ilustracja 4. Widoczne kropki informacyjne na przyciskach po zastosowaniu filtrów i sortowania</p></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

### **Przejście do szczegółów kuponu**

Po kliknięciu kafla wybranego kuponu użytkownik zostaje przeniesiony do ekranu [Szczegóły dostępnego kuponu](https://docs.coupidyn.pl/ekrany-aplikacji/kupony/szczegoly-dostepnego-kuponu), w którym dostępne są pełne informacje o ofercie oraz dodatkowe akcje, takie jak zakup kuponu lub kontakt ze sprzedającym.

### Stany ekranu

Ekran może znajdować się w różnych stanach w zależności od sytuacji:

* **stan domyślny** - wyświetlana jest lista dostępnych kuponów,
* **brak połączenia z Internetem** - użytkownikowi prezentowany jest komunikat o błędzie, a lista kuponów nie jest wyświetlana,
* **brak wyników** - w przypadku braku kuponów spełniających kryteria wyszukiwania lub filtrów.
