@extends('layouts.app')

@section('styles')
@endsection

@section('content')	      
		   <!-- .page -->
          <div class="page">
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-title-bar -->
              <header class="page-title-bar">
                <!-- .breadcrumb -->
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                      <a href="\">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Dashboard') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto">{{ __('My Profiles') }}</h1>
				  <!-- .btn-toolbar -->
                  <div id="dt-buttons" class="btn-toolbar"></div>
                  <!-- /.btn-toolbar -->
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
              <!-- .page-section -->
              <div class="page-section">
					<!-- row -->
                		<div class="row">		                  
		                  <!-- grid column -->
		                  <div class="col-md-3 col-sm-6">
		                    <!-- .card -->
		                    <section class="card card-figure">
		                      <!-- .card-figure -->
		                      <figure class="figure">
		                        <!-- .figure-img -->
		                        <div class="figure-img">
		                          <img class="img-fluid" src="assets/images/profile-1.png" alt="Business Profile">
		                          <div class="figure-action">
		                            <a href="/profiles/1" class="btn btn-block btn-lg btn-primary">{{ __('Start this Profile') }}</a>
		                          </div>
		                        </div>
		                        <!-- /.figure-img -->
		                        <!-- .figure-caption -->
		                        <figcaption class="figure-caption">
		                          <h6 class="figure-title">
		                            <a href="/profiles/1">{{ __('Business Profile') }}</a>
		                          </h6>
		                          <p class="text-muted mb-0">{{ __('Collaborate more efficiently and achieve more results. Learn to communicate better and optimize your management style.') }}</p>
		                        </figcaption>
		                        <!-- /.figure-caption -->
		                      </figure>
		                      <!-- /.card-figure -->
		                    </section>
		                    <!-- /.card -->
		                  </div>
		                  <!-- /grid column -->
		                  <!-- grid column -->
		                  <div class="col-md-3 col-sm-6">
		                    <!-- .card -->
		                    <section class="card card-figure">
		                      <!-- .card-figure -->
		                      <figure class="figure">
		                        <!-- .figure-img -->
		                        <div class="figure-img">
		                          <img class="img-fluid" src="assets/images/profile-5.png" alt="Motivation Profile">
		                          <div class="figure-action">
		                            <a href="/profiles/5" class="btn btn-block btn-lg btn-primary">{{ __('Start this Profile') }}</a>
		                          </div>
		                        </div>
		                        <!-- /.figure-img -->
		                        <!-- .figure-caption -->
		                        <figcaption class="figure-caption">
		                          <h6 class="figure-title">
		                            <a href="/profiles/5">{{ __('Motivation Profile (combi)') }}</a>
		                          </h6>
		                          <p class="text-muted mb-0">{{ __('Learn to understand yourself and others better. From where do you get your energy? What are your qualities and what are your pitfalls?') }}</p>
		                        </figcaption>
		                        <!-- /.figure-caption -->
		                      </figure>
		                      <!-- /.card-figure -->
		                    </section>
		                    <!-- /.card -->
		                  </div>
		                  <!-- /grid column -->
		                  <!-- grid column -->
		                  <div class="col-md-3 col-sm-6">
		                    <!-- .card -->
		                    <section class="card card-figure">
		                      <!-- .card-figure -->
		                      <figure class="figure">
		                        <!-- .figure-img -->
		                        <div class="figure-img">
		                          <img class="img-fluid" src="assets/images/profile-3.png" alt="Young Adult Profile">
		                          <div class="figure-action">
		                            <a href="/profiles/3" class="btn btn-block btn-lg btn-primary">{{ __('Start this Profile') }}</a>
		                          </div>
		                        </div>
		                        <!-- /.figure-img -->
		                        <!-- .figure-caption -->
		                        <figcaption class="figure-caption">
		                          <h6 class="figure-title">
		                            <a href="/profiles/3">{{ __('Young Adult Profile') }}</a>
		                          </h6>
		                          <p class="text-muted mb-0">{{ __('The ultimate selfie: what makes you tick? What training best suits you? How to make maximum use of your talents?') }}</p>
		                        </figcaption>
		                        <!-- /.figure-caption -->
		                      </figure>
		                      <!-- /.card-figure -->
		                    </section>
		                    <!-- /.card -->
		                  </div>
		                  <!-- /grid column -->
					</div>
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
@endpush