@extends('layouts.app')
@section('title', 'Mecánica Del Concurso')
@section('content')
  <div class="page mechanics">
      <div class="container-fluid">
        <div class="row content">
          <div class="col-md-12 text-center">
            <h1>MECÁNICA DEL <br>
              <span>CONCURSO</span></h1> <br>
              <ul class="nav nav-pills text-center" role="tablist">
                  <li role="presentation" class="section">
                      <a href="#one" aria-controls="one" class="active" role="tab" data-toggle="tab">
                          VIGENCIA DE LA ESTRATEGIA
                      </a>
                  </li>
                  <li role="presentation" class="section">
                      <a href="#two" aria-controls="two" role="tab" data-toggle="tab">
                          PREMIOS
                      </a>
                  </li>
                  <li role="presentation" class="section">
                      <a href="#three" aria-controls="three" role="tab" data-toggle="tab">
                          @role('adviser')
                          REY DE LOS PARCHES
                          @endrole
                          @role('consultant')
                          GRAN PREMIO
                          @endrole
                      </a>
                  </li>
              </ul>
              <!-- Tab panels -->
              <div class="tab-content">
                  <div role="tabpanel" class="tab-pane active" id="one">
                    <div class="row">
                      <div class="col-md-4">
                        <img src="{{asset('images/calendar.png')}}" width="120" alt="">
                        <br> <br>
                      </div>
                      <div class="col-md-8 text-left">
                        <p>El programa contará con 5 etapas.
                          Comenzarán su vigencia a partir del <br>
                          mes de marzo hasta julio del 2020.</p>
                        <p>
                          <strong>Etapa 1:</strong> Marzo <br>
                          <strong>Etapa 2:</strong> Abril <br>
                          <strong>Etapa 3:</strong> Mayo <br>
                          <strong>Etapa 4:</strong> Junio <br>
                          <strong>Etapa 5:</strong> Julio <br>
                      </p>
                      </div>
                      <div class="col-md-12 text-left">

                      </div>
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="two">
                    <div class="row">
                      @guest
                        <div class="col-md-12">
                          <img src="{{asset(config('constants.logo_image_path'))}}" width="200" alt="">
                          <br>
                          <p>Debes iniciar sesión para ver esta sección.</p>
                        </div>
                      @else

                          @role('adviser')
                          <div class="col-md-12">
                            <p>Tienda</p>
                            <img src="{{asset('images/login/shop.png')}}" alt="">
                            <br> <br>
                            <p>Mensualmente se premiarán las 20 primeras personas que obtengan la mayor cantidad de puntos
                                <br>de cada grupo (Amigables, Rumberos, Incondicionales, Buena Onda, Divertidos)
                            <br>Obteniendo: <span class="money">$1.000.000</span> cada grupo .</p>
                          </div>
                          @endrole
                          @role('consultant')
                          <div class="col-md-6">
                            <p>Tienda</p>
                            <img src="{{asset('images/login/shop.png')}}" alt="">
                            <br> <br>
                            <p>Mensualmente se premiarán las 20 primeras personas que obtengan la mayor cantidad de puntos
                                <br>de cada grupo (Amigables, Rumberos, Incondicionales, Buena Onda, Divertidos)
                            <br>Obteniendo: <span class="money">$1.000.000</span> cada grupo .</p>
                            </p>
                          </div>
                          <div class="col-md-6">
                            <p>Capitán</p>
                            <img src="{{asset('images/login/consultant.png')}}" alt="">
                            <br> <br>
                            <p>Se premiará mensualmente a los <br>
                              cinco mejores consultores con un bono de <br>
                              <strong class="money">$100.000</strong> C/U</p>
                          </div>
                          @endrole
                      @endguest
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane" id="three">
                    <div class="row">
                      @guest
                        <div class="col-md-12">
                          <img src="{{asset(config('constants.logo_image_path'))}}" width="200" alt="">
                          <br>
                          <p>Debes iniciar sesión para ver esta sección.</p>
                        </div>
                      @else
                          @role('adviser')
                          <div class="col-md-1"></div>
                          <div class="col-md-4">
                            <img src="{{asset(config('constants.logo_image_path'))}}" width="200" alt="">
                            <br> <br>
                          </div>
                          <div class="col-md-7 text-left">
                            <p>Los 3 parches que durante los 5 meses del concurso superen la
                              mayor cantidad de puntos. <br>Obtendrán: <span class="money">$1.000.000</span></p>
                          </div>
                          @endrole
                          @role('consultant')
                          <div class="col-md-6">
                            <p>Rey de Parches</p>
                            <img src="{{asset('images/login/shop.png')}}" alt="">
                            <br> <br>
                            <p>El Parche que durante los 5 meses del concurso <br>supere la mayor cantidad de puntos.
                              <br>Obtendrán: <span class="money">$1.000.000</span></p>
                            </p>
                          </div>
                          <div class="col-md-6">
                            <p>Rey de Capitanes</p>
                            <img src="{{asset('images/login/consultant.png')}}" alt="">
                            <br> <br>
                            <p>​El Capitán que durante los 5 meses del concurso <br>supere la mayor cantidad de puntos.
                              <br>Obtendrán: <span class="money">$500.000</span></p>
                          </div>
                          @endrole
                      @endguest
                    </div>
                  </div>
              </div>
              <!-- End tab panels -->
          </div>
        </div>
      </div>
  </div>
@endsection