Question

This is python3. Please help me out.

Develop the following GUI interface to allow the user to specify the number of rows and number of columns of cards to be shown to the user. Show default values 2 and 2 for number of rows and number of columns. The buttons "New Game" and "Turn Over" span two column-cells each.

Fig 1. The GUI when the program first starts.

When the user clicks the "New Game" button, the program will read the number of rows and columns entered by the user. To keep the GUI's size manageable, the GUI will show at most 20 cards. Display an error in an error dialog box if number_of_row times number_of_columns is odd or greater than 20. Sample screen shots are as follows:

Fig 2. An error message in an error dialog box.

Fig 3. Another error message in an error dialog box.

If the entered values for number of rows and columns are valid. The program will create a deck object with the required pairs of cards. The cards must have ranks from 1 through (number of rows * number of columns) // 2. Each pair of cards must be of the same suit (Spades, Clubs, Diamonds, or Hearts). Select the suit for a pair of cards at random by using the Python code suit = random.choice(['s', 'c', 'd', 'h']). The program will then shuffle the deck of cards and create labels with card images as dealt from the deck. The cards must be gridded below the action buttons using the exact number of rows and columns as specified by the user. So, for example, if the user specifies 3 rows and 4 columns, the cards will be displayed in 3 rows and 4 columns. Sample screen shot is as follows:

Fig 4. The GUI from Fig. 1 after pressing the "New Game" button.

Fig 5. shows the GUI from Fig 4. after the user specifies 4 rows and 4 columns and presses the "New Game" button.

Fig 5. The GUI after changing number of rows to 4 and pressing the "New Game" button.

Clicking the "Turn Over" button will flip all the cards' images over, so if the images are face up they will be turned face down, and vice versa. Use the same back image for all cards. For example, Fig. 6 shows the GUI from Fig. 5 after the "Turn Over" button is clicked.

Fig 6. The GUI from Fig 5. after pressing the "Turn Over" button.

If the user then clicks the "Turn Over" button one more time, all the cards will be turned face up and the result will be as shown in Fig. 7, which is exactly the same as Fig. 5.

Fig 7. The GUI from Fig 6. after pressing the "Turn Over" button.

Extra Feature: [25 Extra Points]
Associate the left-mouse button press event, (<Button-1>), with the cards' labels so that the user can play the memory matching game. When a card is clicked, it will be flipped over, so that if it is face down it will be turned face up, and vice versa. The game will be played as follows. The user specifies the number of rows and columns and clicks the "New Game" button. Cards will be displayed in the GUI face up as shown in Fig. 4 and Fig. 5 above. The user will try to memorize all the cards' locations on the GUI. The user then clicks the "Turn Over" button to turn all the cards face down. Then, using the left mouse button, the user will select a pair of cards to flip over. If the two cards match, the user leaves them face up. If the two cards do not match, the user can flip either one or both cards face down. The user then selects one card to match with the card left face up or selects a pair of cards if s/he turned the two cards in the previous pair down. The game will continue until all cards are face up. At that stage, you may display an info dialog box telling the user that the game is over.