@extends('layouts.master')

@section('stylesheets')
  <link href="{{ asset('css/admin/select2-bootstrap4.css') }}" rel="stylesheet">
  <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('project.edit', $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-cog fa-stack-1x fa-inverse"></i>
          </span>
          <h3 class="box-title">Επεξεργασία Στοιχείων Έργου</h3>
        </div> <!-- .box box-success -->
        @if (count($errors) > 0)
        <div class="alert alert-danger">
          <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div> <!-- .alert alert-danger -->
        @endif
        <div class="box-body">
        {!! Form::model($project, ['route'=> ['update.project', $project->id], 'method'=>'PUT', 'class'=> 'form-horizontal needs-validation', 'novalidate' ]) !!}
          <div class="form-row">
            <input type="text" name="flagid" value="project" hidden>
            <div class="col-md-2 mb-3">
              <label for="validcodeid">Κωδικός Έργου *</label>
              <input type="text" value="{{$project->codeid}}" name="codeid" class="form-control" id="codeid" placeholder="Κωδικός Έργου" required>
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε τον Κωδικό Έργου
              </div>
            </div>
            <div class="col-md-10 mb-3">
              <label for="validtitle">Τίτλος Έργου *</label>
              <input type="text" value="{{$project->title}}" name="title" class="form-control" id="title" placeholder="Τίτλος Έργου" required>
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε τον Τίτλο Έργου
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-6 mb-3">
              <label for="validcodeid">Χρηματοδότηση *</label>
              {{ Form::select('funding_id', $funds, $project->funding->id,
                [ 'class' => 'form-control funding_id',
                'required' =>'',
                'id'=>'funding_id',
                'name' => 'funding_id' ])}}
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε την Χρηματοδότηση του Έργου
              </div>
            </div>
            <div class="col-md-6 mb-3">
              <label for="validcodeid">Επιστημονικός Υπεύθυνος *</label>
              {{ Form::select('researcher_id', $res, $project->researcher->id,
                [ 'class' => 'form-control researcher_id',
                'required' =>'',
                'id'=>'researcher_id',
                'name' => 'researcher_id' ])}}
              <div class="invalid-feedback">
                Παρακαλώ συμπληρώστε τον Επιστημονικό Υπεύθυνο του Έργου
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-4 mb-3">
              <label for="validcodeid">Έναρξη Έργου</label>
              <input type="text" value="{{$project->start}}" name="start" class="form-control" id="start" placeholder="Έναρξη Έργου">
              <div class="valid-feedback">
                Συμπληρώθηκε με επιτυχία το πεδίο: Έναρξη Έργου
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validtitle">Λήξη Έργου</label>
              <input type="text" value="{{$project->end}}" name="end" class="form-control" id="end" placeholder="Λήξη Έργου">
              <div class="valid-feedback">
                Συμπληρώθηκε με επιτυχία το πεδίο: Λήξη Έργου
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validtitle">Προϋπολογισμός Έργου</label>
              <input type="text" value="{{$project->budget}}" name="budget" class="form-control" id="budget" placeholder="Προϋπολογισμός Έργου">
              <div class="valid-feedback">
                Συμπληρώθηκε με επιτυχία το πεδίο: Προϋπολογισμός Έργου
              </div>
            </div>
          </div>
        </div>
        <div class="box-footer">
          <a href="{{route('index.projects')}}" 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> <!-- .box box-success -->
      @if ($project->costs->count() !== 0)
        @include('costs.index')
      @endif
      @if($project->budgets->count() !== 0)
        @include('budget.index')
      @endif
    </div> <!-- .col-sm-8 -->
  </div> <!-- .row -->

@endsection

@section('javascripts')
  <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>

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

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

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

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

  </script>
@endsection