{{#if !wizard}}
<div class="menuV2TopPanel" style="float: left; width: 100%;">

    {{#if clientwizard}}
    <div class="col-xs-12">
        <div class="alert alert-warning alert-dismissible" role="alert" style="margin: 20px 0px 0px 0px;">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <strong>Note:</strong> Your client has not yet completed the questionnaire. When the questionnaire is completed it will be used to populate this dashboard, and may override any initial updates you make.
        </div>
    </div>
    {{/if}}
    
    <div class="col-xs-6">
        <h2 id="c-header" class="section-header">Contributions. <div class="note-icon" data-pinned="Contributions"><i class="far fa-sticky-note"></i></div></h2>
    </div>
    <div class="col-xs-6">
        <div id="c-buttons" class="btn-group pull-right" role="group" style="margin-top: 22px;">
            <button type="button" class="btn btn-default btn-add" on-click="@this.contributionForm()">Add</button>

            {{#if multiparty && setup == 'joint'}}
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Show <span class="caret"></span></button>
                <ul class="dropdown-menu">
                    <li><a href="#!" on-click="@this.contributions('a')">{{aName()}}'s contributions</a></li>
                    <li><a href="#!" on-click="@this.contributions('b')">{{bName()}}'s contributions</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#!" on-click="@this.contributions('c')">Agreed contributions</a></li>
                </ul>
            </div>
            {{/if}}
        </div>
    </div>
</div>

{{#if !neutral}}
{{#if access != 'viewer'}}
<div style="float: left; width: 100%; padding: 0px 15px 15px;">
    <div id="contributionSummary"><div class="editor"></div></div>
    <!--
    <p style="color: #757573;">Summarise {{aName()}}'s contributions below.</p>    
    <textarea style="height:100px;width:100%;font-size: 15px;" class="form-control input-lg" value="{{contributionSummary}}" on-blur='@this.summary()'></textarea>
    -->
</div>
{{/if}}
{{/if}}

<div id="c-panel" class="col-md-12 bs-box c-panel" style="clear: both;">
    {{#if contributionCount > 0}}
    <div class="row row-header hidden-xs hidden-sm">
        <div class="col-md-5">Item</div>
        <div class="col-md-7">Contribution</div>
        <!--<div class="col-md-1">Disclosure</div>-->
    </div>
    {{/if}}
    {{#viewData.contributions.start.items}} 
    {{#if disclosure}}
        <div class="panel {{#if view == 'c' && valid == false}}panel-danger{{elseif view == 'c' && valid == true}}panel-success{{else}}panel-default{{/if}}" style="cursor: pointer;">
            {{#if fileCount(this.id) > 0}}
            <span class="badge badge-attachments" style="bottom: 2px;" on-click="@this.goto(this)"><span class="glyphicon glyphicon-paperclip" aria-hidden="true" style="margin-right: 5px;" data-toggle="popover" data-placement="left" data-trigger="hover" data-container="body" data-content="There are {{fileCount(this.id)}} attachments"></span> {{fileCount(this.id)}}</span>
            {{/if}}
            <div class="panel-body lineitem" on-click="@this.goto(this)">
                <div class="row">
                    <div class="col-md-5">
                        <dl style="width: 70%; float: left; margin-bottom: 0px;">
                            <dt style="font-weight: 600;">When</dt>
                            <dd>{{stage}}</dd>
                        </dl>
                        <dl style="width: 30%; float: left; margin-bottom: 0px;">
                            <dt>Contributor</dt>
                            <dd>{{whom(ownership)}}</dd>
                        </dl>
                    </div>
                    <div class="col-md-7">
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>{{getType(type)}}</dt>
                            <dd>{{description}}</dd>
                        </dl>
                        {{#if type == "Monetary"}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>Contributed</dt>
                            <dd>
                                {{#if view == 'c' && differences.indicator == false}}<span style="color: red; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is no agreement on the proposed contribution of this item. Their proposal is: {{partyB.indicator}}.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view == 'c' && differences.indicator == true}}<span style="color: green; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is an agreement on the proposed contribution of this item.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view != 'c'}}{{indicate(type, indicator)}}{{/if}}
                            </dd>
                        </dl>
                        {{else}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>&nbsp;</dt>
                            <dd>&nbsp;</dd>
                        </dl>
                        {{/if}}
                    </div>
                    <!--<div class="col-md-1">{{disclosure}}</div>-->
                </div>
            </div>
            {{#if view == 'a'}}
            {{#if !neutral}}
            <recommendation panel="{{type}}" id="{{id}}" />
            {{/if}}
            {{/if}}
        </div>
    {{/if}}
    {{/viewData.contributions.start.items}}

    <!--
    {{#if viewData.contributions.start.a == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{aName()}} at start of relationship.</p>
    {{/if}}
    {{#if viewData.contributions.start.b == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{bName()}} at start of relationship.</p>
    {{/if}}
    -->

    {{#viewData.contributions.during.items}} 
    {{#if disclosure}}
        <div class="panel {{#if view == 'c' && valid == false}}panel-danger{{elseif view == 'c' && valid == true}}panel-success{{else}}panel-default{{/if}}" style="cursor: pointer;">
            {{#if fileCount(this.id) > 0}}
            <span class="badge badge-attachments" on-click="@this.goto(this)"><span class="glyphicon glyphicon-paperclip" aria-hidden="true" style="margin-right: 5px;" data-toggle="popover" data-placement="left" data-trigger="hover" data-container="body" data-content="There are {{fileCount(this.id)}} attachments"></span> {{fileCount(this.id)}}</span>
            {{/if}}
            <div class="panel-body lineitem" on-click="@this.goto(this)">
                <div class="row">
                    <div class="col-md-5">
                        <dl style="width: 70%; float: left; margin-bottom: 0px;">
                            <dt style="font-weight: 600;">When</dt>
                            <dd>{{stage}}</dd>
                        </dl>
                        <dl style="width: 30%; float: left; margin-bottom: 0px;">
                            <dt>Contributor</dt>
                            <dd>{{whom(ownership)}}</dd>
                        </dl>
                    </div>
                    <div class="col-md-7">
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>{{type}}</dt>
                            <dd>{{description}}</dd>
                        </dl>
                        {{#if type == "Monetary"}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>Contributed</dt>
                            <dd>
                                {{#if view == 'c' && differences.indicator == false}}<span style="color: red; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is no agreement on the proposed contribution of this item. Their proposal is: {{partyB.indicator}}.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view == 'c' && differences.indicator == true}}<span style="color: green; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is an agreement on the proposed contribution of this item.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view != 'c'}}{{indicate(type, indicator)}}{{/if}}
                            </dd>
                        </dl>
                        {{else}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>&nbsp;</dt>
                            <dd>&nbsp;</dd>
                        </dl>
                        {{/if}}
                    </div>
                    <!--<div class="col-md-1">{{disclosure}}</div>-->
                </div>
            </div>
            {{#if view == 'a'}}
            {{#if !neutral}}
            <recommendation panel="{{type}}" id="{{id}}" />
            {{/if}}
            {{/if}}
        </div>
    {{/if}}
    {{/viewData.contributions.during.items}}

    <!--
    {{#if viewData.contributions.during.a == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{aName()}} during the relationship.</p>
    {{/if}}
    {{#if viewData.contributions.during.b == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{bName()}} during the relationship.</p>
    {{/if}}
    -->

    {{#viewData.contributions.post.items}} 
    {{#if disclosure}}
        <div class="panel {{#if view == 'c' && valid == false}}panel-danger{{elseif view == 'c' && valid == true}}panel-success{{else}}panel-default{{/if}}" style="cursor: pointer;">
            {{#if fileCount(this.id) > 0}}
            <span class="badge badge-attachments" on-click="@this.goto(this)"><span class="glyphicon glyphicon-paperclip" aria-hidden="true" style="margin-right: 5px;" data-toggle="popover" data-placement="left" data-trigger="hover" data-container="body" data-content="There are {{fileCount(this.id)}} attachments"></span> {{fileCount(this.id)}}</span>
            {{/if}}
            <div class="panel-body lineitem" on-click="@this.goto(this)">
                <div class="row">
                    <div class="col-md-5">
                        <dl style="width: 70%; float: left; margin-bottom: 0px;">
                            <dt style="font-weight: 600;">When</dt>
                            <dd>{{stage}}</dd>
                        </dl>
                        <dl style="width: 30%; float: left; margin-bottom: 0px;">
                            <dt>Contributor</dt>
                            <dd>{{whom(ownership)}}</dd>
                        </dl>
                    </div>
                    <div class="col-md-7">
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>{{type}}</dt>
                            <dd>{{description}}</dd>
                        </dl>
                        {{#if type == "Monetary"}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>Contributed</dt>
                            <dd>
                                {{#if view == 'c' && differences.indicator == false}}<span style="color: red; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is no agreement on the proposed contribution of this item. Their proposal is: {{partyB.indicator}}.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view == 'c' && differences.indicator == true}}<span style="color: green; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is an agreement on the proposed contribution of this item.">{{indicate(type, indicator)}}</span>{{/if}}
                                {{#if view != 'c'}}{{indicate(type, indicator)}}{{/if}}
                            </dd>
                        </dl>
                        {{else}}
                        <dl style="width: 50%; float: left; margin-bottom: 0px;">
                            <dt>&nbsp;</dt>
                            <dd>&nbsp;</dd>
                        </dl>
                        {{/if}}
                    </div>
                    <!--<div class="col-md-1">{{disclosure}}</div>-->
                </div>
            </div>
            {{#if view == 'a'}}
            {{#if !neutral}}
            <recommendation panel="{{type}}" id="{{id}}" />
            {{/if}}
            {{/if}}
        </div>
    {{/if}}
    {{/viewData.contributions.post.items}}

    <!--
    {{#if viewData.contributions.post.a == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{aName()}} post-separation.</p>
    {{/if}}
    {{#if viewData.contributions.post.b == 0}}
        <p style="color: #999; padding-left: 20px;">No contributions of significance from {{bName()}} post-separation.</p>
    {{/if}}
    -->

    {{#if viewData.contributions.total == 0}}
        <p style="color: #999; padding-left: 20px;">There are no contributions to display. <a href="#!" on-click="@this.contributionForm()" style="{{#if view != 'a' || access == 'viewer'}}display: none{{/if}}">Want to add one now?</a></p>
    {{/if}}
    {{#if !neutral}}
    {{#if !isCourts}}
    <div class="panel {{#if view == 'c' && contributionData.valid == false}}panel-danger{{elseif view == 'c' && contributionData.valid == true}}panel-success{{else}}panel-default{{/if}}" on-click="@this.contributionProposalForm()" style="cursor: pointer;">
        <div class="panel-body">
            <h3>Contributions overall.</h3>
            <div class="row">
                <div class="col-md-8">
                    <small style="display: none;">A <mark>higher</mark> overall contribution may mean an adjustment in the outcome may need to be considered.</small>

                    {{#if !isNaN(contributionData.percent)}}
                    <dl class="dl-horizontal" style="width: 50%; float: left;">
                        <dt>This party: Adjustment</dt>
                        <dd>{{contributionData.percent}} %</dd>
                    </dl>
                    {{/if}}
                    {{#if !isNaN(contributionData.other)}}
                    <dl class="dl-horizontal" style="width: 50%; float: left;">
                        <dt>Other party: Adjustment</dt>
                        <dd>{{contributionData.other}} %</dd>
                    </dl>
                    {{/if}}
                    {{#if contributionData.comment}}
                    <dl class="dl-horizontal">
                        <dt>Comments/Issues</dt>
                        <dd>{{contributionData.comment}}</dd>
                    </dl>
                    {{/if}}
                </div>
                <div class="col-md-3">
                    <dl style="width: 50%; float: left; margin-bottom: 0px;">
                        <dt style="font-weight: 600;">{{aName()}}'s<br/> contribution</dt>
                        <dd>
                            <h5>
                            {{#if view == 'c' && contributionData.differences.a == false}}<span style="color: red; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is no agreement on the proposed overall contribution.">{{contributionData.a}}</span>{{/if}}
                            {{#if view == 'c' && contributionData.differences.a == true}}<span style="color: green; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is an agreement on the proposed overall contribution.">{{contributionData.a}}</span>{{/if}}
                            {{#if view != 'c'}}{{contributionData.a}}{{/if}}
                            </h5>
                        </dd>
                    </dl>
                    <dl style="width: 50%; float: left; margin-bottom: 0px;" id="tourContributionOverall">
                        <dt style="font-weight: 600;">{{bName()}}'s<br/>  contribution</dt>
                        <dd>
                            <h5>
                            {{#if view == 'c' && contributionData.differences.b == false}}<span style="color: red; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is no agreement on the proposed overall contribution.">{{contributionData.b}}</span>{{/if}}
                            {{#if view == 'c' && contributionData.differences.b == true}}<span style="color: green; cursor: help;" data-toggle="popover" data-trigger="hover" data-container="body" data-content="There is an agreement on the proposed overall contribution.">{{contributionData.b}}</span>{{/if}}
                            {{#if view != 'c'}}{{contributionData.b}}{{/if}}
                            </h5>
                        </dd>
                    </dl>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </div>
    {{/if}}
    {{/if}}
</div>
{{/if}}

<aside id="cvsContribution" class="js-offcanvas c-offcanvas-50" data-offcanvas-options='{"modifiers":"right,push", "resize":false}' style="display: none;">
    <div class="js-offcanvas-header">
        <p class='lead pull-left js-offcanvas-title' id="cvsContent-title">Contribution details.</p>
        <i class="fa fa-times pull-right js-offcanvas-close" aria-hidden="true"></i>
    </div>

    <div class="js-offcanvas-content">
        <div class="tabbable-panel">
            <div class="tabbable-line">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#tab_contributions_information" data-toggle="tab">Information</a>
                    </li>
                    {{#if attachmentTab()}}
                    <li>
                        <a href="#tab_contributions_attachments" data-toggle="tab">Attachments&nbsp;&nbsp;&nbsp;<span class="badge badge-attachments">{{attachmentsTotal}}</span></a>
                    </li>
                    {{/if}}
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab_contributions_information">
                        <div id="contributionForm-alert" class="alert-message alert-message-danger" style="display:none;"></div>
                        <form id="contributionForm" class="jsonform">Loading...</form>   
                    </div>
                    <div class="tab-pane" id="tab_contributions_attachments">
                        <!-- Start: Attachments section -->
                        {{#if !neutral}}
                        <button id="contributionFormFile-button" type="button" class="btn btn-default btn-lg btn-block">Select a file to attach</button>
                        <div id="contributionFormFile-upload" style="display: none;">
                            <div id="contributionFormFile-alert" class="alert-message alert-message-danger" style="display:none;"></div>
                            <form id="contributionFormFile" class="jsonform">Loading...</form>   
                        </div>
                        <hr/>
                        {{/if}}
                        <div class="resources attachments">
                            {{#attachments.a}} 
                            <div class="media resource-item">
                                <div class="media-left routie" on-click="@this.attachmentDownload(this)">
                                    {{#if type == 'application/pdf'}}<img class="img-responsive image" src="/assets/icons/pdf.png">{{/if}}
                                    {{#if type == 'image/jpg'}}<img class="img-responsive image" src="/assets/icons/jpg.png">{{/if}}
                                    {{#if type == 'image/jpeg'}}<img class="img-responsive image" src="/assets/icons/jpg.png">{{/if}}
                                    {{#if type == 'image/png'}}<img class="img-responsive image" src="/assets/icons/png.png">{{/if}}
                                    {{#if type == 'image/gif'}}<img class="img-responsive image" src="/assets/icons/gif.png">{{/if}}
                                    {{#if type == 'application/zip'}}<img class="img-responsive image" src="/assets/icons/zip.png">{{/if}}
                                    {{#if type == 'application/msword'}}<img class="img-responsive image" src="/assets/icons/doc.png">{{/if}}
                                    {{#if type == 'application/vnd.ms-excel'}}<img class="img-responsive image" src="/assets/icons/xls.png">{{/if}}
                                    {{#if type == 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'}}<img class="img-responsive image" src="/assets/icons/doc.png">{{/if}}
                                    {{#if type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}}<img class="img-responsive image" src="/assets/icons/xls.png">{{/if}}
                                    {{#if !type}}<img class="img-responsive image" src="/assets/icons/file.png">{{/if}}
                                </div>
                                <div class="media-body routie" on-click="@this.attachmentDownload(this)">
                                    <h4 class="media-heading">{{title}} 
                                        {{#if disclosure == 'Disclosed'}}
                                        <span class="badge" style="font-size: 11px; padding-top: 4px;{{#if party == 'c'}}background-color: #5c7584;{{/if}}">
                                            {{#if party == 'c'}}Disclosed{{else}}Accessible{{/if}} {{#if party == 'b' || party == 'c'}}(By OS){{/if}}
                                        </span>
                                        {{/if}}
                                    </h4>
                                    <p>{{description}}</p>
                                    <span class="label label-default label-attachment">
                                        Uploaded by {{uploader}} @ {{date}} | {{filetype(type)}} | {{filesize(size)}} | {{filename}}
                                    </span>
                                </div>
                                <div class="media-right">
                                    <div class="btn-group">
                                        <button class="btn btn-default btn-action dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false">
                                            <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-right">
                                            <li>
                                                <a style="cursor: pointer"  on-click="@this.attachmentDownload(this, false)">Download</a>
                                            </li>
                                            <li>
                                                <a style="cursor: pointer;" on-click="@this.attachment(ref, this)">Edit</a>
                                            </li>
                                            {{#if disclosure == 'Disclosed' && setup == 'single'}}
                                            <li>
                                                <a style="cursor: pointer;" on-click="@this.attachmentShare(this)">Get shareable link</a>
                                            </li>
                                            {{/if}}
                                            {{#if disclosure == 'Private'}}
                                            <li>
                                                <a style="cursor: pointer;" on-click="@this.attachmentAccessible(this)">Make accessible</a>
                                            </li>
                                            {{/if}}
                                            {{#if disclosure == 'Private' || (disclosure == 'Disclosed' && setup == 'joint')}}
                                            <li>
                                                <a style="cursor: pointer;" on-click="@this.attachmentDelete(this)">Delete</a>
                                            </li>
                                            {{/if}}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            {{/attachments.a}}
                            {{#attachments.b}} 
                            <div class="media resource-item">
                                <div class="media-left routie" on-click="@this.attachmentDownload(this)">
                                    {{#if type == 'application/pdf'}}<img class="img-responsive image" src="/assets/icons/pdf.png">{{/if}}
                                    {{#if type == 'image/jpg'}}<img class="img-responsive image" src="/assets/icons/jpg.png">{{/if}}
                                    {{#if type == 'image/jpeg'}}<img class="img-responsive image" src="/assets/icons/jpg.png">{{/if}}
                                    {{#if type == 'image/png'}}<img class="img-responsive image" src="/assets/icons/png.png">{{/if}}
                                    {{#if type == 'image/gif'}}<img class="img-responsive image" src="/assets/icons/gif.png">{{/if}}
                                    {{#if type == 'application/zip'}}<img class="img-responsive image" src="/assets/icons/zip.png">{{/if}}
                                    {{#if type == 'application/msword'}}<img class="img-responsive image" src="/assets/icons/doc.png">{{/if}}
                                    {{#if type == 'application/vnd.ms-excel'}}<img class="img-responsive image" src="/assets/icons/xls.png">{{/if}}
                                    {{#if type == 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'}}<img class="img-responsive image" src="/assets/icons/doc.png">{{/if}}
                                    {{#if type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}}<img class="img-responsive image" src="/assets/icons/xls.png">{{/if}}
                                    {{#if !type}}<img class="img-responsive image" src="/assets/icons/file.png">{{/if}}
                                </div>
                                <div class="media-body routie" on-click="@this.attachmentDownload(this)">
                                    <h4 class="media-heading">{{title}} 
                                        {{#if disclosure == 'Disclosed'}}
                                        <span class="badge" style="font-size: 11px; padding-top: 4px;{{#if party == 'c'}}background-color: #5c7584;{{/if}}">
                                            {{#if party == 'c'}}Disclosed{{else}}Accessible{{/if}} {{#if party == 'b' || party == 'c'}}(By OS){{/if}}
                                        </span>
                                        {{/if}}
                                    </h4>
                                    <p>{{description}}</p>
                                    <span class="label label-default label-attachment">
                                        Uploaded by {{uploader}} @ {{date}} | {{filetype(type)}} | {{filesize(size)}} | {{filename}}
                                    </span>
                                </div>
                                <div class="media-right">
                                    {{#if party == 'c'}}
                                    <div class="btn-group" role="group">
                                        <div class="dropdown dropdown-lg">
                                            <button class="btn btn-default btn-action dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li>
                                                    <a style="cursor: pointer;" on-click="@this.attachment(ref, this)">Edit</a>
                                                </li>
                                                {{#if canDelete}}
                                                <li>
                                                    <a style="cursor: pointer" on-click="@this.attachmentDeleteOS(this)">Delete</a>
                                                </li>
                                                {{/if}}
                                            </ul>
                                        </div>
                                    </div>
                                    {{/if}}
                                </div>
                            </div>
                            {{/attachments.b}}
                        </div>
                        <!-- End: Attachments section -->
                    </div>
                </div>
            </div>
        </div>   
    </div>
</aside>

<aside id="cvsContributionProposal" class="js-offcanvas c-offcanvas-50" data-offcanvas-options='{"modifiers":"right,push", "resize":false}' style="display: none;">
    <div class="js-offcanvas-header">
        <p class='lead pull-left js-offcanvas-title' id="cvsContent-title">Contribution proposal.</p>
        <i class="fa fa-times pull-right js-offcanvas-close" aria-hidden="true"></i>
    </div>

    <div class="js-offcanvas-content">
        <div id="contributionProposalForm-alert" class="alert-message alert-message-danger" style="display:none;"></div>
        <form id="contributionProposalForm" class="jsonform">Loading...</form>   
    </div>
</aside>