add hats view page