<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<div class="starter-template">
    <div class="modal fade" id="unavailableModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
            <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-warning-sign"></span> Server Unavailable</h4>
          </div>
          <div class="modal-body">
          	The Perforce server is currently unreachable. This error may be transient, so you can try reloading the page.
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" onClick="javascript:location.reload();">Reload</button>
          </div>
        </div>
      </div>
    </div>
</div>

<script type="text/javascript">
$(window).load(function(){
    $('#unavailableModal').modal('show');
});
</script>