@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" />
@endsection

@section('content')

  <div class="content-header">
    <h1>
      Επιτροπή Ερευνών
      <small>Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('project-subjects.index', $project) !!}
  </div>

  @if($subjects->count() === 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">{{$subjects->count()}}</span></h3>
            @can('admins')
            <a href="{{ route('create.subject.project', $project->id) }}" class="btn btn-success float-right"><i class="fas fa-plus mr-2"></i>Προσθήκη Αίτησης</a>
            @endcan
          </div>
          <div class="box-body">
            <table id="demands" class="table table-striped table-bordered" style="width:100%">
              <thead>
                <tr>
                  <th>Συνεδρίαση</th>
                  <th>Αίτηση</th>
                  <th style="width:40%;">Έργο</th>
                  <th>Created</th>
                  <th>Status</th>
                  <th>Συνημμένα</th>
                  <th>Ενέργειες</th>
                  <th>Εισήγηση</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($subjects as $subject)
                <tr>
                  <td>{{$subject->meeting->number_meeting}}</td>
                  <td>{{$subject->protocol}} - {{$subject->catreq->catreq_name}}</td>
                  <td>
                    <span class="mr-3"><strong>{{$subject->project->codeid}}</strong> - {{$subject->project->title}}</span>
                    @include('projects.components.collapse')
                  </td>
                  <td>{{ date('j M. Y', strtotime($subject->created_at)) }}</td>
                  <td>@include('subjects.columns.status')</td>
                  <td>@include('subjects.columns.attaches')</td>
                  <td>@include('demands.columns.actions')</td>
                  <td>@include('subjects.columns.suggestion')</td>
                </tr>
                @endforeach
              </tbody>
              <tfoot>
                <tr>
                  <th>Συνεδρίαση</th>
                  <th>Αίτηση</th>
                  <th>Έργο</th>
                  <th>Created</th>
                  <th>Status</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() {
      $('#demands').DataTable();
  } );
  </script>
@endsection