Connecting PhpMyAdmin to two different MySQL instances on the same host

Question

I currently have running two MySQL instances on my machine, production and development - I can connect to each one using the following:

mysql --host=127.0.0.1 --port=3306 -u root -p
mysql --host=127.0.0.1 --port=6606 -u root -p

Now I just set up an instance of PhpMyAdmin, but I am having trouble getting it to connect to my Development instance, here is relevant context in config.inc.php

$i = 1;
$cfg['Servers'][$i]['verbose'] = 'Production';
$cfg['Servers'][$i]['auth_type'] = 'cookie';
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['port'] = 3306;
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = false;

$i = 2;
$cfg['Servers'][$i]['verbose'] = 'Development';
$cfg['Servers'][$i]['auth_type'] = 'cookie';
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['port'] = 6606;
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = false;

When logging on, whether I have Production or Development selected, I am also logged into the Production server running on 3306.

Thoughts?

Answer 1

Seems like I need a tutorial to copy paste my code on this fantastic editor. If you know that, pls do make a video out of it.

So, no more difficulties in making. If you find difficult to type the codes from the image, here is the entire config file in Google drive. just open it and use.

https://drive.google.com/file/d/1t3L8CfefKP5eC2GVy-TE2Edx31zGEdy-/view?usp=sharing

Use the code shown in the attached image.