@extends('layout')
@section('css')
  <link rel="stylesheet" href="{{ asset('inscription/chart.min.css') }}">
@endsection
@section('content')

<div class="content-wrapper">

    <div class="container">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                <div class="col-sm-8">
                    <h1 class="m-0 text-info">Tableau de bord Journaliste - Universitaire</h1>
                </div><!-- /.col -->
                <div class="col-sm-4">
                    <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" class="btn btn-primary">ACCUEIL</a></li>

                    </ol>
                </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
<div class="row">
    @foreach ($nbJournalisteByCategorie as $journalisteByCategorie)
    <div class="col-lg-4 col-6">
        <!-- small box -->
        <div class="small-box bg-info">
          <div class="inner">
            <h3>{{ $journalisteByCategorie->nb }}</h3>

            <p>{{ $journalisteByCategorie->genre }}</p>
          </div>
          <div class="icon">
            <i class="ion ion-bag"></i>
          </div>
          {{-- <a href="#" class="small-box-footer">Projets en cours <i class="fas fa-arrow-circle-right"></i></a> --}}
        </div>
      </div>
    @endforeach

  </div>
  <div class="row">
      <div class="col-lg-6">
    <div class="card border-danger border-0">
        <div class="card-header bg-info text-center">Nombre de Soumision par categorie</div>
            <div class="card-body">
    <canvas id="myChart" width="200" height="200" style="height: 400px !important;"></canvas>
            </div>
    </div>

  </div>
  <div class="col-lg-6">
    <div class="card border-danger border-0">
        <div class="card-header bg-info text-center">Nombre de Soumision par categorie</div>
            <div class="card-body">
    <canvas id="pie" width="200" height="200" style="height: 400px !important;"></canvas>
            </div>
    </div>
  </div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card border-danger border-0">
            <div class="card-header bg-info text-center">Liste des soumissions des Journalistes et Communicants </div>
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-responsive-md table-striped text-center">
                        <thead>
                            <tr>
                                <th>Categorie</th>
                                <th>Journaliste</th>
                                <th>titre</th>
                                <th>Correcteur</th>
                                <th>Moyenne</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($journalistes as $journaliste)
                            <tr>
                                <td>{{ $journaliste->genre }}</td>
                                <td>{{ $journaliste->nom }}</td>
                                <td>
                                    {{ $journaliste->titre }}</td>
                                <td>
                                    @foreach ($journaliste->affecterjs as $affecter )
                                       <p> {{ $affecter->user->name }}

                                        @if (sizeOf($affecter->notejs) > 0)
                                @foreach ($affecter->notejs as $note)
                                {{number_format(( $note->nexpe +  $note->nappp + $note->nonte + $note->nipea + $note->ndesc + $note->ncontr + $note->nqrsm + $note->nprat + $note->nlprod )/ 9,1) }}
                                @endforeach
                                @endif
                                       </p>
                                    @endforeach</td>
                                    <td>
                                        @foreach($listeMoyenne as $key => $moyenne)

                                            @if ($key==$journaliste->id)
                                                {{ $moyenne }}
                                            @endif
                                        @endforeach
                                    </td>
                                <td>

                                    <a href=" {{ route('detailJournaliste', ['id'=>$journaliste->id]) }} " role="button" class="btn btn-success"><i class="fas fa-eye"></i></a>
                                    <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-default{{ $journaliste->id }}">
                                        Affecter Correcteur
                                      </button>
                                </td>

                            </tr>
                            <div class="modal fade" id="modal-default{{ $journaliste->id }}">
                                <div class="modal-dialog">
                                  <div class="modal-content">
                                    <div class="modal-header">
                                      <h4 class="modal-title">Affecter Evaluateur</h4>
                                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                      </button>
                                    </div>
                                    <form id="msform" action="{{ route('affecterj.store') }}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                    <div class="modal-body">

                                            <label class="fieldlabels">Nom Evaluateur</label>
                                        <select class="form-control" id="user_id" name="user_id" required>
                                            <option value="">Selectionnez</option>
                                            @foreach ($users as $user)
                                            <option value="{{$user->id}}"  {{ old('user_id') == $user->id? 'selected' : '' }}>{{$user->name}}</option>
                                                @endforeach

                                        </select>

                                        <input type="hidden" value="{{ $journaliste->id }}" name="journaliste_id">
                                    </div>
                                    <div class="modal-footer justify-content-between">
                                      <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                                      <button type="submit" class="btn btn-primary">Affecter</button>
                                    </div>
                                </form>
                                  </div>
                                  <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                              </div>
                              <!-- /.modal -->
                            @endforeach

                        </tbody>
                    </table>

                    <table id="example2" class="table table-bordered table-responsive-md table-striped text-center">
                        <thead>
                            <tr>
                                <th>Evaluateur</th>
                                <th>Categorie</th>
                                <th>titre</th>
                                <th>Experience</th>
                                <th>Article Précedent</th>
                                <th>Contexte</th>
                                <th>Initiative ou autre</th>
                                <th>Description</th>
                                <th>Contrainte ou diffuclté</th>
                                <th>Raison Soumission Meilleure</th>
                                <th>Activité future</th>
                                <th>Moyenne</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($affecterjs as $affecter)
                            <tr>
                                <td>{{ $affecter->user->name  }}</td>
                                <td>{{ $affecter->journaliste->genre }}</td>
                                <td>
                                    {{ $affecter->journaliste->titre }}</td>
                                    <td> @if (sizeOf($affecter->notejs) > 0)
                                        @foreach ($affecter->notejs as $note)
                                        {{ $note->nlprod }}
                                        @endforeach
                                        @else
                                        0
                                    @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nexpe }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nappp }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nonte }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nipea }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->ndesc }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->ncontr }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nqrsm }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td> @if (sizeOf($affecter->notejs) > 0)
                                    @foreach ($affecter->notejs as $note)
                                    {{ $note->nprat }}
                                    @endforeach
                                    @else
                                    0
                                @endif</td>
                                <td>
                                        @if (sizeOf($affecter->notejs) > 0)
                                @foreach ($affecter->notejs as $note)
                                {{number_format(( $note->nexpe +  $note->nappp + $note->nonte + $note->nipea + $note->ndesc + $note->ncontr + $note->nqrsm + $note->nprat + $note->nlprod )/ 9,1) }}
                                @endforeach
                                @endif
                                   </td>

                            </tr>

                            @endforeach

                        </tbody>
                    </table>


                </div>

            </div>
        </div>
</div>
    </div>
</div>
@endsection
@section('script')


<script>


        var ctx1 = document.getElementById('pie').getContext('2d');
        var ctx = document.getElementById('myChart').getContext('2d');
        var label = [];
        var donnee = [];
        var color = [];

    var dynamicColors = function() {
        var r = Math.floor(Math.random() * 255);
        var g = Math.floor(Math.random() * 255);
        var b = Math.floor(Math.random() * 255);
        var e = 1;

        return "rgba(" + r + "," + g + "," + b + ","+e + ")";
    };
     @foreach ($nbJournalisteByCategorie as $journalisteByCategorie)
     label.push('{{$journalisteByCategorie->genre}}');
     donnee.push('{{$journalisteByCategorie->nb}}');
     color.push(dynamicColors());
     @endforeach

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: label,
        datasets: [{
            label: 'Soumission ECOPOP',
            data: donnee,
            backgroundColor: color,
            borderColor: color,
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});

var myChart = new Chart(ctx1, {
    type: 'pie',
    data: {
        labels: label,
        datasets: [{
            label: 'Soumission ECOPOP',
            data: donnee,
            backgroundColor: color,
            borderColor: color,
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
var ctx = document.getElementById('myChart').getContext('2d');



</script>
@endsection