@wise I think you are not debugging on localhost according to your screenshots (btw. you have a ) in the url of your screenshots, so they are not working when clicked).
Perhaps you have to enter your ip address @ xdebug.remote_host= localhost instead of localhost.
And I see your ide key is different in your xdebug config then the connection where PHPstorm is waiting for. Maybe this makes a difference also?
I created a new PHP Web application, selected my server and gave root url / and selected default browser. Browser opens in white screen and keeps loading. When I switch back to PHPstorm I can debug. But I checked under "run" break at first line in PHP scripts.
Screenshot of my PHP web application:
And then I select it in the right top and press the bug:
There has to be some error in my configuration or using. We know, that simple file debug is working, but when i try to debug in browser, it's not.
Maybe some error with port 10000? At your screen is URL "app.shizzle" (btw. how did you assign image directly?) and at my screen its "online-chef.dev:10000" and when i run this URL directly its not working (ERR_CONNECTION_REFUSED). But i can't use port 9000 (dont know why, just not working).
I tried to set port to 4381 (which was opened for localhost) and in apache set this port as listened. Now, when i run debug, storm says "Port 4381 is busy".
I can see now, it's used by httpd service (as i configured), when i hit Debug button.