@extends('layouts.master')

@section('stylesheets')
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.7/dist/sweetalert2.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.subject.create', $project) !!}
  </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.project', $project->id], 'method'=>'POST', 'class'=> 'form-horizontal needs-validation', 'files'=> true, 'novalidate' ]) !!}
          <div class="form-row">
            <input type="text" name="flag" value="project" hidden>
            <div class="col-md-4 mb-3">
              <label for="validmeetingnumber">Αριθμός Συνεδρίασης *</label>
              <select class="form-control" name="meeting_id" class="form-control" id="meeting_id" required>
                <option></option>
                @foreach ($meetings as $meeting)
                <option value="{{$meeting->id}}">{{$meeting->number_meeting}}</option>
                @endforeach
              </select>
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε τον Αριθμό Συνεδρίασης
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validmeetingnumber">Αίτηση *</label>
                {{ Form::text('protocol', null, array(
                  'class' => 'form-control',
                  'id' => 'protocol',
                  'placeholder' => 'Αρ. Πρωτ.',
                  'required',
                  'maxlength'=>'255'))
                }}
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε τον Αριθμό Πρωτοκόλλου
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validcatreq">Κατηγορία *</label>
              <select class="form-control" name="catreq_id" class="form-control" id="catreq_id" required>
                <option></option>
                @foreach ($cats as $cat)
                  <option value="{{$cat->id}}">{{$cat->catreq_name}}</option>
                @endforeach
              </select>
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε Κατηγορία Αίτησης
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-4">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <label class="input-group-text" for="project_id">Κωδικός Έργου</label>
                </div>
                <select class="custom-select" name="project_id" id="project_id">
                  <option value="{{$project->id}}">{{$project->codeid}}</option>
                </select>
              </div>
            </div>
            <div class="col-md-8">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <label class="input-group-text" for="projecttitle">Τίτλος Έργου</label>
                </div>
                <input class="form-control" id="disabledInput" type="text" placeholder="{{$project->title}}" disabled>
              </div>
            </div>
          </div>
          <hr>
          <div id="form-bonus">
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::text('benefit_user', null, array(
                  'class' => 'form-control',
                  'id' => 'benefit_user',
                  'placeholder' => 'Δικαιούχος',
                  'maxlength'=>'255'))
                }}
              </div>
              <div class="col mb-3">
                {{ Form::text('date_distance', null, array(
                  'class' => 'form-control',
                  'id' => 'date_distance',
                  'placeholder' => 'Διάστημα',
                  'maxlength'=>'255'))
                }}
              </div>
              <div class="col mb-3">
                {{ Form::text('budget_rate', null, array(
                  'class' => 'form-control',
                  'id' => 'budget_rate',
                  'placeholder' => 'Ποσοστο επί των αποδοχών',
                  'maxlength'=>'255'))
                }}
              </div>
            </div>
          </div>
          <div id="form-update">
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::textarea('comments', null, array(
                  'class' => 'form-control',
                  'id' => 'comments',
                  'placeholder' => 'Παρατηρήσεις',
                  'rows'=>'3'))
                }}
              </div>
            </div>
          </div>
          <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-cloud-upload-alt 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="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.7/dist/sweetalert2.all.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">

$('input[name="date_distance"]').daterangepicker({
  showDropdowns: true,
  locale: {
    format: 'DD/MM/YYYY'
  }
});

(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="costfields"><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();
  }

  $('#form-project').hide();
  $('#form-bonus').hide();
  $('#form-update').hide();
  $('#newproject').hide();
  $('#currentproject').show();

  $('#catreq_id').change(function ()
  {
    var select =  $(this).val();
    switch (select) {
      case '1':
        $('#form-bonus').show();
        $('#form-project').hide();
        $('#form-update').hide();
        break;
      case '2':
        $('#form-bonus').show();
        $('#form-project').hide();
        $('#form-update').hide();
        break;
      case '3':
        $('#form-bonus').hide();
        $('#form-project').hide();
        $('#form-update').show();
        break;
      case '4':
        $('#form-bonus').hide();
        $('#form-project').show();
        $('#newproject').show();
        $('#currentproject').hide();
        $('#form-update').hide();
        break;
      default:
      $('#form-project').hide();
      $('#form-bonus').hide();
      $('#form-update').hide();
      $('#newproject').hide();
      $('#currentproject').show();

    }

});
</script>
@endsection