import AppForm from '../app-components/Form/AppForm';

Vue.component('{{ $modelJSName }}-form', {
    mixins: [AppForm],
    data: function() {
        return {
            form: {
                @foreach($columns as $column){{ $column['name'].':' }} @if($column['type'] == 'json') {{ 'this.getLocalizedFormDefaults()' }} @elseif($column['type'] == 'boolean') {!! "false" !!} @else {!! "''" !!} @endif,
                @endforeach

            },
@if($hasFormElementsRight)
            onSmallScreen: true
@endif
        }
    },
@if($hasFormElementsRight)
    methods: {
        //func. goes to addEventListener, we manipulate for always small screen
        onResize: function onResize() {
            this.onSmallScreen = true;
        }
    }
@endif

});