Successful Payment

### 📖 User Story

**As** a Strata Hotel user, after I make the payment successfully
**I want** to see a confirmation of my application submission
**So that** I know what to expect for the next steps and receive an email receipt.

### Context:
Strata Hotel users need to see a confirmation page that tells next steps while waiting for the decision on their STRR application. In addition, they should receive an email that confirms the payment, includes a receipt attachment, and provides a link to access STRR and the user dashboard for updates.

### 📏 Business Rules

- [ ] Show the confirmation that the registration of the rental property has been submitted after successful payment.
- [ ] Users can go to their dashboard from this page.
- [ ] An email must be sent to the user upon successful payment. The email should include:
- A confirmation of the successful payment.
- A link to access the STRR.
- An attachment of the payment receipt.
- A suggestion to visit their dashboard for updates.

### Email Template:
---
**Subject:** Payment Confirmation and Next Steps for Your STRR Application

Dear [User's Name],

Thank you for submitting your Short-Term Rental Registration (STRR) application. We are pleased to confirm that we have successfully received your payment.

**What's Next?**
- Your application is now under review.
- You can access your STRR application using the following link: [Insert STRR link]
- Please visit your dashboard for updates on the status of your application: [Insert dashboard link]

**Receipt:**
Please find your payment receipt attached to this email.

If you have any further questions, feel free to contact us.

Regards
Short Term Rental Branch, Ministry of Housing
---

### UX/UI Designs:
[Design link](https://www.figma.com/design/R9GF5wvwq2TrnbnsbhPfvV/STR-Host-Application-Tickets?node-id=4246-4024&t=DYADWBQAW26gkFHI-4)

### 🎭 Story Scenarios

#### Scenario 1: STRR application submitted

- **Given** the user is on the fee payment page
- **When** the user successfully pays the registration fee on the fee payment page
- **Then** the user is presented with the "application received confirmation" page
- **And** the user is able to see a confirmation message about the STRR application submission, and a link go to the user dashboard.
- **And** an email is triggered containing the payment receipt and next steps.

---

🌐 Accessibility Scenarios

### Keyboard Users
**Scenario: Comprehensive Keyboard Navigation**
Given I am a keyboard user on the website
When I use the Tab key to navigate through the website
Then all interactive elements should be accessible and highlighted
And I should be able to activate these elements using the Enter or Space key.

**Scenario: Full Content Accessibility via Keyboard**
Given I am a keyboard user navigating the website
When I traverse through different pages and sections
Then all content should be fully accessible using the keyboard alone
And there should be no traps that prevent me from navigating away using the keyboard.

### Screen Reader Users
**Scenario: Accessible Image Descriptions**
Given I am using a screen reader on the website
When I encounter images
Then each image should have descriptive alt text that conveys the same message as the image.

**Scenario: Structured Navigation for Screen Readers**
Given I am navigating the website using a screen reader
When I move through different page elements
Then the content should be structured with proper headings
And the reading order should be logical and sequential.

**Scenario: Descriptive Form Fields**
Given I am filling out a form using a screen reader
When I navigate through the form fields
Then each field should be clearly labeled with descriptive text
And instructions should be directly associated with their respective inputs.

### Low Vision Users
**Scenario: Effective High Contrast Mode**
Given I am a user with low vision on the website
When I enable high contrast mode
Then all content should display with high color contrast suitable for low vision
And the layout should remain coherent and unchanged.

**Scenario: Text Resizing Accommodation**
Given I am a user with low vision on the website
When I increase the text size
Then the text should resize without loss of information or functionality
And the page layout should adapt accordingly without disrupting the user experience.

**Scenario: Personalized Styling Preferences**
Given I am a user with low vision adjusting settings on the website
When I customize my styling preferences, including colors, fonts, and spacing
Then these adjustments should be applied consistently across all pages
And the changes should persist during my entire session or until altered by me.

---

🌍 Global Scenarios

### Internet Connection

#### Standard Internet Connection
Given I am accessing the website with a standard internet connection
When I navigate to any page on the site
Then the page should load completely within 2 seconds, ensuring a fast and efficient user experience.

#### Low-Speed Internet
Given a user accesses the "Application Details View" with a low-speed internet connection defined as under [specific speed] Mbps
When the user attempts to load and interact with the dashboard page
Then the "Application Details View" should prioritize critical content and functionality, loading essential elements first to ensure usability.

#### Mobile Responsiveness
Given I am accessing the "Application Details View" on a mobile device
When I click on any link
Then the content should display correctly and be easily editable on my device, ensuring a responsive design.