<h3><%= __('Columns') %></h3>
<div class="mailpoet_form_field">
    <label>
        <div class="mailpoet_form_field_input_option">
            <input type="text" name="background-color" class="mailpoet_field_container_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
        </div>
        <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background color') %></div>
    </label>
</div>
<hr>
<div class="mailpoet_form_field">
    <label>
        <div class="mailpoet_form_field_title"><%= __('Background image') %></div>
        <div class="mailpoet_form_field_input_option">
            <input type="text" name="src" class="mailpoet_input mailpoet_field_image_address" value="{{ model.image.src }}" placeholder="http://" /><br />
        </div>
    </label>
</div>
<div class="mailpoet_form_field">
    <input type="button" name="select-image" class="button button-secondary mailpoet_button_full mailpoet_field_image_select_image" value="{{#if model.image.src}}<%= __('Select another image') | escape('html_attr') %>{{else}}<%= _x('Select background image', 'call to action to select an image as a background image of a layout block') | escape('html_attr') %>{{/if}}" />
</div>
<div class="mailpoet_form_field">
    <div class="mailpoet_form_field_title"><%= __('Display options') %></div>
    <div class="mailpoet_form_field_radio_option">
        <label>
            <input type="radio" name="display_type" class="mailpoet_field_display_type" value="scale" {{#ifCond model.image.display '===' 'scale'}}CHECKED{{/ifCond}}/>
            <%= __('Scale') %>
        </label>
    </div>
    <div class="mailpoet_form_field_radio_option">
        <label>
            <input type="radio" name="display_type" class="mailpoet_field_display_type" value="fit" {{#ifCond model.image.display '===' 'fit'}}CHECKED{{/ifCond}}/>
            <%= __('Fit') %>
        </label>
    </div>
    <div class="mailpoet_form_field_radio_option">
        <label>
            <input type="radio" name="display_type" class="mailpoet_field_display_type" value="tile" {{#ifCond model.image.display '===' 'tile'}}CHECKED{{/ifCond}}/>
            <%= __('Tile') %>
        </label>
    </div>
</div>
<p class="mailpoet_settings_notice"><%= _x('A [link]few email clients[/link] do not show background images. Make sure you have a good background color to fall back on if the image is not displayed.', 'Editor > right sidebar for column block settings.')|replaceLinkTags('https://kb.mailpoet.com/article/261-add-a-background-image-to-your-newsletter', {'target': '_blank', 'data-beacon-article': '5bf5863104286304a71c7e1a'})|raw %></p>
<div class="mailpoet_form_field">
    <input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
