@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($finish))?'Editare':'Adăugare' }} Finisaj</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('finish.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                
                    
                    @if (! empty($finish))    
                        <input type="hidden" name="id" value="{{ $finish->id }}">
                    @endif

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

                    <div class="form-group">
                        <label for="project_id">Proiect</label>                        
                        <select id="project_id" name="project_id" class="form-control">
                            @foreach ($projects as $project)
                                <option value="{{ $project->id }}" {{ (!empty($finish) && $finish->project_id==$project->id)?'selected':'' }}>{{ $project->name }}</option>
                            @endforeach                                    
                        </select>                        
                    </div>

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


                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('finishes') }}">
                                <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>
    var editor_config = {
      path_absolute : "/",
      selector: "textarea[name=description]",
      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 = "menuFinishes";
    var submenuItemName = "";
@endsection