@extends('app.master')
@section('title',$title)
@section('breadcrumb')       
    @include('app.layouts.rent.breadcrumb',[
        'pageTitle' => $title,
        'lists' => [
            [
                'link'  => '#',
                'name'  => 'Rent Configuration',
            ],
            [
                'link'  => 'rent.config',
                'name'  => 'Configuration',
            ],
            [
                'link'  => '#',
                'name'  => $title, 
            ]
        ]
    ])
@endsection
@section('content')
<div class="row">
<div class="col-md-12">
    <div class="card">
        <div class="card-header tx-medium bd-0 tx-white bg-indigo">@yield('title')</div>
        
        <div class="card-body"> 
              <div class="media d-block d-lg-flex mg-b-20">
                  <div class="media-body">
                    <div class="card card-minimal-three">
                      <div class="card-header card-header-tab">
                        <label class="az-content-label">Your Wallet</label>
                        <p class="az-content-text">Use your wallet to pay and receive money by quickly scanning qr code and also receive funds instantly.</p>
      
                        <div class="az-nav-tabs">
                          <div id="navComplex">
                            <div class="tab-item"><a href="#hrTab1" class="tab-link active">BTC Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab2" class="tab-link">BCH Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab3" class="tab-link">ETH Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab4" class="tab-link">LTC Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab5" class="tab-link">EUR Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab6" class="tab-link">DASH Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab7" class="tab-link">XRP Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab8" class="tab-link">EOS Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab9" class="tab-link">ADA Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab10" class="tab-link">XMR Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab11" class="tab-link">TRX Wallet</a></div>
                            <div class="tab-item"><a href="#hrTab12" class="tab-link">NEO Wallet</a></div>
                          </div>
                        </div><!-- az-nav-complex -->
                      </div><!-- card-header -->
                      <div class="card-body">
                        <div class="az-tab-content">
                          <div id="hrTab1" class="az-tab-pane active">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">Rent Config</h6>
                                <span></span>
                              </div>
                              {{-- <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div> --}}
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <h6 class="az-content-label tx-13">Recent Transactions</h6>
                              <div class="table-responsive">
                                
                              </div><!-- table-responsive -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab2" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">BCH Wallet</h6>
                                <span>BCH = $290.79</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab3" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">ETH Wallet</h6>
                                <span>ETH = $149.25</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab4" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">LTC Wallet</h6>
                                <span>LTC = $37.24</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab5" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">EUR Wallet</h6>
                                <span>EUR = $1.14</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab6" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">DASH Wallet</h6>
                                <span>DASH = $113.25</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab7" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">XRP Wallet</h6>
                                <span>XRP = $0.4921</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab8" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">EOS Wallet</h6>
                                <span>EOS = $4.15</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab9" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">ADA Wallet</h6>
                                <span>ADA = $0.5496</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab10" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">XMR Wallet</h6>
                                <span>XMR = $74.49</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab11" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">TRX Wallet</h6>
                                <span>TRX = $0.01621</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                          <div id="hrTab12" class="az-tab-pane">
                            <div class="tab-pane-header">
                              <div>
                                <h6 class="az-content-label">NEO Wallet</h6>
                                <span>NEO = $10.31</span>
                              </div>
                              <div>
                                <a href="" class="btn btn-primary">Transfer</a>
                                <a href="" class="btn btn-secondary">Receive</a>
                              </div>
                            </div><!-- tab-pane-header -->
                            <div class="tab-pane-body">
                              <div class="no-transactions-panel">
                                <div class="icon-wrapper"><i class="icon ion-ios-stats"></i></div>
                                <h6>No transactions</h6>
                                <p>There are no transactions for this wallet.</p>
                                <a href="" class="btn btn-primary">Deposit Money</a>
                              </div><!-- no-transactions-panel -->
                            </div><!-- tab-pane-body -->
                          </div>
                        </div><!-- az-tab-content -->
                      </div><!-- card-body -->
                    </div><!-- card -->
                  </div><!-- media-body -->
              </div><!-- media -->
        </div>
    </div>
</div>
</div>
@endsection
@section('script')
<script>
    $('#navComplex').lightSlider({
          autoWidth: true,
          pager: false,
          slideMargin: 3,
          onSliderLoad: function(el) {
            $('.lSPrev').addClass('disabled');
          },
          onBeforeSlide: function(el) {
            var curSlide = el.getCurrentSlideCount();
            var totalSlide = el.getTotalSlideCount();

            if(curSlide === 1) {
              $('.lSPrev').addClass('disabled');
            } else {
              $('.lSPrev').removeClass('disabled');
            }

            if((totalSlide - 3) === curSlide) {
              $('.lSNext').addClass('disabled');
            } else {
              $('.lSNext').removeClass('disabled');
            }
          }
        });

        $('.az-nav-tabs .tab-link').on('click', function(e) {
          e.preventDefault();
          $(this).addClass('active');
          $(this).parent().siblings().find('.tab-link').removeClass('active');

          var target = $(this).attr('href');
          $(target).addClass('active');
          $(target).siblings().removeClass('active');
        })

</script>
@endsection