{{#list}}
<tr id="item{{ID}}" {{#isArchived}}class="archivedMediaPlan"{{/isArchived}}>
  <td class="moreDetailsWrapper">
    <input class="selectMediaplanItem customCheckbox" data-id="{{ID}}" id="mediaplanCheckItem{{ID}}" data-status="{{status}}" type="checkbox">
    <label for="mediaplanCheckItem{{ID}}"></label>
  </td>
  <td class="name"><a href="#CampaignItems/{{ID}}" class="go perm27_hide">{{name}}</a>
  <!-- {{>recommend}} -->
  <span class="perm27_show hidden">{{name}}</span>
  </td>
  <td class="withicon center" data-campaign-id="{{ID}}" data-mediaplan-name="{{name}}">
    {{#aiPredictor}}
    <!--{{#hasPredictions}}
      <span class="ai icon aiWithNotification {{^showNotification}}hidden{{/showNotification}} " title="AI" style="cursor: pointer;">{{>aiWithNotifications}}
      </span>
      <span class="ai icon aiWithoutNotification {{#showNotification}}hidden{{/showNotification}} " title="AI" style="cursor: pointer;">{{>ai}}</span>
    {{/hasPredictions}}-->
    {{^hasPredictions}}
      <span class="ai icon disabled-icon" title="No Predictions available" style="cursor: not-allowed;">{{>aiDisabled}}</span>
    {{/hasPredictions}}
    {{/aiPredictor}}
    {{^aiPredictor}}
      <span class="ai icon disabled-icon" title="No Predictions available" style="cursor: not-allowed;">{{>aiDisabled}}</span>
    {{/aiPredictor}}
  </td> 
  <td>{{businessVertical}}</td>
  <td title="{{startDate}}">{{startDateDisplay}}</td>
  <td title="{{finishDate}}">{{finishDateDisplay}}</td>
  {{#approvedBudget}}
  {{#isApproved}}
  <td class="currency multiline" adz:lang="mediaplanSpent"><b>{{formattedSpent}}</b> {{formattedAvailableBudget}} available</td>
  <td class="multiline currency highlightGreen" adz:lang="approvedMediaplanBudget"><b>{{formattedApprovedBudget}}</b> approved budget</td>
  {{/isApproved}}
  {{^isApproved}}
  <td class="currency multiline" adz:lang="mediaplanSpent"><b>{{formattedSpent}}</b> {{formattedAvailableBudget}} available</td>
  <td class="multiline currency" adz:lang="proposedMediaplanBudget"><b>{{formattedDisplayBudget}}</b> proposed budget</td>
  {{/isApproved}}
  {{/approvedBudget}}
  {{^approvedBudget}}
  <td></td>
  <td class="multiline currency" adz:lang="proposedMediaplanBudget"><b>{{formattedDisplayBudget}}</b> proposed budget</td>
  {{/approvedBudget}}
  <td>
    <div class="manage_button" style="display: flex;justify-content: start;margin-left: 10px">
      {{^isArchived}}
      <div class="onoffswitch perm9_hide" style="height: fit-content;margin-right: 4px;">
        <input type="checkbox" name="onoffswitch" ref="{{ID}}" {{#isActive}} checked {{/isActive}} class="onoffswitch-checkbox" id="onoffswitch_{{ID}}">
        <label class="onoffswitch-label" for="onoffswitch_{{ID}}">
            <span class="onoffswitch-inner"></span>
            <span class="onoffswitch-switch"></span>
        </label>
      </div>
      <!--     if there's anything requiring approval, show the buttons for approve/reject. if not, show nothing-->
      {{^isApproved}}
      <a href="#" ref="{{ID}}" class="approve perm50_hide iconHelpWr" adz:lang-title="approve" title="Approve">
        <span>{{>approveIcon}}</span>
        <span class="iconHelpText">Approve</span>
      </a>
      {{/isApproved}}
      {{^isApproved}}
      <a href="#" ref="{{ID}}" class="reject perm50_hide iconHelpWr" adz:lang-title="reject" title="Reject">
        <span>{{>rejectIcon}}</span>
        <span class="iconHelpText">Reject</span>
      </a>
      {{/isApproved}}
      {{^isActive}}
        <a href="#" ref="{{ID}}" class="archive iconHelpWr" adz:lang-title="archive" title="Archive">
          <span>{{>archiveIcon}}</span>
          <span class="iconHelpText">Archive</span>
        </a>
      {{/isActive}}
      {{/isArchived}}  
      {{#hasStats}}
      {{^showDataReport}}
        <a href="#" ref="{{ID}}" class="reportv2 iconHelpWr" title="Show Report">
          <span>{{>reportIcon}}</span>
          <span class="iconHelpText">Reports</span>
        </a>
        {{/showDataReport}}
      {{/hasStats}}    
      {{#hasCustomMargin}}
        <a href="#" ref="{{ID}}" class="customMarginReport iconHelpWr" title="Show Report with Custom Margin">
          <span>{{>customMarginIcon}}</span> 
          <span class="iconHelpText">Margin
          Reports
          </span>
        </a>
      {{/hasCustomMargin}}
      <a href="#Mediaplan" ref="{{ID}}" class="go iconHelpWr" title="Edit" adz:lang-title="edit">
        <span>{{>editIcon}}</span>
        <span class="iconHelpText">Edit</span>
      </a>
      {{#showDeleteBtn}}
      <a href="#" ref="{{ID}}" class="js-remove remove_media_plan delete_{{ID}} iconHelpWr" style="text-decoration: none;">
        <span>{{>deleteIcon}}</span>
        <span class="iconHelpText">Delete</span>
      </a>
      {{/showDeleteBtn}}
      <a href="#CampaignGroups" ref="{{ID}}" class="go iconHelpWr" title="Campaign Groups" adz:lang-title="campaignGroups">
        <span>{{>campaignGroupListIcon}}</span>
        <span class="iconHelpText">Campaign 
        Groups
        </span>
      </a>
      {{^isArchived}}
      <a href="#ExternalResources" ref="{{ID}}" class="go attach lacks_permission_81_then_hide iconHelpWr" adz:lang-title="attach" title="Attach External Campaigns">
        <span>{{>autoswivelIcon}}</span>
        <span class="iconHelpText">Attach External
          campaigns
        </span>
      </a>
      {{/isArchived}}
    </div>
  </td>
</tr>
{{/list}}
{{^list}}
<tr>
    <td colspan="8" class="nothing" adz:lang="noMediaPlansForThisAdvertiser">You have no defined media plans for this Advertiser.</td>
</tr>
{{/list}}

<!-- <div id="info">
	<div class="right">&nbsp;</div>
	<div class="left">
	    <div id="paginator" class="paginator"></div>
	</div>
</div> -->