{!! Form::open(['route' => ['admin::allegro::templates::default::blocks::store'], 'class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) !!}

<div class="col-md-12 padding-25" id="template">
    <div class='form-group'>
        {!! Form::label('name', trans('Allegro::admin/templates/defaultBlocks/forms.new.fields.name'), ['class' => 'col-sm-2 control-label']) !!}
        <div class="col-sm-10">
            {!! Form::text('name', old('name'), ['id' => 'name', 'class' => 'form-control', 'placeholder' => trans('Allegro::admin/templates/defaultBlocks/forms.new.fields.name')]) !!}
        </div>
    </div>

    <div class='form-group'>
        {!! Form::label('type', trans('Allegro::admin/templates/defaultBlocks/forms.new.fields.type'), ['class' => 'col-sm-2 control-label']) !!}
        <div class="col-sm-10">
            {!! Form::select('type', ['TEXT' => 'Text', 'IMAGE' => 'Zdjęcie'], null, ['style' => 'width: 100%;', 'id' => 'type', 'class' => 'form-control', 'placeholder' => trans('Allegro::admin/templates/defaultBlocks/forms.new.fields.type')]) !!}
        </div>
    </div>

    <div class="form-group text-center" id="content">
    </div>
</div>

{!! Form::submit(trans('Allegro::admin/templates/defaultBlocks/forms.save'), ['class' => 'btn btn-success']) !!}

{!! Form::close() !!}

<script>
    $(function () {
        $('#type').on('change', function () {
            const type = $(this).val();
            const contentPlace = $('#content');

            if (type === 'IMAGE') {
                contentPlace.html('@include($views['sections']['image'])');
            } else if (type === 'TEXT') {
                contentPlace.html('@include($views['sections']['text'])');
            } else {
                contentPlace.html(null);
            }

            CKEDITOR.replace('content-ckeditor');
        });

        function readURL(input) {

            if (input.files && input.files[0]) {
                const reader = new FileReader();

                reader.onload = function(e) {
                    $(document).find('#blah').attr('src', e.target.result);
                };

                reader.readAsDataURL(input.files[0]);
            }
        }

        $(document).on('change', '#uploadedImage', function() {
            readURL(this);
        });
    });
</script>