<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="../../favicon.ico">

	<title>
		<?php echo $row['title']." - ".$MSG_PROBLEM." - ".$OJ_NAME; ?>
	</title>

	<?php include("template/$OJ_TEMPLATE/css.php");?>

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
<?php if (isset($OJ_MATHJAX)&&$OJ_MATHJAX){?>
    <!--以下为了加载公式的使用而既加入-->
<script>
  MathJax = {
    tex: {inlineMath: [['$', '$'], ['\\(', '\\)']]}
  };
</script> 

<script id="MathJax-script" async src="template/<?php echo $OJ_TEMPLATE?>/tex-chtml.js"></script>
<style>
	.jumbotron1{ 
  font-size: 18px; 
}
</style>

<?php } ?>

<!--数学公式js加载完毕-->
</head>


<body>
	<div id="main" class="container">
		<?php include("template/$OJ_TEMPLATE/nav.php");?>

		<!-- Main component for a primary marketing message or call to action -->
    <!-- <div class="jumbotron"></div> -->

		<div class="panel panel-default">
			<div class="panel-heading">
				<?php
				if ( $pr_flag ) {
					echo "<title>$MSG_PROBLEM" . $row[ 'problem_id' ] . "--" . $row[ 'title' ] . "</title>";
					echo "<center><h1>$id: " . $row[ 'title' ] . "</h1></center>";
					echo "<div align=right><sub>[$MSG_Creator : <span id='creator'></span>]</sub></div>";
				} else {
					//$PID="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
					$id = $row[ 'problem_id' ];
					echo "<title>$MSG_PROBLEM " . $PID[ $pid ] . ": " . $row[ 'title' ] . " </title>";
					echo "<center><h3>$MSG_PROBLEM " . $PID[ $pid ] . ": " . $row[ 'title' ] . "</h3><center>";
					echo "<div align=right><sub>[$MSG_Creator : <span id='creator'></span>]</sub></div>";
				}
				echo "<center>";
				echo "<span class=green>$MSG_Time_Limit : </span><span><span fd='time_limit' pid='".$row['problem_id']."'  >" . $row[ 'time_limit' ] . "</span></span> sec&nbsp;&nbsp;";
				echo "<span class=green>$MSG_Memory_Limit : </span>" . $row[ 'memory_limit' ] . " MiB";

				echo array($MSG_NJ,$MSG_SPJ,$MSG_RTJ)[$row['spj']] ; 
				echo "<br><br>";
					echo "<div class='btn-group' role='group'>";
        if($pr_flag){
					echo "<a id='submit' class='btn btn-info btn-sm' href='submitpage.php?id=$id' role='button'>$MSG_SUBMIT</a>";
        }else{
	      if($contest_is_over)
                       echo "<a id='submit' class='btn btn-info btn-sm' href='submitpage.php?id=$id' role='button'>$MSG_SUBMIT</a>";
              else
                       echo "<a id='submit' class='btn btn-info btn-sm' href='submitpage.php?cid=$cid&pid=$pid&langmask=$langmask' role='button'>$MSG_SUBMIT</a>";
  	      echo "<a class='btn btn-primary btn-sm' role='button' href='contest.php?cid=$cid'>$MSG_PROBLEM$MSG_LIST</a>";
        }
				if (isset($OJ_OI_MODE)&&$OJ_OI_MODE) {
				} else {
					echo "<a class='btn btn-primary btn-sm' role='button' href=status.php?problem_id=".$row['problem_id']."&jresult=4>$MSG_SOVLED: ".$row['accepted']."</a>";
					echo "<a class='btn btn-primary btn-sm' role='button' href=status.php?problem_id=".$row['problem_id'].">$MSG_SUBMIT_NUM: ".$row['submit']."</a>";
					echo "<a class='btn btn-primary btn-sm' role='button' href=problemstatus.php?id=".$row['problem_id'].">$MSG_STATISTICS</a>";
				}
 	      echo "<a class='btn btn-danger btn-sm' href='#' onclick='transform()' role='button'>$MSG_SHOW_OFF</a>";
	      if ( isset($_SESSION[$OJ_NAME.'_'.'administrator']) || isset($_SESSION[$OJ_NAME.'_'."p".$row['problem_id']])  ) {  //only  the original editor can edit this  problem
        	require_once("include/set_get_key.php");
 					echo "<a class='btn btn-success btn-sm' role='button' href=admin/problem_edit.php?id=$id&getkey=".$_SESSION[$OJ_NAME.'_'.'getkey'].">EDIT</a>";
 					echo "<a class='btn btn-success btn-sm' role='button' href=javascript:phpfm(".$row['problem_id'].")>TESTDATA</a>";
	      			if( isset($used_in_contests) && count($used_in_contests)>0 ){
					echo "<hr><br>$MSG_PROBLEM_USED_IN:";
					foreach($used_in_contests as $contests){
						echo "<a class='label label-warning' href='contest.php?cid=". $contests[0]."'>".$contests[1]." </a><br>";	
					
					}
					//echo "</div>";

				}
	      }
                    
				echo "</div>";
				echo "</center>";
				# end of head
				echo "</div>";

				echo "<!--StartMarkForVirtualJudge-->";
				?>

				<div class="panel panel-body">
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_Description?>
							</h4>
						</div>
						<div id="description" class='panel-body content'>
							<?php echo bbcode_to_html($row['description'])?>
						</div>
					</div>

					<?php 
        if($row['input']){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_Input?>
							</h4>
						</div>
						<div id="input"  class='panel-body content'>
							<?php echo bbcode_to_html($row['input'])?>
						</div>
					</div>
					<?php }
        if($row['output']){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_Output?>
							</h4>
						</div>
						<div id="output"  class='panel-body content'>
							<?php echo bbcode_to_html($row['output'])?>
						</div>
					</div>
					<?php }    
    $sinput=str_replace("<","&lt;",$row['sample_input']);
    $sinput=str_replace(">","&gt;",$sinput);
    $soutput=str_replace("<","&lt;",$row['sample_output']);
    $soutput=str_replace(">","&gt;",$soutput);

        if(strlen($sinput)){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_Sample_Input?> 
								<a href="javascript:CopyToClipboard($('#sampleinput').text())">Copy</a>
							</h4>
						</div>
						<div class='panel-body'><pre  id="sinput" class=content><span id="sampleinput" class=sampledata><?php echo $sinput?></span></pre>
						</div>
					</div>
					<?php }

        if(strlen($soutput)){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_Sample_Output?>
								<a href="javascript:CopyToClipboard($('#sampleoutput').text())">Copy</a>
							</h4>
						</div>
						<div class='panel-body'><pre  id="soutput" class=content ><span id='sampleoutput' class=sampledata><?php echo $soutput?></span></pre>
						</div>
					</div>
					<?php }

        if($row['hint']){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_HINT?>
							</h4>
						</div>
						<div  id="hint" class='panel-body content hint'>
							<?php echo bbcode_to_html($row['hint'])?>
						</div>
					</div>
					<?php }

        if($pr_flag){?>
					<div class='panel panel-default'>
						<div class='panel-heading'>
							<h4>
								<?php echo $MSG_SOURCE?>
							</h4>
						</div>

						<div fd="source" style='word-wrap:break-word;' pid=<?php echo $row['problem_id']?> class='panel-body content'>
							<?php 
              $cats=explode(" ",$row['source']);
              foreach($cats as $cat){
								$hash_num=hexdec(substr(md5($cat),0,7));
								$label_theme=$color_theme[$hash_num%count($color_theme)];
								if($label_theme=="") $label_theme="default";
                echo "<a class='label label-$label_theme' style='display: inline-block;' href='problemset.php?search=".urlencode(htmlentities($cat,ENT_QUOTES,'utf-8'))."'>".htmlentities($cat,ENT_QUOTES,'utf-8')."</a>&nbsp;";
	            }?>
	          </div>

					</div>
					<?php }?>

				</div>
			<center>
				<!--EndMarkForVirtualJudge-->
				<div class='panel-footer'>
				<?php 
        if($pr_flag){
					echo "<a class='btn btn-info btn-sm' href='submitpage.php?id=$id' role='button'>$MSG_SUBMIT</a>";
        }else{
					echo "<a class='btn btn-info btn-sm' href='submitpage.php?cid=$cid&pid=$pid&langmask=$langmask' role='button'>$MSG_SUBMIT</a>";
        }
        if ($OJ_BBS) echo "<a class='btn btn-warning btn-sm' href='bbs.php?pid=".$row['problem_id']."$ucid'>$MSG_BBS</a>";
        ?>
				</div>
			</center>
		</div>
	</div>
	<!-- /container -->


	<!-- Bootstrap core JavaScript
  ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<?php include("template/$OJ_TEMPLATE/js.php");?>
	<script>
		function phpfm( pid ) {
			//alert(pid);
			$.post( "admin/phpfm.php", {
				'frame': 3,
				'pid': pid,
				'pass': ''
			}, function ( data, status ) {
				if ( status == "success" ) {
					document.location.href = "admin/phpfm.php?frame=3&pid=" + pid;
				}
			} );
		}
               function selectOne( num, answer){
		          let editor = $("iframe")[0].contentWindow.$("#source");
		          let old=editor.text();
		          let key= num+".*";
		          console.log(key);
		          let rep=old.replace(new RegExp(key),num+" "+answer);
		          editor.text(rep);
  		}
		function selectMulti( num, answer){
			  let editor = $("iframe")[0].contentWindow.$("#source");
			  let old=editor.text();
			  let key= num+".*";
			  console.log(key);
			  let rep=old.replace(new RegExp(key),num+" "+answer);
			  editor.text(rep);
		}
		$( document ).ready( function () {
			$( "#creator" ).load( "problem-ajax.php?pid=<?php echo $id?>" );
<?php if(isset($OJ_MARKDOWN)&&$OJ_MARKDOWN){ ?>
                        $(".md").each(function(){
                                $(this).html(marked.parse($(this).html()));
                        });
<?php } ?>
	//单纯文本1. A. B. C. D. 自动变控件
	$('span[class=auto_select]').each(function(){
                let i=1;
                let start=0;
                let raw=$(this).html();
                let options=['A','B','C','D'];
                while(start>=0){
                        start=raw.indexOf(i+".",start);
                        if(start<0) break;
                        let end=start;
                        let type="radio"
                        for(let j=0;j<4;j++){
                                let option=options[j];
                                end=raw.indexOf(option+".",start);
                                if(j==0&&raw.substring(start,end).indexOf("多选")>0) type="checkbox";
                                if (end<0) break;
                                let disp="<input type=\""+type+"\" name=\""+i+"\" value=\""+option+"\" />"+option+".";
                                //console.log(disp);
                                raw= raw.substring(0,end-1)+disp+raw.substring(end+2);
                                start+=disp.length;
                        }
                        start=end+1;
                        i++;
                }
                //console.log(raw);
                $(this).html(raw);
        });
        $('input[type="radio"]').click(function(){
                if ($(this).is(':checked'))
                {
                   selectOne($(this).attr("name"),$(this).val());
                }
        });
	$('input[type="checkbox"]').click(function(){
                let num=$(this).attr("name");
                let answer="";
                $("input[type=checkbox][name="+num+"]").each(function(){
                        if ($(this).is(':checked'))
                                answer+=$(this).val();
                });
                selectMulti(num,answer);
        });
<?php if ($row['spj']>1 || isset($_GET['sid']) || (isset($OJ_AUTO_SHOW_OFF)&&$OJ_AUTO_SHOW_OFF)){ ?>
    transform();
<?php }?>


		} );
		function CopyToClipboard (input) {
			var textToClipboard = input;
			 
			var success = true;
			if (window.clipboardData) { // Internet Explorer
			    window.clipboardData.setData ("Text", textToClipboard);
			}
			else {
				// create a temporary element for the execCommand method
			    var forExecElement = CreateElementForExecCommand (textToClipboard);
			 
				    /* Select the contents of the element 
					(the execCommand for 'copy' method works on the selection) */
			    SelectContent (forExecElement);
			 
			    var supported = true;
			 
				// UniversalXPConnect privilege is required for clipboard access in Firefox
			    try {
				if (window.netscape && netscape.security) {
				    netscape.security.PrivilegeManager.enablePrivilege ("UniversalXPConnect");
				}
			 
				    // Copy the selected content to the clipboard
				    // Works in Firefox and in Safari before version 5
				success = document.execCommand ("copy", false, null);
			    }
			    catch (e) {
				success = false;
			    }
			 
				// remove the temporary element
			    document.body.removeChild (forExecElement);
			}
			 
			if (success) {
			    alert ("The text is on the clipboard, try to paste it!");
			}
			else {
			    alert ("Your browser doesn't allow clipboard access!");
			}
			}
			 
			function CreateElementForExecCommand (textToClipboard) {
			var forExecElement = document.createElement ("pre");
			    // place outside the visible area
			forExecElement.style.position = "absolute";
			forExecElement.style.left = "-10000px";
			forExecElement.style.top = "-10000px";
			    // write the necessary text into the element and append to the document
			forExecElement.textContent = textToClipboard;
			document.body.appendChild (forExecElement);
			    // the contentEditable mode is necessary for the  execCommand method in Firefox
			forExecElement.contentEditable = true;
			 
			return forExecElement;
			}
			 
			function SelectContent (element) {
			    // first create a range
			var rangeToSelect = document.createRange ();
			rangeToSelect.selectNodeContents (element);
			 
			    // select the contents
			var selection = window.getSelection ();
			selection.removeAllRanges ();
			selection.addRange (rangeToSelect);
			}
			function transform(){
        let height=document.body.clientHeight;
			let width=parseInt(document.body.clientWidth*0.6);
			let width2=parseInt(document.body.clientWidth*0.4);
        let submitURL=$("#submit")[0].href;
		<?php
                 if(isset($_GET['sid'])) echo "submitURL+='&sid=".intval($_GET['sid'])."';";
         ?>
        console.log(width);
        let main=$("#main");
        let problem=main.html();   
        
        if (window.screen.width < 500){
        	main.parent().append("<div id='submitPage' class='container' style='opacity:0.8;z-index:88;top:49px;'></div>");
                $("#submitPage").html("<iframe id='ansFrame' src='"+submitURL+"&spa' width='100%' height='"+window.innerHeight+"px' ></iframe>");
                window.setTimeout('$("#ansFrame")[0].scrollIntoView()',1000);
	}else{
		main.css("width",width2);
		main.css("margin-left","0px");
       	 	main.parent().append("<div id='submitPage' class='container' style='opacity:0.8;position:fixed;z-index:1000;top:49px;right:-"+width2+"px'></div>");
		$("#submitPage").html("<iframe src='"+submitURL+"&spa' width='"+width*0.96+"px' height='"+window.innerHeight*0.9+"px' ></iframe>");
	}
	$("#submit").remove();      
        <?php if ($row['spj']>1){ ?>
            window.setTimeout('$("iframe")[0].contentWindow.$("#TestRun").remove();',1000);
        <?php }?>

  }

	</script>

</body>
</html>
