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

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

                    
                    @if (!empty($nomenclature_page) && (count($nomenclature_page->texts ) == 0))
                      <div class="form-group">
                          <label for="content">Conținut</label>
                          <textarea class="form-control" id="content" name="content">
                               {{ (!empty($nomenclature_page))?$nomenclature_page->content:'' }}
                           </textarea>
                      </div>
                    @endif                    

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

                      @if (!empty($nomenclature_page) && (count($nomenclature_page->texts ) == 0))
                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvare</button>
                        </div>
                      @endif
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>

@if (!empty($nomenclature_page) && (count($nomenclature_page->texts ) > 0))
    @include('nomenclature_edit_texts', ['title' => "texte"])
@endif
@endsection

@section('scripts')  
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
    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);
</script>

<script src="{{ asset('js/alert.js') }}"  type="text/javascript"></script>
<script>
    document.addEventListener("DOMContentLoaded",function(){window.addEventListener("pagehide",function(a){window.name+="\ue000"+window.pageXOffset+"\ue000"+window.pageYOffset});if(window.name&&-1<window.name.indexOf("\ue000")){var a=window.name.split("\ue000");3<=a.length&&(window.name=a[0],window.scrollTo(parseFloat(a[a.length-2]),parseFloat(a[a.length-1])))}});

    @if (!empty($justSaved))  

        $.alert('The text was saved with succes', {
                title: 'Success',
                closeTime: 2000,
                autoClose: true,
                position: ["top-center"],
                withTime: false,
                type: "success" ,               
                isOnly: true
        });
        @endif
</script>
@stop

@section('menuVariables')
    var menuItemName = "menuNomenclatures";
    var submenuItemName = "";
@stop