mixin mediaEditor
    +b('div').prefix-mediaEditor(data-apply-url="/editConst.php")
        +e('div').col(class="prefix-mediaEditor__col_main")
            +e('div').container
                +e('img').target(src="")

            +e('div').controls
                +e('ul').controls__list
                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Crop", data-action="editorCrop")
                            +e('i').icon(class="fa fa-crop")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Rotate left", data-action="editorRotateLeft")
                            +e('i').icon(class="fa fa-rotate-left")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Rotate right", data-action="editorRotateRight")
                            +e('i').icon(class="fa fa-rotate-right")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Flip Horizontal", data-action="editorFlipHorizontal")
                            +e('i').icon(class="fa fa-arrows-h")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Flip Vertical", data-action="editorFlipVertical")
                            +e('i').icon(class="fa fa-arrows-v")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Zoom In", data-action="editorZoomIn")
                            +e('i').icon(class="fa fa-search-plus")

                    +e('li').controls__item
                        +e('a').controls__button(href="#", class="btn btn-primary", title="Zoom Out", data-action="editorZoomOut")
                            +e('i').icon(class="fa fa-search-minus")

        +e('div').col(class="prefix-mediaEditor__col_aside")
            +e('div').info
                +e('div').info__wrapper
                    +e('div').info__header
                        +e('div').info__title!= "Edit image"

                    +e('div').info__content
                        +e('div').info__data
                            +e('div').info__name

                            +e('div').info__size

                        +e('div').info__change
                            +e('div').info__change__wrapper
                                +e('div').info__change__content
                                    +e('div').info__change__row
                                        +e('label').info__change__label!= "Offset X, px"
                                        +e('input').info__change__input(type="text", name="offsetX", class="form-control" disabled)

                                    +e('div').info__change__row
                                        +e('label').info__change__label!= "Offset Y, px"
                                        +e('input').info__change__input(type="text", name="offsetY", class="form-control" disabled)

                                    +e('div').info__change__row
                                        +e('label').info__change__label!= "Width, px"
                                        +e('input').info__change__input(type="text", name="width", class="form-control" disabled)

                                    +e('div').info__change__row
                                        +e('label').info__change__label!= "Height, px"
                                        +e('input').info__change__input(type="text", name="height", class="form-control" disabled)

                    +e('div').info__footer
                        +e('a').info__button(href="#", class="btn btn-block btn-success prefix-mediaEditor__info__apply")!= "Apply"

                        +e('a').info__button(href="#browser", class="btn btn-block btn-danger prefix-mediaRouter_action prefix-mediaEditor__info__cancel")!= "Cancel"