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

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

<div class="row">
  <div class="col project">
    <div class="row" id="project-row">
      <div class="col" id="project-col">
        <div class="box box-widget widget-user-2">
          <div class="widget-user-header bg-info">
            <div class="box-header text-white">
              <span class="fa-stack fa-lg text-blue">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-cog fa-stack-1x fa-inverse"></i>
              </span>
              <h3 class="box-title">Καρτέλα Έργου: <strong>{{$project->codeid}}</strong></h3>
            </div>
          </div>
          <div class="box-body">
            <ul class="list-group list-group-flush">
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Τίτλος Έργου:</strong> {{$project->title}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Χρηματοδότηση:</strong> {{$project->funding}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Υπεύθυνος:</strong> {{$project->researcher}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Τμήμα:</strong> {{$project->department}}
              </li>
            </ul>
            @if($project->start)
            <div class="row mt-4">
              <div class="col-4 text-center">
                <div class="btn btn-md btn-block btn-primary">
                  <strong>Έναρξη:</strong> {{date('d-m-Y', strtotime($project->start))}}
                </div>
              </div>
              <div class="col-4 text-center">
                <div class="btn btn-md btn-block btn-primary">
                  <strong>Λήξη:</strong> {{date('d-m-Y', strtotime($project->end))}}
                </div>
              </div>
              <div class="col-4 text-center">
                <div class="btn btn-md btn-block btn-primary">
                  <strong>Προϋπολογισμός:</strong> {{$project->budget}}
                </div>
              </div>
            </div>
            @endif
          </div>
        </div>
      </div> <!-- .project-col -->
    </div> <!-- .project-row -->
  </div> <!-- .col project-->
</div>
<div class="row mt-3">
  <div class="col">
    <div class="box">
      <div class="box-header">
        <h3 class="box-title">Σύνολο Αιτήσεων για το έργο {{$project->codeid}}: <span class="text-bold text-red">{{$count}}</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
      </div>
      <div class="box-body">
        <table id="subjects" class="table table-striped table-bordered" style="width:100%">
          <thead>
            <tr>
              <th width="40%">Αριθμός Συνεδρίασης</th>
              <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>
              <td>{{$subject->meeting->number_meeting}}</span>
                @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>
              <th>Αριθμός Συνεδρίασης</th>
              <th>Αρ. Παπύρου</th>
              <th>Αρ. Πρωτ</th>
              <th>Καταχώρηση</th>
              <th>Status</th>
              <th>Συνημμένα</th>
              <th>Εισήγηση</th>
              <th>Απόφαση</th>
              <th>Ενέργειες</th>
            </tr>
          </tfoot>
        </table>
      </div>
    </div>
  </div>
</div>

@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() {
      $('#subjects').DataTable();
  } );
  </script>
@endsection