2 forms on 1 page not possible?

Hi I have 2 forms side by side on a page. One a fan button that when you click will add you as fan the next a comment popbox where you can add a comment, both direct to the same page but onlt the comment works, the fan button before send you to the “embarrassing page” though the permalink is the exact same as the comment direct. When testing this on an external php page the forms work fine.
external page – you can see that each button you click the different info appears correctly
https://clivemabey.me.uk/form_test.php
now on the wordpress test site the fan (thumbs up icon) you can see that it does not work – you will need to login to see

[ User ID and password redacted, please do not post those here ]

https://photohunters.org/photohunters-test/photographer

code

<?php
          if($commented != 1){$button_comment_class = 'button-comment';}
		  else {$button_comment_class = 'button-commented';}

		  if ($voter_id != 0 && $voter_id != $photographer_id) { ?>
        <div class="photographer-buttons">

           <form  name="fan_form" id="fan_form" action="<?php the_permalink(); ?>" enctype="multipart/form-data" method="post" >
            <input type="hidden" name="photographer" value="<?php echo $photographer_id; ?>" />
            <input type="hidden" name="commenter" value="<?php echo $voter_id; ?>" />
            <input type="hidden" name="category_id" value="<?php echo $category; ?>" />
            <input type="hidden" name="name" value="<?php echo $photographer_name; ?>" />
            <input id="fan-button" name="fan-button" type="submit" value="">
          </form>

          <div class="popbox">
          <a class="open" href="#">
            <button type="button" class="<?php echo $button_comment_class; ?>" title="Send a Comment"></button>
          </a>
            <div class="collapse">
              <div class="box" style="width:350px">
                <div class="arrow"></div>
                <div class="arrow-border"></div>
                <h2 align="center" style="font-size:16px; line-height:2; font-family:Verdana, Geneva, sans-serif;">Comment</h2>
                <form  name="review" id="review" action="<?php the_permalink(); ?>" enctype="multipart/form-data" method="post" >
                  <input type="hidden" name="photographer_id" value="<?php echo $photographer_id; ?>" />
                  <input type="hidden" name="commenter_id" value="<?php echo $voter_id; ?>" />
                  <input type="hidden" name="category" value="<?php echo $category; ?>" />
                  <p>
                    <textarea name="review_text" id="review_text" rows="3" ></textarea>
                  </p>
                  <br />
                  <p>
                    <input id="send_review" name="send_review" class="send_review" type="submit" value="Send">
                  </p>
                  <br />
                </form>
              </div> <!-- .arrow-border-->
            </div><!-- .arrow -->
          </div><!-- .box -->
        </div> <!-- .collapse-->
      </div> <!-- .popbox -->
    </div> <!-- .photographer-buttons -->

header and footer have the right code as you willbe able to see in source code
I was hoping if there is a workaround! HELP
thank you
Melanie