<?php echo $header; ?>
<div class="container-fluid bread_backg bread-desk">
  <div class="container">
    <ul class="breadcrumb">
      <?php foreach ($breadcrumbs as $breadcrumb) { ?>
      <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
      <?php } ?>
    </ul>
  </div>
</div>
<div class="container"  id="affiliate">
  <?php if ($success) { ?>
  <div class="alert alert-success"><i class="fa fa-check-circle"></i> <?php echo $success; ?></div>
  <?php } ?>
  <div class="row">
    <div class="account-content-inner"> <!-- -->
      <div id="customer-account"> <!-- -->
        <div id="customer_sidebar" class="col-sm-3 col-md-3"> <!-- -->
          <div class="sb-group">
            <div id="content">
              <h2 class="sb-title"><?php echo $text_my_account; ?></h2>
              <ul class="list-unstyled">
                <li><a class="BlackBTN" href="<?php echo $edit; ?>"><?php echo $text_edit; ?></a></li>
                <li><a class="BlackBTN" href="<?php echo $password; ?>"><?php echo $text_password; ?></a></li>
                <li><a class="BlackBTN" href="<?php echo $payment; ?>"><?php echo $text_payment; ?></a></li>
              </ul>
              <h2 class="sb-title"><?php echo $text_my_tracking; ?></h2>
              <ul class="list-unstyled">
                <li><a class="BlackBTN" href="<?php echo $tracking; ?>"><?php echo $text_tracking; ?></a></li>
                <li><a class="BlackBTN" href="<?php echo $designer; ?>"><?php echo $text_designer; ?></a></li>
                <li><a class="BlackBTN" href="<?php echo $market; ?>">Satış Sayfama Git</a></li>
              </ul>
              <h2 class="sb-title"><?php echo $text_my_transactions; ?></h2>
              <ul class="list-unstyled">
                <li><a class="BlackBTN" href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li>
              </ul>
              <h2 class="sb-title"><?php echo $text_logout; ?></h2>
              <ul class="list-unstyled">
                <li><a class="BlackBTN" href="<?= $logout; ?>"><?php echo $text_logout; ?></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-sm-9 col-md-9">

        </div>
      </div>
    </div>
  </div>
</div>
<?php echo $footer; ?>


<style>
#affiliate .account-content {
  margin-bottom: 30px;
}

#affiliate .BlackBTN {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    border: solid 1px #222;
    background-color: #222;
    padding-right: 15px;
    white-space: normal;
    padding-left: 15px;
    border-radius: 5px;
    line-height: 40px;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    margin: 5.7px 0;
    display: block;
    padding-top: 0;
    height: 40px;
    color: #FFF;
    zoom: 1;
}

#affiliate .BlackBTN > i {
  margin-right: 4px;
}
#affiliate .BlackBTN:hover {
    background-color: #FFF;
    color: #222;
}

#affiliate .sb-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  font-family: Roboto;
  color: #222
}

.sb-group #content ul.list-unstyled {
  margin-bottom: 3rem;
}

  .bread-desk {
        margin-top:60px
  }
  @media (max-width: 768px) {
    .bread-desk {
        margin-top:5px
    }
  }
</style>

<script>
      jQuery (function ($) {
        if ($(window).width() <= 768)
        {
            $('.hidden-in-category').hide();
            $('.custom-0001').removeClass ('custom-0001').addClass ('custom-0001--DEACTIVE');
            $('#cart').addClass ('--in-category');
            var lastScrollTop = 0, delta = 5;
            $(window).scroll(function(){
                var nowScrollTop = $(this).scrollTop();
                if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
                    if (nowScrollTop > lastScrollTop){
                        $('.hidden-in-category').hide ();
                        $('.custom-0001').removeClass ('custom-0001').addClass ('custom-0001--DEACTIVE');
                        $('#cart').addClass ('--in-category');
                    } else {
                        $('.hidden-in-category').show ();
                        $('.custom-0001--DEACTIVE').removeClass ('custom-0001--DEACTIVE').addClass ('custom-0001');
                        $('#cart').removeClass ('--in-category');
                    }
                    lastScrollTop = nowScrollTop;
                }
            });
        }
    });

</script>