<div class="account__container 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; Kişisel Bilgiler</li>
    </ol>
  </nav>

  <h1 class="account__header">Kişisel Bilgiler</h1>

  <div class="account__content">
    <h5 class="mb-3">Sekabet Hesabı</h5>

    <div class="row mb-5">
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Kullanıcı Adı</label>
          <input class="form-control" type="text" value="<?=@$_SESSION['username'] ?: '**************' ?>" disabled="" />
        </div>
      </div>

      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">E-Posta</label>

          <input class="form-control" type="email" value="<?=@$_SESSION['username'][0] ?>**********************m" disabled="" />
        </div>
      </div>

      <div class="col-12" style="display: none;">
        <a href="/tr/Security/ChangePassword" class="btn btn-secondary">
          ŞİFRE DEĞİŞTİR
        </a>
      </div>
    </div>

    <h5 class="mb-3">KİŞİSEL İŞLEMLER</h5>

    <div class="row mb-5">
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Ad</label>
          <input class="form-control" type="text" value="********" disabled="" />
        </div>
      </div>
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Soyad</label>
          <input class="form-control" type="text" value="********" disabled="" />
        </div>
      </div>
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Doğum Tarihi</label>

          <input class="form-control contact__form-input" type="text" value="0********5" disabled="" />
        </div>
      </div>

      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Cep Telefonu</label>

          <input class="form-control" type="text" value="9**********8" disabled="" />
        </div>
      </div>
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Şehir</label>
          <input class="form-control" type="text" value="********" disabled="" />
        </div>
      </div>
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Adres</label>
          <input class="form-control" type="text" value="********" disabled="" />
        </div>
      </div>
      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Kimlik No (İsteğe Bağlı)</label>

          <input class="form-control" type="text" value="2*********8" disabled="" />
        </div>
      </div>

      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">PIN</label>
          <input class="form-control" type="text" value="******" disabled="" />
        </div>
      </div>

      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Para Birimi</label>
          <input class="form-control" type="text" value="TRY" disabled="" />
        </div>
      </div>

      <div class="col-12 col-sm-6">
        <div class="form-group">
          <label class="control-label mb-2">Ülke</label>
          <input class="form-control" type="text" value="Turkey" disabled="" />
        </div>
      </div>
    </div>

    <h5 class="mb-3">Hesap Güvenliği</h5>

    <div class="row mb-5">
      <div class="col-12 mb-3">
        <div class="form-group">
          <div class="d-flex align-items-center gap-3">
            <label class="switch">
              <input type="checkbox" checked="checked" id="emailx" />
              <span class="slider round">
                <span class="swith-off">Kapalı</span>
                <span class="swith-on">Açık</span>
              </span>
            </label>
            <label class="control-label">Giriş yaptığımda diğer oturumları kapat</label>
          </div>
        </div>
      </div>

      <div class="col-12 mb-3">
        <div class="form-group">
          <div class="d-flex align-items-center gap-3">
            <label class="switch">
              <input type="checkbox" id="toggle2factor" />
              <span class="slider round">
                <span class="swith-off">Kapalı</span>
                <span class="swith-on">Açık</span>
              </span>
            </label>
            <label class="control-label">İki Aşamalı Güvenlik</label>
          </div>
        </div>
      </div>

      <div class="col-12 mb-3">
        <div class="form-group">
          <div class="d-flex align-items-center gap-3">
            <label class="switch">
              <input type="checkbox" id="togglesms2actor" />
              <span class="slider round">
                <span class="swith-off">Kapalı</span>
                <span class="swith-on">Açık</span>
              </span>
            </label>
            <label class="control-label">SMS Güvenliği</label>
          </div>
        </div>
      </div>
    </div>

    <div class="d-none"></div>
  </div>
</div>
