<html>

  <div style="width:100%;font-family:verdana;">

    <h1>webm got reported!</h1>

    <div>
      <b>Link:</b>
      <a href="{{$videoURL}}">{{$videoURL}}</a>
    </div>

    <br>

    <div>
      <table style="width:100%;border:1px solid black;border-collapse:collapse;">
        <thead>
          <tr style="border:1px solid black; padding:5px;">
            <th style="background-color:#bbbbbb;border-right:1px solid black;">Report Reasons</th>
            <th style="background-color:#bbbbbb;">Report Text</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="padding:10px;border-right:1px solid #bbbbbb;">
              <ul>
                {!! $reportReasons !!}
              </ul>
            </td>
            <td style="padding:10px;">
              {{$reportText}}
            </td>
          </tr>
        </tbody>
      </table>
    </div>

    <br>

    <div>
      <table style="width:100%; border-collapse:collapse;border:1px solid black;">
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;width:200px;">Username</th>
          <td>{!! $username !!}</td>
        </tr>
        <!--
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;">Time reported</th>
          <td></td>
        </tr>
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;">IP:</th>
          <td></td>
        </tr>-->
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;">Video ID</th>
          <td>{{$videoID}}</td>
        </tr>
        <!--
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;">Video Title</th>
          <td></td>
        </tr>
        <tr style="border-bottom:1px solid black;">
          <th style="border-right:1px solid black;padding:5px;">Video Tags</th>
          <td></td>
        </tr>-->
      </table>
    </div>

    <br>
    <hr>

    <!--
    <div>
      <h3>Debug Output:</h3>
      <div style="color:green;font-family:consolas;background-color:black;">
        <pre>
          {{$debugOutput}}
        </pre>
      </div>
    </div>
    -->

  </div>


</html>
