@{
    ViewBag.Title = "Paypal DoDirectPayment";
}

<style>
    body
    {
        font-family:Calibri;
        font-size:14px;
        font-weight:lighter;
    }
    .textinput
    {
        font-family:Calibri;
        font-size:14px;
        font-weight:lighter;
        width:200px;
    }
   .textselect
    {
        font-family:Calibri;
        font-size:14px;
        font-weight:lighter;
        width:200px;
    }
    #signatureDone
    {
        text-align:center;
        width:500px;
    }
    #KrediKartDone
    {
        text-align:center;
        width:500px;
    }
    #BilgilerDone
    {
        text-align:center;
        width:500px;
    }
    #GonderDone
    {
        text-align:center;
        width:500px;
    }
    td
    {
        border:dotted 1px;
    }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<h2>Paypal DoDirectPayment</h2>

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "DoDirectPayment-form", action = "/Home/Index" }))
    {
        if (ViewBag.Success != null && ViewBag.Success)
        {
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#signatureDone").hide();
                    $("#KrediKartDone").hide();
                    $("#BilgilerDone").hide();
                    $("#GonderDone").hide();
             });
             </script>
            <div id="Sonuc">
            <p>@ViewBag.successLabel</p>
            <p>@ViewBag.ErrLabel</p>
            <p>@ViewBag.errcodeLabel</p>
            </div>
        }
<div id="signatureDone">
    <table style="width:400px;">
  <tr>
    <td style="width:150px;">Islem Tipi</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;"><select name="IslemTipi" id="IslemTipi" class="textselect">
      <option value="Sandbox">Sandbox</option>
      <option value="Live">Live</option>
    </select></td>
  </tr>
  <tr>
    <td style="width:150px;">USER</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;"><input type="text" name="USER" class="textinput" autocomplete="off" required /></td>
  </tr>
  <tr>
    <td>PWD</td>
    <td>:</td>
    <td><input type="text" name="PWD" class="textinput" autocomplete="off" required /></td>
  </tr>
  <tr>
    <td>SIGNATURE</td>
    <td>:</td>
    <td><input type="text" name="SIGNATURE" class="textinput" autocomplete="off" required /></td>
  </tr>
</table>
</div>
<br />
<div id="KrediKartDone">
    <table style="width:400px;">
  <tr>
    <td style="width:150px;">Kart Tipi</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;"><select name="KrediKartTipi" id="KrediKartTipi" class="textselect">
      <option value="Visa">Visa</option>
      <option value="Master">Master</option>
    </select></td>
  </tr>
  <tr>
    <td>Kredi Kartı Numarası</td>
    <td>:</td>
    <td><input type="text" name="KartNumarasi" class="textinput" autocomplete="off" required maxlength="16" /></td>
  </tr>
  <tr>
    <td style="width:150px;">BitisTarihi</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;">
      <select name="ExpDateAy" id="ExpDateAy" style="font-family:Calibri;font-size:14px;font-weight:lighter;width:75px;">
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      </select>
      <select name="ExpDateYil" id="ExpDateYil" style="font-family:Calibri;font-size:14px;font-weight:lighter;width:125px;">
      <option value="2015">2015</option>
      <option value="2016">2016</option>
      <option value="2017">2017</option>
      <option value="2018">2018</option>
      <option value="2019">2019</option>
      <option value="2020">2020</option>
      <option value="2021">2021</option>
      <option value="2022">2022</option>
      </select>
      </td>
  </tr>
  <tr>
    <td>Cvv2</td>
    <td>:</td>
    <td><input type="text" name="Cvv2" class="textinput" autocomplete="off" required maxlength="3" /></td>
  </tr>
  <tr>
    <td>Fiyat</td>
    <td>:</td>
    <td><input type="text" name="Fiyat" class="textinput" autocomplete="off" required /></td>
  </tr>
</table>
</div>
<br />
<div id="BilgilerDone">
    <table style="width:400px;">
  <tr>
    <td style="width:150px;">Para Birimi</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;">
      <select name="ParaBirimi" id="ParaBirimi" class="textselect">
      <option value="TRY">TÜRK LİRASI</option>
      <option value="USD">DOLAR</option>
      </select>
    </td>
  </tr>
  <tr>
    <td style="width:150px;">Isim</td>
    <td style="width:10px;">:</td>
    <td style="width:300px;"><input type="text" name="Isim" class="textinput" autocomplete="off" required /></td>
  </tr>
  <tr>
    <td>Soyisim</td>
    <td>:</td>
    <td><input type="text" name="Soyisim" class="textinput" autocomplete="off" required /></td>
  </tr>
  <tr>
    <td>Adres</td>
    <td>:</td>
    <td><textarea name="Adres" class="textinput" required></textarea></td>
  </tr>
  <tr>
    <td>Şehir</td>
    <td>:</td>
    <td>
    <select name="Sehir" id="Sehir" class="textselect">
    <option value="Bursa">Bursa</option>
    <option value="Istanbul">İstanbul</option>
    </select>
    </td>
  </tr>
  <tr>
    <td>Ülke</td>
    <td>:</td>
    <td>
    <select name="Ulke" id="Ulke" class="textselect">
    <option value="TR">Türkiye</option>
    <option value="US">Amerika Birleşik Devletleri</option>
    </select>
    </td>
  </tr>
  <tr>
    <td>Posta Kodu</td>
    <td>:</td>
    <td><input type="text" name="PostaKodu" class="textinput" autocomplete="off" required /></td>
  </tr>
</table>
    <br />
</div>
<div id="GonderDone">
<input type="submit" id="Gonder" value="Satın Al" class="Secim" 
style="font-family:Calibri;font-size:14px;font-weight:lighter;width:200px;"/>
</div>
}