@extends('layouts.master')

@section('content')

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

<div class="row align-items-start">
  <div class="col meeting subject files">
    <div class="row" id="meeting-row">
      <div class="col" id="meeting-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-list fa-stack-1x fa-inverse"></i>
              </span>
              <h3 class="box-title">Καρτέλα Αίτησης</h3>
            </div>
          </div>
          <div class="box-body">
            <div class="row justify-content-end">
              <div class="col-6 text-right">
                @if ($subject->suggestion_file)
                <a href="{{ asset('/files/meetings/'.$subject->meeting->number_meeting.'/subjects'. '/'. $subject->id .'/suggestion' .'/'. $subject->suggestion_file)}}"
                    target="_blank"
                    class="btn btn-md btn-success mb-3" data-placement="top" title="Εισήγηση">
                    <span class="fa fa-check mr-1"></span>Με Εισήγηση
                  </a>
                @else
                  @can('members')
                  <a class="dropdown-item" href="#"><span class="fas fa-lock mr-2"></span>Προσθήκη Εισήγησης</a>
                  @endcan
                  @can('admins')
                  <a href="#"
                    data-target="#createsuggestion-{{$subject->id}}"
                    data-toggle="modal"
                    class="btn btn-md btn-primary mb-3" data-placement="top" title="Προσθήκη Εισήγησης">
                    <span class="fa fa-plus mr-2"></span>Προσθήκη Εισήγησης
                  </a>
                  @endcan
                  @component('subjects.components.suggestion.create')
                    @slot('subjectid') {{$subject->id}} @endslot
                    @slot('catreq') {{$subject->catreq->catreq_name}} @endslot
                    @slot('topic') {{$topic}} @endslot
                  @endcomponent
                @endif
              </div>
            </div>
            <ul class="list-group list-group-flush">
              <div class="row">
                <div class="col">
                  <li class="list-group-item justify-content-between align-items-center">
                    <strong>Αριθμός Συνεδρίασης:</strong> {{$subject->meeting->number_meeting}}
                  </li>
                  <li class="list-group-item justify-content-between align-items-center">
                    <strong>Αίτηση:</strong> {{$subject->protocol}}
                  </li>
                </div>
                <div class="col">
                  <li class="list-group-item justify-content-between align-items-center">
                    <strong>Ημερομηνία-Ώρα:</strong> {{$subject->meeting->date_meeting}} - {{$subject->meeting->hour_meeting}}
                  </li>
                  <li class="list-group-item justify-content-between align-items-center">
                    <strong>Κατηγορία:</strong> {{$subject->catreq->catreq_name}}
                  </li>
                </div>
              </div>
            </ul>
            @if($subject->comments)
            <div class="row mt-2">
              <div class="col">
                <ul class="list-group list-group-flush">
                  <li class="list-group-item justify-content-between align-items-center">
                    <strong>Παρατηρησεις:</strong> {!!$subject->comments!!}
                  </li>
                </ul>
              </div>
            </div>
            @endif
          </div>
        </div>
      </div> <!-- .meeting-col -->
    </div> <!-- .meeting-row -->
  </div> <!-- .col meeting subject-->
  <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[$subject->project_id]->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[$subject->project_id]->title}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Χρηματοδότηση:</strong> {{$project[$subject->project_id]->funding}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Υπεύθυνος:</strong> {{$project[$subject->project_id]->researcher}}
              </li>
              <li class="list-group-item justify-content-between align-items-center">
                <strong>Ινστιτούτο:</strong> {{$project[$subject->project_id]->department}}
              </li>
            </ul>
            <div class="row mt-3">
              <div class="col-4 text-center">
                <div class="btn btn-md btn-block btn-primary">
                  <strong>Έναρξη:</strong> {{date('d-m-Y', strtotime($project[$subject->project_id]->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[$subject->project_id]->end))}}
                </div>
              </div>
              <div class="col-4 text-center">
                <div class="btn btn-md btn-block btn-primary">
                  <strong>Προϋπολογισμός:</strong> {{$project[$subject->project_id]->budget}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div> <!-- .project-col -->
    </div> <!-- .project-row -->
  </div> <!-- .col project-->
</div>
<div class="row align-items-start">
  <div class="col-6" id="files-col">
    @if ($subject->attaches->count() == 0)
    <div class="callout callout-info mt-2">
      <h4>Info</h4>
      <p>Δεν υπάρχουν διαθέσιμα συνημμένα αρχεία</p>
    </div>
    @else
      <div class="box box-warning">
        <div class="box-header bg-orange">
          <span class="fa-stack fa-lg text-orange">
            <i class="fa fa-circle fa-stack-2x"></i>
            <i class="fas fa-cloud-upload-alt fa-stack-1x fa-inverse"></i>
          </span>
          <h3 class="box-title">Συνοδευτικά Έγγραφα</h3>
        </div><!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
          <table class="table table-hover">
            <tbody>
              <tr>
                <th>Αρχείο</th>
                <th>Περιγραφή</th>
                <th></th>
              </tr>
              @foreach ($subject->attaches as $attach)
              <tr>
                <td>{{$attach->filename}}</td>
                <td>{{$attach->description}}</td>
                <td>
                  <h5>
                    <a href="{{ asset('/files/meetings/'.$subject->meeting->id.'/subjects'. '/' . $subject->id  .'/'. $attach->filename)}}"
                      class="badge badge-info text-white p-2" target="_blank">View
                    </a>
                  </h5>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div><!-- /.box-body -->
      </div>
    @endif
  </div> <!-- .col files-col -->
</div> <!-- .row files-row -->

@endsection