Promo Code Management

Create an adaptive user interface component of the promo code page, where there is a sidebar with a menu and the main part. In the main part, the functionality for creating a course: Let's describe it from top to bottom: at the beginning of the page on the left we have breadcrums with a slash, "courses / only 4 promo codes" Next, we have a full width c + button for adding a promo code. After clicking it, a modal window opens where you can enter the name of the promo code and below the line "Can be used" Enter the number of "times". Instead of "Enter a number" there should be a frameless field for entering a number Next comes the create promo code button. The modal window is closed with a cross in the upper right corner Make it so that there is not a menu on the left, but a sidebar with a list of pages. In the modal window, the promo code creation button on the left is not full-width. After the button to add a promo code, add a list of promo codes, the name will be on the left, two icons on the right, one for setting up, the other for deleting the promo code. When you click on the settings icon, a modal window opens for editing the promo code, where you can change the name of the promo code by clicking on the pencil.