@extends('layouts.master')
@section('stylesheets')
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css"/>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
  <style media="screen">
  .dateformat {
    display:none;
  }
  </style>
@endsection

@section('content')

  <div class="content-header">
    <h1>
      Επιτροπή Ηθικής & Δεοντολογίας της Έρευνας
      <small>Version 1.0</small>
    </h1>
    @if($topic === 'project')
      {!! Breadcrumbs::render('project.subjects', $project) !!}
    @elseif ($topic === 'meeting')
      {!! Breadcrumbs::render('meeting.subjects', $meeting) !!}
    @elseif ($topic === 'general')
      {!! Breadcrumbs::render('index.subjects') !!}
    @endif
  </div>

@if($subjects->count() === 0)
  <div class="row">
    <div class="col">
      <div class="alert alert-danger text-center" role="alert">
        <h5>Δεν υπάρχουν καταχωρημένες αιτήσεις στη συνεδρίαση: {{$meeting->number_meeting}}</h5>
      </div>
    </div>
  </div>
@else
  <div class="row">
    <div class="col">
      <div class="box">
        <div class="box-header">
        @if ($topic === 'project')
          <h3 class="box-title">Λίστα Αιτήσεων για το έργο: <span class="text-bold text-red">{{$project->codeid}}</span></h3>
          @can('admins')
            <a href="{{route('create.subject', ['topic'=>'project', 'id'=> $project->id])}}" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Προσθήκη Αίτησης</a>
          @endcan
        @elseif ($topic === 'meeting')
          <h3 class="box-title">Λίστα Αιτήσεων για τη συνεδρίαση με αριθμό: <span class="text-bold text-red">{{$meeting->number_meeting}}</span></h3>
          @can('admins')
            <a href="{{route('create.subject', ['topic'=>'meeting', 'id'=> $meeting->id])}}" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Προσθήκη Αίτησης</a>
          @endcan
        @else
          <h3 class="box-title">Σύνολο Αιτήσεων: <span class="text-bold text-red">{{$subjects->count()}}</span></h3>
          @can('admins')
            <a href="{{route('create.subject')}}" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Προσθήκη Αίτησης</a>
          @endcan
        @endif
        </div>
        <div class="box-body">
          <table id="subjects" class="table table-striped table-bordered" style="width:100%">
            <thead>
              <tr>
              @if($topic === 'project')
                <th>Αριθμός Συνεδρίασης</th>
              @elseif ($topic === 'meeting')
                <th width="45%;">Κωδικός - Τίτλος Έργου</th>
              @elseif ($topic === 'general')
                <th width="45%;">Αριθμός Συνεδρίασης - Τίτλος Έργου</th>
              @endif
                <th>Αρ. Παπύρου</th>
                <th>Αρ. Πρωτ</th>
                <th>Καταχώρηση</th>
                <th>Status</th>
                <th>Συνημμένα</th>
                <th>Εισήγηση</th>
                <th>Απόφαση</th>
                <th>Ενέργειες</th>
              </tr>
            </thead>
            <tbody>
            @foreach ($subjects as $subject)
              <tr>
              @if ($topic === 'project')
                <td>
                  <span class="mr-3"><strong>{{$subject->meeting->number_meeting}}</strong></span>
              @elseif ($topic === 'meeting')
                <td>
                  <span class="mr-3"><strong>{{$project[$subject->project_id]->codeid}}</strong> - {{$project[$subject->project_id]->title}}</span>
              @elseif($topic === 'general')
                <td>{{$subject->meeting->number_meeting}} - <span class="text-bold">({{$project[$subject->project_id]->codeid}})</span><span class="ml-1">{{$project[$subject->project_id]->title}}</span>
              @endif
                @include('subjects.files.index')
                </td>
                <td>{{$subject->protocol}}</td>
                <td>{{$subject->rec_protocol}}</td>
                <td>
                  <span class="dateformat">{{ date('Y-m-d', strtotime($subject->created_at)) }}</span>
                  {{ date('j M. Y', strtotime($subject->created_at)) }}</td>
                <td>@include('subjects.components.columns.status')</td>
                <td>@include('subjects.components.columns.attaches')</td>
                <td>@include('subjects.components.columns.suggestions')</td>
                <td>@include('subjects.components.columns.decisions')</td>
                <td>@include('subjects.components.columns.actions')</td>
              </tr>
            @endforeach
            </tbody>
            <tfoot>
              <tr>
              @if($topic === 'project' || $topic === 'general')
                <th>Αριθμός Συνεδρίασης - Τίτλος Έργου</th>
              @elseif ($topic === 'meeting')
                <th>Κωδικός - Τίτλος Έργου</th>
              @endif
                <th>Αρ. Παπύρου</th>
                <th>Αρ. Πρωτ</th>
                <th>Καταχώρηση</th>
                <th>Status</th>
                <th>Συνημμένα</th>
                <th>Εισήγηση</th>
                <th>Απόφαση</th>
                <th>Ενέργειες</th>
              </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
  </div>
@endif

@endsection

@section('javascripts')
  <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {
      $('#subjects').DataTable({
        "order": [[ 3, "desc" ]]
      });
  } );

  (function() {
    'use strict';
    window.addEventListener('load', function() {
      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      var forms = document.getElementsByClassName('needs-validation');
      // Loop over them and prevent submission
      var validation = Array.prototype.filter.call(forms, function(form) {
        form.addEventListener('submit', function(event) {
          if (form.checkValidity() === false) {
            event.preventDefault();
            event.stopPropagation();
          }
          form.classList.add('was-validated');
        }, false);
      });
    }, false);
  })();

  </script>
@endsection