<div class="mw-685__container">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb custom-breadcrumb">
      <li class="breadcrumb-item"><a href="/tr">Ana Sayfa</a></li>
      <li class="breadcrumb-item active" aria-current="page">-&gt; Arkadaşına Para Gönder</li>
    </ol>
  </nav>

  <h1 class="account__header">Arkadaşına Para Gönder</h1>

  <div class="account__content">
    <div class="transfer__form-container">
      <div id="step1" class="transfer__form">
        <div class="transfer__form--img">
          <i class="transfer__icon transfer__icon--user"></i>
        </div>

        <h5 class="mb-4">PARA GÖNDERMEK İSTEDİĞİNİZ KULLANICININ BİLGİLERİNİ YAZINIZ</h5>

        <div>
          <div class="form-group">
            <label for="UserProfileID" class="mb-2">Kullanıcı No</label>
            <input class="form-control" type="text" placeholder="" id="UserProfileID" autocomplete="off" />
          </div>

          <div class="form-group">
            <label for="UserName" class="mb-2">Kullanıcı Adı</label>
            <input class="form-control" type="text" id="UserName" autocomplete="off" placeholder="" />
          </div>

          <div class="row">
            <div class="col-6"></div>
            <div class="col-6 text-end d-flex gap-2 justify-content-end">
              <button onclick="CheckUser(this)" type="button" class="btn btn-primary btn-block transfer__form--button">
                <span>İleri</span>
              </button>
            </div>
          </div>
        </div>
      </div>

      <form id="moneytransferForm" action="/tr/Banking/P2PTransfer" method="POST" onsubmit="return checkInputs();">
        <div class="transfer__form" id="step2" style="display: none;">
          <div class="transfer__form--img">
            <i class="transfer__icon transfer__icon--amount"></i>
          </div>

          <h5 class="mb-4">Miktar Girin</h5>

          <div>
            <div class="form-group">
              <label for="UserName" class="mb-2">Miktar</label>
              <input class="form-control" type="number" step="0.01" placeholder="" name="Amount" autocomplete="off" />
            </div>
            <div class="form-group">
              <label for="UserName" class="mb-2">Dönüştürülen Tutar</label>
              <div class="position-relative">
                <input class="form-control" type="text" placeholder="" disabled="" />
                <label disabled="" autocomplete="off" name="convertedAmount" class="transfer__form--converted-amount">0.00</label>
              </div>
            </div>
            <div class="form-group">
              <label for="UserName" class="mb-2">Şifre</label>
              <input autocomplete="off" name="Password" class="form-control p2p-password" type="password" placeholder="" />
            </div>
            <div class="row">
              <div class="col-6"></div>
              <div class="col-6 text-end d-flex gap-2 justify-content-end">
                <button onclick="GoToPrevious()" type="button" class="btn btn-secondary btn-block transfer__form--button">
                  <span>Önceki</span>
                </button>
                <button onclick="GoToVerification()" type="button" class="btn btn-primary btn-block transfer__form--button">
                  <span>İleri</span>
                </button>
              </div>
            </div>
          </div>
        </div>

        <div class="transfer__form" id="step3" style="display: none;">
          <div class="transfer__form--img">
            <i class="transfer__icon transfer__icon--user"></i>
          </div>

          <h5 class="mb-5">Lütfen SMS onay kodunu giriniz</h5>

          <div>
            <div class="form-group">
              <label for="" class="mb-2">Cep Telefonu</label>
              <input type="text" class="form-control" id="HiddenMobile" value="+9**********8" autocomplete="off" readonly="" />
              <input type="hidden" id="Mobile" value="905323694418" autocomplete="off" />
            </div>

            <div class="form-group row">
              <div class="col-7 col-sm-9">
                <label for="" class="mb-2">Kod</label>
                <div class="position-relative">
                  <input type="text" placeholder="" class="form-control transfer__form--input" id="VerificationCode" name="smsCode" autocomplete="off" />
                  <label disabled="" id="timer" class="transfer__form--converted-amount">0:30</label>
                </div>
              </div>

              <div class="col-5 col-sm-3">
                <label for="" class="mb-2 w-100"> &nbsp; </label>
                <input type="button" class="btn btn-block btn-primary w-100" value="Mesaj Gönder" id="SendP2PVerificationCode" style="margin-bottom: 16px;" />
              </div>
            </div>

            <div class="row">
              <div class="col-6"></div>
              <div class="col-6 text-end">
                <button id="VerificationButton" type="button" class="btn btn-primary btn-block transfer__form--button">
                  <span>Transfer</span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </form>

      <div class="error2" style="padding-left: 0px;" id="Error"></div>
    </div>
  </div>
</div>
