<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>

<div class="wrapper wrapper-modal-window wrapper-modal-window-bulkpublish-subsection" aria-labelledby="modal-window-title" role="dialog">
    <div class="modal-window-overlay"></div>
    <div style="top: 5%; left: 30%;" class="modal-window confirm modal-med modal-type-confirm">
        <div class="bulkpublish-subsection-modal">
            <div class="modal-header">
                <h2 class="title modal-window-title">Publish [subsection name]</h2>
            </div>

            <div class="modal-content">
                <div class="message modal-introduction">
                    <p>Publish all unpublished changes for this subsection?</p>
                </div>

                <div class="modal-section bulkpublish-included">
                    <h3 class="modal-section-title">The following will be published:</h3>
                    <div class="modal-section-content">
                        <div class="outline outline-simple outline-bulkpublish">
                            <ol class="list-units">
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title that is really really really long and may span more than just one visual line of text.</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                                <li class="outline-item outline-unit">
                                    <span class="unit-title item-title">Unit Title</span>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-actions">
                <h3 class="sr">Actions</h3>
                <ul>
                  <li class="action-item">
                    <a href="#" class="button action-primary action-publish">Publish</a>
                  </li>
                  <li class="action-item">
                    <a href="#" class="button  action-cancel">Cancel</a>
                  </li>
                </ul>
            </div>
        </div>
    </div>
</div>
