@extends('soumission.layout')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-8">
            <h1>{{ $journaliste->genre }}</h1>
          </div>
          <div class="col-sm-4">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Journaliste et Communicant</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <a href="{{ route('impression.detailJournaliste', ['id'=>$journaliste->id]) }}" class="btn btn-success">Impression</a>
        <div class="row">
          <div class="col-md-3">

            <!-- Profile Image -->
            <div class="card card-primary card-outline">
              <div class="card-body box-profile">

                <h3 class="profile-username text-center">{{ $journaliste->nom }}</h3>

                <p class="text-muted text-center">{{ $journaliste->email }}</p>

                <p class="text-muted text-center">{{ $journaliste->tel }}</p>
                <p class="text-muted text-center">{{ $journaliste->domaine }}</p>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->

            <!-- About Me Box -->
          </div>
          <!-- /.col -->
          <div class="col-md-9">
            <div class="card">
              <div class="card-header p-2">
                <ul class="nav nav-pills">
                  <li class="nav-item"><a class="nav-link active" href="#desc" data-toggle="tab">DONNÉES DE BASE DU PRODUIT</a></li>
                  <li class="nav-item"><a class="nav-link" href="#timeline" data-toggle="tab">DESCRIPTION ET REALISATION DU PRODUIT</a></li>
                  <li class="nav-item"><a class="nav-link" href="#resume" data-toggle="tab">PERSPECTIVES</a></li>
                </ul>
              </div><!-- /.card-header -->
              <div class="card-body">
                <div class="tab-content">
                  <div class="active tab-pane" id="desc">
                    <div class="post">
                        <b>Titre du produit</b> : <br>{{ $journaliste->titre }}
                      </div>

                      <div class="post">
                        <b>Genre du produit</b> : <br>{{ $journaliste->genre }}
                      </div>
                      <div class="post">
                        <b>Lien du produit</b> : <br><a href="{{  $journaliste->lien }}"> {{  $journaliste->lien }}</a>
                      </div>
                      <div class="post">
                        <b>Date de réalisation (au cours de la dernière décennie)</b> : <br>{{ $journaliste->daterea }}
                      </div>
                      <div class="post">
                        <b>Zone (s) d’exécution ou Collectivités Territoriales concernées</b> : <br>{{ $journaliste->zone }}
                      </div>
                      <div class="post">
                        <b>Date de publication ou de diffusion</b> : <br>{{ $journaliste->datedif }}
                      </div>
                      <div class="post">
                        <b>Support de publication ou de diffusion avec les références </b> : <br>{{ $journaliste->supportpub }}
                      </div>
                      <div class="post">
                        <b>Expériences du candidat</b> : <br>{{ $journaliste->experience }}
                      </div>
                      <div class="post">
                        <b>Articles publiés précédemment sur la problématique de la gouvernance participative Quelles dates ?</b> : <br>{{ $journaliste->dateprec }}
                      </div>
                      <div class="post">
                        <b>Nom de l’organe de presse</b> : <br>{{ $journaliste->nomorg }}
                      </div>
                  </div>
                  <!-- /.tab-pane -->
                  <div class="tab-pane" id="timeline">
                    <div class="post">
                        <b>Contexte de réalisation du produit</b> : <br>{{ $journaliste->contexte }}
                      </div>
                      <div class="post">
                        <b>Réalisation du produit</b> : <br>{{ $journaliste->realisation }}
                      </div>
                      <div class="post">
                        <b>Veuillez décrire le produit en question en mettant en exergue les bonnes pratiques</b> : <br>{{ $journaliste->description }}
                      </div>
                      <div class="post">
                        <b>Contraintes ou difficultés rencontrées pour la réalisation de ce produit</b> : <br>{{ $journaliste->contrainte }}
                      </div>
                      <div class="post">
                        <b>Quelles sont les raisons qui expliquent que votre soumission est la meilleure ?</b> : <br>{{ $journaliste->raison }}
                      </div>

                  </div>
                  <div class="tab-pane" id="resume">
                    <div class="post">
                        <b>Avez-vous prévu de réaliser ultérieurement des activités sur la thématique de la gouvernance participative ?</b> : <br>{{ $journaliste->realiult }}
                        <br>{{ $journaliste->lesquels }}

                  </div>
                  <!-- /.tab-pane -->
                </div>

              </div><!-- /.card-body -->
            </div>
            <!-- /.nav-tabs-custom -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div>
      </div>
      <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  @endsection