@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.show', $project) !!}
</div>

<div class="row align-items-start">
  <div class="col project">
    <div class="row" id="project-row">
      @include('projects.blocks.info')
    </div> <!-- .project-row -->
  </div> <!-- .col project-->
  <div class="col meeting subject files">
    <div class="row" id="meeting-row">
      @include('projects.blocks.general')
    </div> <!-- .meeting-row -->
  </div> <!-- .col meeting subject-->
</div>

<div class="row align-items-start">
  <div class="col">
    @if($project->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="box">
        <div class="box-header">
          <h3 class="box-title">Σύνολο Αιτήσεων: <span class="text-bold text-red">{{$project->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">
          @include('projects.blocks.subjects')
        </div>
      </div>
    @endif
  </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" 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