Untitled

<!DOCTYPE HTML>
<html>
<head>
<title>PTCG Admin Pages</title>
</head>
<body>

  <h2>Insert New Card Data</h2>
  <br>
<div>
<form action="include/addCard.php" method="post">

  <input type="text" name="name" placeholder="Name">
  <br>
  <input type="text" name="number" placeholder="Number">
  <br>
    Expansion:
    <select name="expansion">
        <option value="AC1a">AC1a</option>
        <option value="AC1b">AC1b</option>
        <option value="AC2a">AC2a</option>
        <option value="AC2b">AC2b</option>
        <option value="AS5a">AS5a</option>
        <option value="AS5b">AS5b</option>
      </select>
<br>
Rarity:
<select name="rare">
    <option value="C">C</option>
    <option value="U">U</option>
    <option value="R">R</option>
    <option value="S">S</option>
    <option value="RR">RR</option>
    <option value="SR">SR</option>
    <option value="SSR">SSR</option>
    <option value="HR">TR</option>

  </select>

<br>
Card Type :
<select name="type"  onchange="yesnoCheck(this);">
    <option value="1">Pokemon</option>
    <option value="2">Trainner</option>
    <option value="3">Energy</option>
</select>

<br><br><br>

<div id ="ifPokemon" style="display:block;">
If this is Pokemon:
<br><br>

HP:
<select name="hp">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
    <option value="50">50</option>
    <option value="60">60</option>
    <option value="70">70</option>
    <option value="80">80</option>
    <option value="90">90</option>
    <option value="100">100</option>
    <option value="110">110</option>
    <option value="120">120</option>
    <option value="130">130</option>
    <option value="140">140</option>
    <option value="150">150</option>
    <option value="160">160</option>
    <option value="170">170</option>
    <option value="180">180</option>
    <option value="190">190</option>
    <option value="200">200</option>
    <option value="210">210</option>
    <option value="220">220</option>
    <option value="230">230</option>
    <option value="240">240</option>
    <option value="250">250</option>
    <option value="260">260</option>
    <option value="270">270</option>
    <option value="280">280</option>
    <option value="290">290</option>
    <option value="300">300</option>
    <option value="310">310</option>
    <option value="320">320</option>
    <option value="330">330</option>
    <option value="340">340</option>
    <option value="350">350</option>
    <option value="360">360</option>
    <option value="370">370</option>
    <option value="380">380</option>
    <option value="390">390</option>
  </select>
<br><br>
Stage:
<select name="stage"  onchange="checkBasic(this);">
    <option value="0">Basic</option>
    <option value="1">Stage1</option>
    <option value="2">Stage2</option>
</select>
<br><br>

<div id="nonbasic" style="display:none">
Evolution From:
<input type="text" name="evolFrom" placeholder="Evolution from" value="none">
</div>

<br><br>
Pokemon Type:
<select name="pType">
    <option value="0">Colourless</option>
    <option value="1">Fighting</option>
    <option value="2">Fire</option>
    <option value="3">Grass</option>
    <option value="4">Lightning</option>
    <option value="5">Psychic</option>
    <option value="6">Water</option>
    <option value="7">Darkness</option>
    <option value="8">Metal</option>
    <option value="9">Fairy</option>
    <option value="10">Drangon</option>

</select>


<br><br>
Retreat Cost:
<select name="retreatCost">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>

</select>
<br><br>
Ability:
<input type="hidden" name="ability" value="0" >
<input type="checkbox" value="1" name="ability">
<br><br>
Weakness :
<select name="weakness">
    <option value="99">none</option>
    <option value="0">Colourless</option>
    <option value="1">Fighting</option>
    <option value="2">Fire</option>
    <option value="3">Grass</option>
    <option value="4">Lightning</option>
    <option value="5">Psychic</option>
    <option value="6">Water</option>
    <option value="7">Darkness</option>
    <option value="8">Metal</option>
    <option value="9">Fairy</option>
    <option value="10">Drangon</option>

</select>
<br>
Resistance :
<select name="resistance">
    <option value="99">none</option>
    <option value="0">Colourless</option>
    <option value="1">Fighting</option>
    <option value="2">Fire</option>
    <option value="3">Grass</option>
    <option value="4">Lightning</option>
    <option value="5">Psychic</option>
    <option value="6">Water</option>
    <option value="7">Darkness</option>
    <option value="8">Metal</option>
    <option value="9">Fairy</option>
    <option value="10">Drangon</option>

</select>
<br>
<br><br>
</div>

<div id = "ifTrainner" style="display:none">
If this is Trainner:
<br>
<br>

<input type="radio" name="Trainner" value="0" > Item
<input type="radio" name="Trainner" value="1"> Supporter
<input type="radio" name="Trainner" value="2"> Statium
<input type="radio" name="Trainner" value="3"> Pokemon's tool
</div>


<div id = "ifEn" style="display:none">
If this is Energy Card:
<br><br>

Special Energy :
<input type="checkbox" name=eSpecial value="1"><br>
<br>
Energy type:
<select name="eType">
    <option value="0">Colourless</option>
    <option value="1">Fighting</option>
    <option value="2">Fire</option>
    <option value="3">Grass</option>
    <option value="4">Lightning</option>
    <option value="5">Psychic</option>
    <option value="6">Water</option>
    <option value="7">Darkness</option>
    <option value="8">Metal</option>
    <option value="9">Fairy</option>
    <option value="10">Drangon</option>

</select>
</div>
<br>
<label>Upload Image File:</label><br/>
<input name="img" type="file"/>

<br>
<button type="submit">Submit</button>
</form>


</body>
</html>

<script>

function yesnoCheck(that) {
    if (that.value == "1") {
        document.getElementById("ifPokemon").style.display = "block";
        document.getElementById("ifEn").style.display = "none";
        document.getElementById("ifTrainner").style.display="none";
    }else if (that.value == "2") {
      document.getElementById("ifPokemon").style.display = "none";
      document.getElementById("ifEn").style.display = "none";
      document.getElementById("ifTrainner").style.display="block";

    }else if (that.value == "3") {
      document.getElementById("ifPokemon").style.display = "none";
      document.getElementById("ifEn").style.display = "block";
      document.getElementById("ifTrainner").style.display="none";
    } else {
      document.getElementById("ifPokemon").style.display = "none";
      document.getElementById("ifEn").style.display = "none";
      document.getElementById("ifTrainner").style.display="none";    }

}
function checkBasic(that) {
    if (that.value != "0") {
        document.getElementById("nonbasic").style.display = "block";
    }else {
      document.getElementById("nonbasic").style.display="none";

    }

}
</script>