{% extends "frontend/base.html" %}
{% block "content" %}
        <!--===== INNERPAGE-WRAPPER ====-->
        <section class="innerpage-wrapper">
            <div id="dashboard" class="innerpage-section-padding">
                <div class="container">
                    <div class="row">
                                <div class="col-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="dashboard-heading">
                                <h2>Dein <span>Profil</span></h2>
                                <p>Servus {{ request.user.clientprofile.full_name }}, willkommen in deinem JourneyJoker-Profil!</p>
                                <p>Hier siehst du all deine gebuchten Reisen und kannst deine Daten verwalten!</p>
                            </div><!-- end dashboard-heading -->
                            
                            <div class="dashboard-wrapper">
                                <div class="row">
                                
                                    <div class="col-12 col-md-2 col-lg-2 dashboard-nav">
                                        <ul class="nav nav-tabs">
                                            <li class="nav-item active"><a class="nav-link" href="{% url "clients:dashboard" %}"><span><i class="fa fa-cogs"></i></span>Dashboard</a></li>
                                            <li class="nav-item"><a class="nav-link" href="{% url "clients:profile" %}"><span><i class="fa fa-user"></i></span>Profil</a></li>
                                            <li class="nav-item"><a class="nav-link" href="{% url "clients:bookings" %}"><span><i class="fa fa-briefcase"></i></span>Buchungen</a></li>
                                            <li class="nav-item"><a class="nav-link" href="#"><span><i class="fa fa-heart"></i></span>Bewertungen</a></li>
                                        </ul>
                                    </div><!-- end columns -->
                                    
                                    {% block "dashboardcontent" %}
                                    {% endblock %}
                                    
                                </div><!-- end row -->
                            </div><!-- end dashboard-wrapper -->
                        </div><!-- end columns -->
                    </div><!-- end row -->
                </div><!-- end container -->          
            </div><!-- end dashboard -->
        </section><!-- end innerpage-wrapper -->
{% endblock %}