@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
    <div class="portlet-title">
        <div class="caption font-dark">                
            <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($project))?'Editare':'Adăugare' }} Proiect</span>
        </div>            
    </div>

    <div class="panel-body">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <form method="POST" action="{{ route('project.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                    
                    @if (! empty($project))    
                        <input type="hidden" name="id" value="{{ $project->id }}">
                    @endif

                    <div class="form-group">
                        <label for="description">Nume</label>
                        <input readonly type="text" class="form-control" value="{{ (!empty($project))?$project->name:'' }}" required autofocus>
                    </div>

                    <div class="form-group">
                        <label for="description">Descriere</label>
                        <input type="text" class="form-control" id="description" name="description" value="{{ (!empty($project))?$project->description:'' }}" required autofocus>
                    </div>

                    <div class="form-group">
                        <label for="picture">URL Imagine</label>
                        <div class="input-group">
                          <span class="input-group-btn">
                            <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                              <i class="fa fa-file"></i> Alege
                            </a>
                          </span>
                          <input id="thumbnail" class="form-control" type="text" name="picture" value="{{ (!empty($project))?$project->picture:'' }}"  >
                        </div>
                    </div>


                    <div class="form-group">
                          <label for="content">Conținut</label>
                          <textarea class="form-control" id="content" name="content">
                               {{ (!empty($project))?$project->content:'' }}
                           </textarea>
                      </div>


                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('projects') }}">
                                <button type="button" class="btn btn-danger">                            
                                    <i class="fa fa-close" aria-hidden="true"></i> Închide
                                </button>
                            </a>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                        </div>
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>
@endsection

@section('scripts')
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script>
    $('#lfm').filemanager('images'); 
    var editor_config = {
      path_absolute : "/",
      selector: "textarea[name=content]",
      plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
      "searchreplace wordcount visualblocks visualchars code fullscreen",
      "insertdatetime media nonbreaking save table contextmenu directionality",
      "emoticons template paste textcolor colorpicker textpattern"
      ],
      toolbar: "insertfile undo redo | styleselect | fontselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | forecolor | backcolor | fontsizeselect",
      fontsize_formats: "8px 9px 10px 11px 12px 14px 16px 18px 20px 22px 24px 26px 28px 36px 48px 72px",
      relative_urls: false,
      remove_script_host : false,
      convert_urls : true,

      height: 300,
      file_browser_callback : function(field_name, url, type, win) {
        var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
        var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

        var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
        if (type == 'image') {
          cmsURL = cmsURL + "&type=Images";
        } else {
          cmsURL = cmsURL + "&type=Files";
        }

        tinyMCE.activeEditor.windowManager.open({
          file : cmsURL,
          title : 'Filemanager',
          width : x * 0.8,
          height : y * 0.8,
          resizable : "yes",
          close_previous : "no"
        });
      }
    };

    tinymce.init(editor_config);

    window.onload = function(e){ 
            CreateTable($("#mainTable"));
        }
</script>
@endsection


@section('menuVariables')
    var menuItemName = "menuProjects";
    var submenuItemName = "";
@endsection