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

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

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


                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('apartment_types') }}">
                                <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>

@if (!empty($apartment_type))
    @include('apartment_type_edit_finishes', ['title' => "finisaje"])
@endif

@endsection

@section('scripts')
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<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"));
}

@if (!empty($apartment_type))

    var nameItems = "finisaje";

    CreateTable($("#"+nameItems+"Table"));   
    var tableToAdd = CreateTableForSelect($("#"+nameItems+"TableToAdd"));


    $('#'+nameItems+'TableToAdd tbody').on( 'click', 'tr', function () {
        $(this).toggleClass('selected');
    } );

    $('#'+nameItems+'AddButton').click( function () {

        var itemsToAdd = [];

        tableToAdd.rows('.selected').every( function ( rowIdx, tableLoop, rowLoop ) {
            itemsToAdd.push(this.data()[0]);
        });

        $.get( "{{ route('apartment_type.add.finish', $apartment_type->id) }}", { id: itemsToAdd }).done(function( data ) {    
            document.location.href="{!! route('apartment_type.edit', [$apartment_type->id]); !!}";
        });
    });

    function addPicture(pivot_id) {
      $('#pivot_id').val(pivot_id);
    }

    $('#lfm').filemanager('files');
@endif

</script>
@endsection


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