@extends('layouts.master')

@section('content')

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

<div class="row justify-content-center">
  <div class="col-sm-8">
    <div class="box box-success">
      <div class="box-header">
        <span class="fa-stack fa-lg text-green">
          <i class="fa fa-circle fa-stack-2x"></i>
          <i class="fa fa-tasks fa-stack-1x fa-inverse"></i>
        </span>
        <h3 class="box-title">Προσθήκη Αίτησης</h3>
      </div>
      @if (count($errors) > 0)
      <div class="alert alert-danger">
        <ul>
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
      @endif

      <div class="box-body">
      {!! Form::open(['route'=> ['store.subject'], 'method'=>'POST', 'class'=> 'form-horizontal needs-validation', 'novalidate', 'files'=> true ]) !!}
        <div class="form-row">
          <input type="text" name="topic" value="{{$topic}}" hidden>
          <div class="col-md-4 mb-3">
            <label for="number_meeting">Αριθμός Συνεδρίασης *</label>
            @if ($topic ==='meeting')
            <input class="form-control" name="number_meeting" id="number_meeting" type="text" placeholder="{{$meeting->number_meeting}}" disabled>
            <input type="text" name="meeting_id" value="{{$meeting->id}}" hidden>
          @elseif ($topic === 'project' || $topic === 'general')
            <div class="input-group">
              <select class="custom-select" name="meeting_id" id="meeting_id" required>
                <option selected></option>
                @foreach ($meeting as $meet)
                  <option value="{{$meet->id}}">{{$meet->number_meeting}}</option>
                @endforeach
              </select>
            </div>
            @endif
          </div>
          <div class="col-md-4 mb-3">
            <label for="protocol">Αριθμός Πρωτοκόλλου (Papyros) *</label>
            <input type="text" class="form-control" name="protocol" id="protocol" placeholder="..." required maxlength="255">
          </div>
          <div class="col-md-4 mb-3">
            <label for="rec_protocol">Αριθμός Πρωτοκόλλου *</label>
            <input type="text" class="form-control" name="rec_protocol" id="rec_protocol" placeholder="..." required maxlength="255">
          </div>
        </div>
        <div class="form-row">
          <div class="col-md-8 mb-3">
            <label for="project_id">Κωδικός - Τίτλος Έργου *</label>
            @if ($topic ==='meeting' || $topic === 'general' )
              <div class="input-group">
                <select class="custom-select" name="project_id" id="project_id" required>
                  <option selected></option>
                  @foreach ($project as $prj)
                    <option value="{{$prj->id}}">{{$prj->codeid}} - {{$prj->title}}</option>
                  @endforeach
                </select>
              </div>
            @elseif ($topic === 'project')
              <input class="form-control" name="project_id" id="project_id" type="text" placeholder="{{$project->codeid}} - {{$project->title}}" disabled>
              <input type="text" name="project_id" value="{{$project->id}}" hidden>
            @endif
          </div>
          <div class="col-md-4 mb-3">
            <label for="catreq_id">Κατηγορία Αίτησης</label>
            <div class="input-group">
              <select class="custom-select" name="catreq_id" id="catreq_id" required>
                @foreach ($cats as $cat)
                  <option value="{{$cat->id}}" selected>{{$cat->catreq_name}}</option>
                @endforeach
              </select>
            </div>
          </div>
        </div>
        <div class="form-row">
          <div class="col mb3">
            <label for="comments">Παρατηρήσεις</label>
            <textarea class="form-control" id="comments" name="comments" rows="5"></textarea>
          </div>
        </div>
        <hr>
        <div class="box box-warning">
          <div class="box-header">
            <span class="fa-stack fa-lg text-orange">
              <i class="fa fa-circle fa-stack-2x"></i>
              <i class="fas fa-file-upload fa-stack-1x fa-inverse"></i>
            </span>
            <h3 class="box-title">Σχετικά Αρχεία</h3>
          </div>
        </div>
        <div id="form-upload">
          <div id="uploadfields">
            <div class="form-row">
              <div class="col-md-5 mb-3">
                {{ Form::file('filename[]', array(
                  'class' => 'form-control-file',
                  'id' => 'filename',
                  ))
                }}
              </div>
              <div class="col-md-5 mb-3">
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <span class="input-group-text">Περιγραφή Αρχείου</span>
                  </div>
                  <input type="text"
                    name="description[]"
                    class="form-control"
                    id="description"
                    placeholder="..."
                    maxlength="255"
                    value="">
                </div>
              </div>
              <div class="col-md-2 mb-3">
                <button class="pull-right btn btn-success" type="button" onclick="uploadfields();">
                  <i class="fa fa-plus"></i>
                </button>
              </div>
            </div>
          </div>
        </div>
        <div class="box-footer">
          <a href="{{route('index.meetings')}}" class="btn btn-danger float-right">Ακύρωση</a>
          <button class="btn btn-primary float-right mr-3" type="submit" id="formsbj">Προσθήκη</button>
        </div>
      {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>

@endsection

@section('javascripts')
<script src="//cdn.ckeditor.com/4.11.2/standard/ckeditor.js"></script>
<script type="text/javascript">

(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();

  var formupload = 1;
  function uploadfields()
  {
    formupload++;
    var objTo = document.getElementById('uploadfields');
    var divformupload = document.createElement("div");
    divformupload.setAttribute("class", "removeclass"+formupload);
    var rdiv = 'removeclass'+formupload;

    divformupload.innerHTML = '<div id="uploadfields"><div class="form-row"><div class="col-md-5 mb-3"><input class="form-control-filename" data-serial="'+formupload+'" id="filename'+formupload+'" name="filename[]" type="file" value=""></div><div class="col-md-5 mb-3"><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text">Περιγραφή Αρχείου</span></div><input class="form-control" id="description'+formupload+'" maxlength="255" name="description[]" placeholder="..." type="text" value=""></div></div><div class="col-md-2 mb-3"><button class="pull-right btn btn-danger" onclick="remove_uploadfields('+ formupload +');" type="button"><i class="fa fa-minus"></i></button></div></div></div>';

    objTo.appendChild(divformupload);

  }

  function remove_uploadfields(rid)
  {
    $('.removeclass'+rid).remove();
  }

  CKEDITOR.replace( 'comments' );

</script>
@endsection