@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><a href="{{ route('profile.activity') }}">Activity</a></li>
                    <li class="active"><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="assets/images/dark/user-photo.jpg" 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">
                        <h2>{{auth::user()->nickname}}<span class="badge">Fan</span></h2>
                        <div class="location"><i class="fa fa-user"></i> subscriber </div>
                        <div class="activity">
                            <div>
                                <div class="num">4</div>
                                <div class="title">Tickets</div>
                            </div>
                            <div>
                                <div class="num">1</div>
                                <div class="title">Matches</div>
                            </div>
                            <div>
                                <div class="num">0</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">
                        <h3 class="mt-0 mb-20">{{auth::user()->nickname}}</h3>
                        <table class="table table-bordered">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;">
                                        <p>Name</p>
                                    </td>
                                    <td>
                                        <p>{{auth::user()->person->name}}</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p>Contact</p>
                                    </td>
                                    <td>
                                        <p>{{auth::user()->person->phonenumber}}</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p>Account Type</p>
                                    </td>
                                    <td>
                                        <p><a href="#">Subscriber</a></p>
                                    </td>
                                </tr>
                                
                            </tbody>
                        </table>
                       <!-- ***************************************
                        Profile TAb Content to be replaced by
                            Tickets info -->
                        
                    </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