@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">
  .countsubj {
    display:none;
  }
  </style>
@endsection

@section('content')

  <div class="content-header">
    <h1>
      Επιτροπή Ηθικής & Δεοντολογίας της Έρευνας
      <small>Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('projects') !!}
  </div>

@if(sizeof($projects) === 0)
  <div class="row">
    <div class="col">
      <div class="alert alert-danger text-center" role="alert">
        <h5>Δεν υπάρχουν καταχωρημένα έργα</h5>
      </div>
    </div>
  </div>
@else
  <div class="row">
    <div class="col">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">Σύνολο Έργων: <span class="text-bold text-red">{{count($projects)}}</span></h3>
        </div>
        <div class="box-body">
          <table id="projects" class="table table-striped table-bordered" style="width:100%">
            <thead>
              <tr>
                <th width="5%;">Κωδικός</th>
                <th width="60%;">Τίτλος</th>
                <th>Επιστημονικός Υπεύθυνος</th>
                <th>Αιτήσεις</th>
                <th>Καρτέλα</th>
              </tr>
            </thead>
            <tbody>
            @foreach ($projects as $project)
              <tr>
                <td>{{$project->codeid}}</td>
                <td>{{$project->title}}</td>
                <td>{{$project->researcher}}</td>
                <td><span class="countsubj">{{$count[$project->id]}}</span>
                @if($count[$project->id] !== 0)
                  <div class="btn btn-sm btn-request">
                    <a href="{{route('index.subjects', ['topic'=>'project', 'id'=> $project->id])}}" class="download-link">
                      <i class="fas fa-list mr-1"></i><span class="mr-1">{{$count[$project->id]}}</span>Αιτήσεις
                    </a>
                  </div>
                @else
                  @can('members')
                  <button class="btn btn-sm btn-add" disabled>
                    <i class="fas fa-lock mr-2 download-link"></i>Προσθήκη
                  </button>
                  @endcan
                  @can('admins')
                  <div class="btn btn-sm btn-add">
                    <a href="{{route('create.subject', ['topic'=>'project', 'id'=> $project->id])}}" class="download-link" data-toggle="tooltip" title="Προσθήκη Αίτησης">
                      <i class="fas fa-plus mr-2"></i>Προσθήκη
                    </a>
                  </div>
                  @endcan
                @endif
                </td>
                <td>
                  <div class="btn btn-sm btn-primary">
                    <a href="{{route('view.project', $project->id)}}" class="download-link">
                      <i class="fas fa-eye mr-2"></i>Εμφάνιση
                    </a>
                  </div>
                </td>
              </tr>
            @endforeach
            </tbody>
            <tfoot>
              <tr>
                <th>Κωδικός</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">

  $(document).ready(function() {
      $('#projects').DataTable({
        "order": [[ 3, "desc" ]]
      });
  } );

  </script>
@endsection