Please help to implement the out comment code or rearrange the bleow Java code so it's possible to click and grab the cards and move around them in the panel. Please send back the code with the changes in it in whole. Thanks! import javax.swing.$*$;

import java.awt.$*$;

import java.awt.event.MouseAdapter;

import java.awt.event.MouseEvent;

import java.util.ArrayList;

import java.util.Collections;

class CardGame extends JFrame $\{$

private JPanel cardPanel;

private ArrayList deck;

private Card selectedCard;

public CardGame$()\{$

setTitle$("$Solitaire Card Game"$)$;

setSize$(800,600)$;

setDefaultCloseOperation$($JFrame$.$EXIT$\_$ON$\_$CLOSE$)$;

deck $=$ new ArrayList$<>()$;

initializeDeck$()$;

cardPanel $=$ new JPanel$()\{$

@Override

protected void paintComponent$($Graphics g$)\{$

super.paintComponent$($g$)$;

int x $=50$;

int y $=50$;

for $($Card card : deck$)\{$

if $($card$.$isFaceUp$())\{$

g$.$setColor$($Color$.$WHITE$)$;

g$.$fillRect$($x$,$ y$,70,100)$;

g$.$setColor$($Color$.$BLACK$)$;

g$.$drawRect$($x$,$ y$,70,100)$;

g$.$drawString$($card$.$getValue$()+"$ of $"+$ card.getSuit$(),$ x $+10,$ y $+20)$;

$\}$ else $\{$

g$.$setColor$($Color$.$BLUE$)$;

g$.$fillRect$($x$,$ y$,70,100)$;

g$.$setColor$($Color$.$WHITE$)$;

g$.$drawRect$($x$,$ y$,70,100)$;

$\}$

x $+=20$;

y $+=10$;

$\}$

$\}$

$\}$;

cardPanel.addMouseListener$($new MouseAdapter$()\{$

@Override

public void mouseClicked$($MouseEvent e$)\{$

int x $=50$;

int y $=50$;

for $($Card card : deck$)\{$

if $($e$.$getX$()>=$ x && e$.$getX$()<=$ x $+70$ && e$.$getY$()>=$ y && e$.$getY$()<=$ y $+100)\{$

card.setFaceUp$(!$card.isFaceUp$())$;

cardPanel.repaint$()$;

break;

$\}$

x $+=20$;

y $+=10$;

$\}$

$\}$

$\})$;

add$($cardPanel$)$;

setVisible$($true$)$;

$\}$

private void initializeDeck$()\{$

String$[]$ suits $=\{"$Hearts$",$ "Diamonds", "Clubs", "Spades"$\}$;

String$[]$ values $=\{"2","3","4","5","6","7","8","9","10","$J$","$Q$","$K$","$A$"\}$;

for $($String suit : suits$)\{$

for $($String value : values$)\{$

deck.add$($new Card$($suit$,$ value, false$))$;

$\}$

$\}$

Collections.shuffle$($deck$)$;

$\}$

public static void main$($String$[]$ args$)\{$

new CardGame$()$;

$\}$

public class Card $\{$

private String suit;

private String value;

private boolean faceUp;

public Card$($String suit, String value, boolean faceUp$)\{$

this.suit $=$ suit;

this.value $=$ value;

this.faceUp $=$ faceUp;

$\}$

public String getSuit$()\{$

return suit;

$\}$

public String getValue$()\{$

return value;

$\}$

public boolean isFaceUp$()\{$

return faceUp;

$\}$

public void setFaceUp$($boolean faceUp$)\{$

this.faceUp $=$ faceUp;

$\}$

$\}$

$\}$

$/*$

cardPanel.addMouseListener$($new MouseAdapter$()\{$

private int xOffset;

private int yOffset;

@Override

public void mousePressed$($MouseEvent e$)\{$

int x $=50$;

int y $=50$;

for $($Card card : deck$)\{$

if $($e$.$getX$()>=$ x && e$.$getX$()<=$ x $+70$ && e$.$getY$()>=$ y && e$.$getY$()<=$ y $+100$ && card.isFaceUp$())\{$

selectedCard $=$ card;

xOffset $=$ e$.$getX$()-$ x;

yOffset $=$ e$.$getY$()-$ y;

break;

$\}$

x $+=20$;

y $+=10$;

$\}$

$\}$

@Override

public void mouseDragged$($MouseEvent e$)\{$

if $($selectedCard $!=$ null$)\{$

selectedCard.setX$($e$.$getX$()-$ xOffset$)$;

selectedCard.setY$($e$.$getY$()-$ yOffset$)$;

cardPanel.repaint$()$;

$\}$

$\}$

@Override

public void mouseReleased$($MouseEvent e$)\{$

selectedCard $=$ null;

$\}$

$\})$;

public void setX$($int x$)\{$

$//$ Update the x coordinate of the card

$\}$

public void setY$($int y$)\{$

$//$ Update the y coordinate of the card

$\}$

$*/$