My problem today

error.php

<?php foreach ($journals as $journal) : ?>
  <tr>
    <td><?= $this->user_model->get_username_from_user_id($journal->author_id) ?></td>
    <td><a href = "" target="_blank" > <?= $journal->title ?> </a> </td>
    <td><?= $journal->date ?></td>
    <td>
      <button type="button" class="btn btn-sm btn-icon btn-flat btn-default" data-toggle="tooltip" 
            data-original-title="View"
      onclick="document.getElementById('id01').style.display='block'" style="width:auto;">
      <a href="" ><i class="icon wb-eye" aria-hidden="true"></i></a>
      </button>
    </td>
  </tr>

 <?php endforeach; ?>


<div id="id01" class="modal">

<form class="modal-content animate" action="/action_page.php">

  <div class="page-header">
     <p><h1 class="page-title">Reviewers</h1></p>
  </div>

  <div class="container">
     <table class="table table-bordered">
        <thead>
           <tr>
             <th>Username</th>
             <th>Email</th>
           </tr>
        </thead>
        <tbody>
           <?php foreach ($reviewers as $reviewer): ?>
             <tr>
                <td> <a href="<?=base_url('editor/review/'.$reviewer->id.'/'.$journal->id) ?> "><?= $reviewer->username ?>
                    </a>
                </td>
                <td><?= $reviewer->email ?></td>
             </tr>

           <?php endforeach; ?>
       </tbody>


 </div>



<script>
// Get the modal
    var modal = document.getElementById('id01');

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }


</script>