@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('edit.subject', $subject) !!}
  </div>

<div class="row align-items-start">

  <div id="project-col" class="col">
    <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> <!-- .box-header -->
      @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($subject, ['route'=> ['update.subject.project', $subject->id], 'method'=>'PUT', 'class'=> 'form-horizontal needs-validation', 'files'=> true ]) !!}
        <div id="meeting-row" 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="{{$subject->meeting->number_meeting}}" disabled>
            <input type="text" name="meeting_id" value="{{$subject->meeting_id}}" hidden>
            <input type="text" name="flagid" value="subject" hidden>
          </div>
          <div class="col-md-4 mb-3">
            <label for="validationTooltip02">Ημερομηνία Συνεδρίασης</label>
            <input class="form-control" id="disabledInput" type="text" placeholder="{{$subject->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="{{$subject->meeting->hour_meeting}}" disabled>
            </div>
          </div>
        </div>
        <div id="catreq-row" 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>
                <input type="text" name="catreq_id" value="{{$subject->protocol}}" hidden>
              </div>
              {{ Form::text('protocol', null,
                [ 'class' => 'form-control protocol',
                'placeholder' => 'Αίτηση',
                'required' =>'',
                'id'=>'protocol',
                'disabled' => '',
                'name' => 'protocol' ])}}
            </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>
                <input type="text" name="catreq_id" value="{{$subject->catreq_id}}" hidden>
              </div>
              {{ Form::select('catreq_id', $cats, null,
                [ 'class' => 'form-control catreq_id',
                'placeholder' => 'Κατηγορία Αίτησης',
                'required' =>'',
                'id'=>'catreq_ids',
                'disabled' => '',
                'name' => 'catreq_ids' ])}}
            </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>
              {{ Form::select('project_id', $pros, null,
                [ 'class' => 'form-control project_id',
                'placeholder' => 'Κωδικός Έργου',
                'required' =>'',
                'disabled' => '',
                'id'=>'project_id',
                'name' => 'project_id' ])}}
            </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> <!-- .box-header -->
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::text('title', $subject->project->title, array(
                  'class' => 'form-control',
                  'id' => 'validationTooltip01 title',
                  'placeholder' => 'Τίτλος Έργου',
                  'maxlength'=>'255'))
                }}
              </div>
            </div> <!-- .form-row title -->
            <div class="form-row">
              <div class="col">
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <label class="input-group-text" for="funding_id">Χρηματοδότηση</label>
                  </div>
                  {{ Form::select('funding_id', $funds, $subject->project->funding->id,
                    [ 'class' => 'form-control funding_id',
                    'required' =>'',
                    'id'=>'funding_id',
                    'name' => 'funding_id' ])}}
                </div>
              </div>
              <div class="col">
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <label class="input-group-text" for="researcher_id">Επιστημονικός Υπεύθυνος</label>
                  </div>
                  {{ Form::select('researcher_id', $res, $subject->project->researcher->id,
                    [ 'class' => 'form-control funding_id',
                    'required' =>'',
                    'id'=>'researcher_id',
                    'name' => 'researcher_id' ])}}
                </div>
              </div>
            </div> <!-- .form-row funding -->
            <div class="form-row">
              <div class="col mb-3">
                {{ Form::text('project_start', $subject->project->start, array(
                  'class' => 'form-control',
                  'id' => 'project_start',
                  'placeholder' => 'Έναρξη Έργου',
                  'maxlength'=>'255'))
                }}
              </div>
              <div class="col mb-3">
                {{ Form::text('project_end', $subject->project->end, 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', $subject->project->budget, 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> <!-- .form-row start-end -->
          </div> <!-- .box -->
        </div> <!-- .form-project -->
        <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> <!-- .box-footer -->
      {!! Form::close() !!}
      </div> <!-- .box-body -->
    </div> <!-- .box box-success -->
  </div> <!-- .project-col -->

  <div id="cost-col" class="col">
    <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> <!-- .box-header -->
      <div class="box-body">
        <table id="costs" class="table table-striped table-bordered" style="width:100%">
          <thead>
            <tr>
              <th style="width:55%;">Επιλέξιμη Δαπάνη</th>
              <th>Προϋπολογισμός</th>
              <th>Ενέργειες</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($subject->project->costs as $cost)
            <tr>
              <td>{{$cost->cost_name}}</td>
              <td>{{$cost->cost_budget}}</td>
                <td>
                  <a href="#"
                    data-toggle="modal"
                    data-target="#addcost-{{$subject->project->id}}"
                    class="btn btn-sm btn-success download-link"
                    data-placement="top" title="Προσθήκη Δαπάνης">
                    <span class="fas fa-plus"></span>
                  </a>
                  @component('costs.components.create')
                    @slot('projectid') {{$subject->project_id}} @endslot
                    @slot('flagid') subject @endslot
                  @endcomponent
                  <a href="#"
                    data-toggle="modal"
                    data-target="#editcost-{{$cost->id}}"
                    class="btn btn-sm btn-primary download-link"
                    aria-expanded="false" data-placement="top" title="Επεξεργασία Δαπάνης">
                    <span class="fas fa-pencil-alt"></span>
                  </a>
                  {!! Form::model($cost, [
                    'route' => ['update.cost', $cost->id],
                    'method' => 'PUT',
                    'class'=> 'form-horizontal',
                    'id'=>'form-post',
                    'style'=>'display:inline-block;'])
                  !!}
                  @component('costs.components.edit')
                    @slot('costid') {{$cost->id}} @endslot
                    @slot('flagid') subject @endslot
                  @endcomponent
                  <a href="#"
                    data-toggle="modal"
                    data-target="#deletecost-{{$cost->id}}"
                    class="btn btn-sm btn-danger" data-placement="top" title="Διαγραφή Θέματος">
                    <span class="fas fa-trash-alt"></span>
                  </a>
                  @component('costs.components.delete')
                    @slot('costid') {{$cost->id}} @endslot
                    @slot('costname') {{$cost->cost_name}} @endslot
                    @slot('flagid') subject @endslot
                  @endcomponent
                </td>
            </tr>
            @endforeach
          </tbody>
          <tfoot>
            <tr>
              <th>Επιλέξιμη Δαπάνη</th>
              <th>Προϋπολογισμός</th>
              <th>Ενέργειες</th>
            </tr>
          </tfoot>
        </table>
      </div> <!-- .box-body -->
    </div> <!-- .box -->
  </div> <!-- .cost-col -->

</div> <!-- .row main -->


@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() {
    $('#researcher_id').select2({
      theme: 'bootstrap4',
      placeholder: $(this).attr('placeholder'),
      allowClear: Boolean($(this).data('allow-clear'))
    });
});

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

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

</script>
@endsection