@extends('layouts.guestcommonmaster')

@section('content')

    <section class="youplay-banner banner-top youplay-banner-parallax small">
        <div class="image" data-speed="0.4">
            <img src="assets/images/banner.png" alt="" class="jarallax-img">
        </div>
        <div class="youplay-user-navigation">
            <div class="container">
                <ul>
                    <li class="active"><a href="{{ route('profile.activity') }}">Activity</a></li>
                    <li><a href="{{ route('profile.userprofile') }}">Profile</a></li>
                    <li><a href="#">Store <span class="badge">6</span></a></li>
                    <li><a href="#">Settings</a></li>
                </ul>
            </div>
        </div>
        <div class="info">
            <div>
                <div class="container youplay-user">
                    <a href="" class="angled-img image-popup">
                        <div class="img">
                            <img src="{{ asset('guestassets/images/avatar.png')}}" alt="">
                        </div>
                        <i class="fa fa-search-plus icon"></i>
                    </a>
                    <div class="user-data">
                        <div class="location"><i class="fa fa-user"></i>Subscriber </div>
                        <div class="activity">
                            <div>
                                <div class="num">69</div>
                                <div class="title">Tickets</div>
                            </div>
                            <div>
                                <div class="num">12</div>
                                <div class="title">Games</div>
                            </div>
                            <div>
                                <div class="num">689</div>
                                <div class="title">Fan Points</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container mt-20">
                    <a href="#" class="btn btn-sm btn-default ml-0">Store</a>
                    <a href="#" class="btn btn-sm btn-default">Tickets</a>
                </div>
            </div>
        </div>
    </section>
            <!-- /Banner -->
            <div class="container youplay-content">
              <div class="row">
                  <div class="col-md-9">
                      <!-- Activity -->
                      <h2 class="mt-0">Activity</h2>
                      <div class="youplay-timeline">
                          <!-- Timeline Notification -->
                          <div class="youplay-timeline-block">
                              <!-- icon -->
                              <div class="youplay-timeline-icon bg-success">
                                <i class="fa fa-user-plus" aria-hidden="true"></i>
                              </div>
                              <!-- /icon -->
                              <!-- content -->
                              <div class="youplay-timeline-content">
                                  <h3 class="mb-0">Notification: {{auth::user()->person->name}} Your Account Created Successfully!</h3>
                                  <span class="youplay-timeline-date pt-0">20 minutes ago</span>
                                  You Have subscribed to 3K FC 
                              </div>
                              <!-- content -->
                          </div>
                      </div>
                      <!-- /Activity -->
                      
                  </div>
                  <!-- Right Side -->
                  <div class="col-md-3">
                      <div class="side-block">
                          <h4 class="block-title">Next Match</h4>
                          <div class="block-content"> Side Bar Content </div>
                      </div>
                      <div class="side-block">
                          <h4 class="block-title">Recent Matches</h4>
                          <div role="tabpanel">
                              <ul class="nav nav-tabs mt-20" role="tablist">
                                  <li role="presentation" class="active">
                                      <a href="#widget-match-all" aria-controls="widget-match-all" role="tab" data-toggle="tab" aria-expanded="true">Home</a>
                                  </li>
                                  <li role="presentation">
                                      <a href="#widget-match-cs" aria-controls="widget-match-cs" role="tab" data-toggle="tab" aria-expanded="true">Away</a>
                                  </li>
                                  
                              </ul>
                              <div class="tab-content">
                                  <!-- All Matches -->
                                  <div role="tabpanel" class="tab-pane pl-0 pr-0 active" id="widget-match-all">
                                      <div class="youplay-matches-list">
                                          <a class="youplay-single-match" title="Game Show GEC" href="#">
                                              <div class="pull-left ml-5">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/EMBU_SUPREME.jpg" alt="NAVI">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="pull-left ml-10 mt-10"> vs </div>
                                              <div class="pull-left ml-10">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/ISHIARA.jpg" alt="EHOME">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="label youplay-match-count">Upcoming</div>
                                              <div class="clearfix"></div>
                                              <div class="date">27th March 2020, 5:30 pm</div>
                                          </a>
                                          <a class="youplay-single-match" title="The International 2020" href="light-match.html">
                                              <div class="pull-left ml-5">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/ISHIARA.jpg" alt="Youplay">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="pull-left ml-10 mt-10"> vs </div>
                                              <div class="pull-left ml-10">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/EMBU_SUPREME.jpg" alt="Team Secret">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="label youplay-match-count">2 - 0</div>
                                              <div class="clearfix"></div>
                                              <div class="date">17th February 2020, 6:00 am</div>
                                          </a>
                                          <a class="youplay-single-match" title="Red Dot Invitational" href="light-match-2.html">
                                              <div class="pull-left ml-5">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/EMBU_QUEENS.jpg" alt="NAVI">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="pull-left ml-10 mt-10"> vs </div>
                                              <div class="pull-left ml-10">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/JNTI_LOGO.jpg" alt="fnatic">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="label youplay-match-count">1 - 0</div>
                                              <div class="clearfix"></div>
                                              <div class="date">10th February 2020, 10:30 am</div>
                                          </a>
                                          <a class="youplay-single-match" title="San Jose" href="#">
                                              <div class="pull-left ml-5">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/ISHIARA.jpg" alt="SKT T1">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="pull-left ml-10 mt-10"> vs </div>
                                              <div class="pull-left ml-10">
                                                  <div class="angled-img">
                                                      <div class="img">
                                                          <img src="assets/images/EMBU_SUPREME.jpg" alt="Virtus PRO">
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="label youplay-match-count"> DRAW</div>
                                              <div class="clearfix"></div>
                                              <div class="date">1st December 2020, 4:30 pm</div>
                                          </a>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- Right Side -->
              </div>
          </div>
           
        </div>
@endsection
        
@push('scripts')
        
@endpush