@extends('layouts.master')

@section('stylesheets')
  <link href="{{ asset('css/admin/select2-bootstrap4.css') }}" rel="stylesheet">
  <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" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
@endsection

@section('content')

  <div class="content-header">
    <h1>
      Επιτροπή Ερευνών
      <small>Version 1.0</small>
    </h1>
    {!! Breadcrumbs::render('create.subjects', $meeting) !!}
  </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', $meeting->id], 'method'=>'POST', 'class'=> 'form-horizontal needs-validation', 'files'=> true ]) !!}
          <div class="form-row">
            <div class="col-md-4 mb-3">
              <label for="number_meeting">Αριθμός Συνεδρίασης</label>
              <input class="form-control" name="number_meeting" id="disabledInput" type="text" placeholder="{{$meeting->number_meeting}}" disabled>
              <input type="text" name="meeting_id" value="{{$meeting->id}}" hidden>
              @if ($flaguri)
                <input type="text" name="flag" value="project" hidden>
              @else
                <input type="text" name="flag" value="subject" hidden>
              @endif
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationTooltip02">Ημερομηνία Συνεδρίασης</label>
              <input class="form-control" id="disabledInput" type="text" placeholder="{{$meeting->date_meeting}}" disabled>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationTooltipUsername">Ώρα Συνεδρίασης</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text" id="validationTooltipTime">@</span>
                </div>
                <input class="form-control" id="disabledInput" type="text" placeholder="{{$meeting->hour_meeting}}" disabled>
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <label class="input-group-text" for="protocol">Αίτηση</label>
                </div>
                {{ Form::text('protocol', null, array(
                  'class' => 'form-control',
                  'id' => 'validationTooltip01 protocol',
                  'placeholder' => '...',
                  'maxlength'=>'255'))
                }}
              </div>
            </div>
            <div class="col">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <label class="input-group-text" for="catreq_id">Κατηγορία</label>
                </div>
                <select class="custom-select" name="catreq_id" id="catreq_id" required>
                  <option selected></option>
                  @foreach ($cats as $cat)
                    <option value="{{$cat->id}}">{{$cat->catreq_name}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div id="currentproject" class="col">
              <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">
                  @if ($flaguri)
                    <option value="{{$flaguri}}">{{$projectname}}</option>
                  @else
                    <option></option>
                    @foreach ($projects as $project)
                      <option value="{{$project->id}}">{{$project->codeid}}</option>
                    @endforeach
                  @endif
                </select>
              </div>
            </div>
            <div id="newproject" class="col">
              <div class="input-group mb-3">
                <div class="input-group-prepend">
                  <label class="input-group-text" for="project_id_text">Κωδικός Έργου</label>
                </div>
                {{ Form::text('project_id_text', null, array(
                  'class' => 'form-control',
                  'id' => 'validationTooltip01 project_id_text',
                  'placeholder' => '...',
                  'maxlength'=>'255'))
                }}
              </div>
            </div>
          </div>
          <hr>
          <div id="form-project">
            <div class="box box-primary">
              <div class="box-header">
                <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">Δημιουργία Έργου</h3>
              </div>
            </div>
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::text('project_title', null, array(
                  'class' => 'form-control',
                  'id' => 'validationTooltip01 project_title',
                  'placeholder' => 'Τίτλος Έργου',
                  'maxlength'=>'255'))
                }}
              </div>
            </div>
            <div class="form-row">
              <div class="col">
                <div class="input-group mb-3">
                  <select class="custom-select" id="funding_id" name="funding_id">
                    <option selected>Επιλέξτε Κατηγορία Χρηματοδότησης</option>
                    @foreach ($funds as $fund)
                      <option value="{{$fund->id}}">{{$fund->funding_name}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col">
                <div class="input-group mb-3">
                  <select class="custom-select" id="researcher_id" name="researcher_id">
                    <option selected>Επιλέξτε Επιστημονικό Υπεύθυνο</option>
                    @foreach ($researchers as $researcher)
                      <option value="{{$researcher->id}}">{{$researcher->firstname}} {{$researcher->lastname}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
            </div>
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::text('project_start', null, array(
                  'class' => 'form-control',
                  'id' => 'project_start',
                  'placeholder' => 'Έναρξη Έργου',
                  'maxlength'=>'255'))
                }}
              </div>
              <div class="col mb-3">
                {{ Form::text('project_end', null, array(
                  'class' => 'form-control',
                  'id' => 'project_end',
                  'placeholder' => 'Λήξη Έργου',
                  'maxlength'=>'255'))
                }}
              </div>
              <div class="col mb-3">
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <span class="input-group-text">€</span>
                  </div>
                  {{ Form::text('project_budget', null, array(
                    'class' => 'form-control',
                    'id' => 'project_budget',
                    'placeholder' => 'Προϋπολογισμός Έργου',
                    'maxlength'=>'255'))
                  }}
                  <div class="input-group-append">
                    <span class="input-group-text">.000</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="box box-primary">
              <div class="box-header">
                <span class="fa-stack fa-lg text-blue">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa fa-cogs fa-stack-1x fa-inverse"></i>
                </span>
                <h3 class="box-title">Επιλέξιμες Δαπάνες</h3>
              </div>
            </div>
            <div id="costfields">
              <div class="form-row">
                <div class="col-md-5 mb-3">
                  <input type="text"
                    name="cost_name[]"
                    class="form-control"
                    id="cost_name"
                    placeholder="Επιλέξιμη Δαπάνη"
                    maxlength="255"
                    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 type="text"
                      name="cost_budget[]"
                      class="form-control"
                      id="cost_budget"
                      placeholder="Κόστος Δαπάνης"
                      maxlength="255"
                      value="">
                    <div class="input-group-append">
                      <span class="input-group-text">.000</span>
                    </div>
                  </div>
                </div>
                <div class="col-md-2 mb-3">
                  <button class="pull-right btn btn-success" type="button" onclick="costfields();">
                    <i class="fa fa-plus"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <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 src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('#project_id').select2({
      theme: 'bootstrap4',
      placeholder: $(this).attr('placeholder'),
      allowClear: Boolean($(this).data('allow-clear'))
    });
});

$(document).ready(function() {
    $('#researcher_id').select2({
      theme: 'bootstrap4',
      width: '100%',
      placeholder: $(this).attr('placeholder'),
      allowClear: Boolean($(this).data('allow-clear'))
    });
});

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

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

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

  var formrow = 1;
  var formupload = 1;
  function costfields()
  {

    formrow++;
    var objTo = document.getElementById('costfields');
    var divform = document.createElement("div");
    divform.setAttribute("class", "removeclass"+formrow);
    var rdiv = 'removeclass'+formrow;

    divform.innerHTML = '<div id="costfields"><div class="form-row"><div class="col-md-5 mb-3"><input type="text"data-serial="'+formrow+'"name="cost_name[]"class="form-control"id="cost_name'+formrow+'"placeholder="Επιλέξιμη Δαπάνη"maxlength="255"value=""required></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="cost_budget[]"class="form-control"id="cost_budget'+formrow+'"placeholder="Κόστος Δαπάνης"maxlength="255"value=""required><div class="input-group-append"><span class="input-group-text">.000</span></div></div></div><div class="col-md-2 mb-3"><button class="pull-right btn btn-danger" onclick="remove_costfields('+ formrow +');" type="button"><i class="fa fa-minus"></i></button></div></div></div>';

    objTo.appendChild(divform);

  }

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

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

  $('#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();

    }


    if (select === "1" || select === "2" )
    {

      $('#project_id').change(function(){
        if (!$("#project_id").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ επιλέξτε ΚΩΔΙΚΟ ΕΡΓΟΥ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

      $('#benefit_user').focusout(function(){
        if (!$("#benefit_user").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ συμπληρώστε το πεδίο ΔΙΚΑΙΟΥΧΟΣ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

      $('#date_distance').focusout(function(){
        if (!$("#date_distance").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ συμπληρώστε το πεδίο ΔΙΑΣΤΗΜΑ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

      $('#budget_rate').focusout(function(){
        if (!$("#budget_rate").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ συμπληρώστε το πεδίο ΠΟΣΟΣΤΟ ΕΠΙ ΤΩΝ ΑΠΟΔΟΧΩΝ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

    }

    if (select === "3")
    {

      $('#project_id').change(function(){
        if (!$("#project_id").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ επιλέξτε ΚΩΔΙΚΟ ΕΡΓΟΥ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

      $('#comments').focusout(function(){
        if (!$("#comments").val()) {
          swal({
            title: "Validation Rule",
            text: "Παρακαλώ συμπληρώστε το πεδίο ΠΑΡΑΤΗΡΗΣΕΙΣ",
            type: "warning",
            allowOutsideClick: false,
          });
        }
      });

    }

});
</script>
@endsection