{{#list}}
  <tr id="item{{ID}}" class="item {{^perAdvertiser}}itemHeight{{/perAdvertiser}}">
    <td class="moreDetailsWrapper">
      <a href="#" data-id="{{ID}}" class="moreDetails js-expand" title="Show more details">
        <span class="plusSign">
      </a>
      <input class="selectCampaignItem customCheckbox" {{#isDisabled}}disabled {{/isDisabled}} data-id="{{ID}}" id="campaignCheckItem{{ID}}" data-status="{{status}}" type="checkbox">
      <label for="campaignCheckItem{{ID}}"></label>
    </td>

    <!-- Partner Icon here-->
    <td style="text-align: center;" class="withicon">
      {{#budgetAllocation}}
        {{#allocations}}
          <a href='{{url}}' onclick="window.open(this.href, this.href); return false" class="{{extServiceCssId}} icon partnersFilter" title="Edit this campaign in {{extServiceName}}"></a>
        {{/allocations}}
      {{/budgetAllocation}}
    </td>
    <!-- End -->

    <td class="withicon center channel_icon">
      <span class="channel_{{channelID}} icon" title="{{channelName}} {{channelNote}}"></span>
      <span class="channel_icon_text">{{channelName}}</span>
    </td>
    <td class="withicon center" data-ext-service="{{extService}}" data-campaign-name="{{name}}" data-campaign-id="{{ID}}">
      {{#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" data-ext-service="{{extService}}" data-campaign-name="{{name}}" data-campaign-id="{{ID}}" title="No Predictions available" style="cursor: not-allowed;">{{>aiDisabled}}</span>
        {{/hasPredictions}}
      {{/aiPredictor}}
      {{^aiPredictor}}
        <span class="ai icon disabled-icon" data-ext-service="{{extService}}" data-campaign-name="{{name}}" data-campaign-id="{{ID}}" title="No Predictions available" style="cursor: not-allowed;">{{>aiDisabled}}</span>
      {{/aiPredictor}}
    </td> 
    <td class="campaignItemName">
      <a {{^isDisabled}}href="#CampaignItem/{{ID}}" {{/isDisabled}} adz:lang-title="edit" data-pendo="manageCampaign" {{#gAdsVideoSwivelled}} title="Video Campaigns cannot be edited" {{/gAdsVideoSwivelled}} {{^gAdsVideoSwivelled}} title="{{name}}" {{/gAdsVideoSwivelled}} >{{name}}</a>
      {{#isSwivelled}}
        <a href="javascript:;" class="swivelCampaignIcon" title="Swivelled campaign">{{>autoswivelIcon}}</a>
      {{/isSwivelled}}
      <br/>
      <span class="statusMsg hidden"></span>
      <span class="hoveronly">
        {{#perAdvertiser}}
          <span adz:lang="in">in</span>
          <a href="#CampaignItems/{{mediaPlanID}}">{{mediaPlanName}}</a>
        {{/perAdvertiser}}
      </span>
    </td>
    <td class="">
      <span adz:lang="campaignStatus" class="displayStatus {{^ended}}campaignItemStatus{{status}}{{/ended}}">
        {{^ended}}
          {{displayStatus}}
        {{/ended}}
        {{#ended}}
          <span class="hoverStatus"
            data-title = "
            {{#isEndedBecauseOfBudget}}Budget exhausted{{/isEndedBecauseOfBudget}}
            {{#isEndedBecauseOfEndDate}}End date has passed{{/isEndedBecauseOfEndDate}}
          ">
          Ended
          </span>
        {{/ended}} &nbsp;
        {{^isDraft}}
          <span class="syncStatusSuccess icon hoverStatus hidden" ref="{{ID}}"></span>
          <span class="syncStatusError icon hoverStatus hidden" ref="{{ID}}">
            {{displayAuditStatus}}&nbsp;
          </span>
        {{/isDraft}}
      </span>
    </td>
    <td class="currency multiline {{highlightClass}}" adz:lang="campaignPerformance">
      <strong>{{formattedCurrentPerformance}} {{metric}} </strong> with {{formattedTargetPrice}} {{bidTypeTerm}}
      {{#showPacingStatus}}<span class="pacingStatus {{pacingStatusClass}}">{{pacingStatusValue}}</span>{{/showPacingStatus}}
    </td>

    <td class="multiline number" adz:lang="campaignImpressions">
      <span>{{formattedImpressions}}</span>
    </td>

    <td class="multiline number" adz:lang="campaignClicks">
      <span>{{formattedClicks}}</span>
    </td>

    <td class="multiline number" adz:lang="campaignConversion">
      <span class="info" data-title="
        <ul>
          <li><strong>Post Cick Conversions : </strong><span>{{postClickConversions}}</span></li>
          <li><strong>Post View Conversions : </strong><span>{{postViewConversions}}</span></li>
        </ul>"
      >
        {{formattedConversions}}
      </span>
    </td>

    <td class="multiline number" adz:lang="campaignSpend">
      <span>{{currencyCode}}</span>
      <span class="{{spentHighlightClass}}">{{formattedSpent}}</span>
    </td>

    <td class="currency multiline" adz:lang="campaignBudgetTotal" adz:lang-title="remainingBudget">
      {{#isMediaPlanBudgetAllocationToCampaignAvailable}}
        <span class="clickToReAllocateBudgetWr">
          <strong class="clickToReAllocateBudget hoverStatusCalculateRemainingBudget {{#isOverSpent}}highlight_text{{/isOverSpent}}" data-title="{{formattedRemainingBudget}} available to spend" data-spent="{{spent}}" data-currentlySetBudget="{{budget}}">
            {{#formattedBudget}}{{formattedBudget}} {{currencyCode}}{{/formattedBudget}}
            {{^formattedBudget}}-{{/formattedBudget}}
          </strong>
          <span class="{{^archived}}campaignBudgetAllocator {{/archived}} hidden" >
            <input type="text" id="campaignBudgetAllocatorInput_{{ID}}" class="campaignBudgetAllocatorInput" value="{{budget}}" data-oldBudget="{{budget}}"/>
            <span>
              {{#isMinMaxAvailableBudgetRangeAvailable}}
                <a class="iconWr size16x16 clickToProcessNewBudget saveNewBudget" href="#" title="Save new budget">
                  <span class="icon save16x16"></span>
                </a>
                <a class="iconWr size16x16 clickToProcessNewBudget cancelNewBudget" href="#" title="Cancel">
                  <span class="icon cancel16x16"></span>
                </a>
                <br/>
                <strong class="clickToAssignBudget"> {{formattedMinAvailableBudget}} </strong> - <strong class="clickToAssignBudget"> {{formattedMaxAvailableBudget}} </strong>
              {{/isMinMaxAvailableBudgetRangeAvailable}}
              {{^isMinMaxAvailableBudgetRangeAvailable}}
                <br/>
                No allocation possible
              {{/isMinMaxAvailableBudgetRangeAvailable}}
            </span>
          </span>
        </span>
      {{/isMediaPlanBudgetAllocationToCampaignAvailable}}
      {{^isMediaPlanBudgetAllocationToCampaignAvailable}}
        <span class="clickToReAllocateBudgetWr">
          <strong class="hoverStatus" data-title="{{formattedRemainingBudget}} available to spend">
            {{#formattedBudget}}{{formattedBudget}} {{currencyCode}}{{/formattedBudget}}
            {{^formattedBudget}}-{{/formattedBudget}}
          </strong>
        </span>
      {{/isMediaPlanBudgetAllocationToCampaignAvailable}}
    </td>

    <td>
      <div class="manage_button{{#isDisabled}} disabled{{/isDisabled}}">
        {{#istoggleButtonRequire}}
          <a href="#" ref="{{ID}}" class="active perm17_hide toggle iconHelpWr{{#activated}} hidden{{/activated}}" adz:lang-title="activate" title="Activate">
            <span>{{>activateIcon}}</span>
            <span class="iconHelpText">Activate</span>
          </a>
  	      <a href="#" ref="{{ID}}" class="deactive perm17_hide toggle iconHelpWr{{^activated}} hidden{{/activated}}" adz:lang-title="deactivate" title="Deactivate">
            <span>{{>deactivateIcon}}</span>
            <span class="iconHelpText">Deactivate</span>
          </a>
        {{/istoggleButtonRequire}}
        {{#ended}}
          <a href="#" ref="{{ID}}" class="archive iconHelpWr" adz:lang-title="archive" title="Archive">
            <span class="{{#isArchivedButtonDisabled}} disabled {{/isArchivedButtonDisabled}}">
              {{>archiveIcon}}
            </span>
            <span class="iconHelpText">Archive</span>
          </a>
        {{/ended}}
        {{#isDraft}}
          <a href="#" ref="{{ID}}" class="archive iconHelpWr" adz:lang-title="archive" title="Archive">
            <span class="{{#isArchivedButtonDisabled}} disabled {{/isArchivedButtonDisabled}}">
              {{>archiveIcon}}
            </span>
            <span class="iconHelpText">Archive</span>
          </a>
        {{/isDraft}}
        {{#hasStats}}
        {{^showDataReport}}
          <a href="#" ref="{{ID}}" class="reportv2 iconHelpWr" title="Show Report">
            <span>{{>reportIcon}}</span>
            <span class="iconHelpText">Report</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}}
        {{^archived}}
          <a {{^isDisabled}}href="#CampaignItem/{{ID}}" {{/isDisabled}} adz:lang-title="edit" {{#gAdsVideoSwivelled}} title="Video Campaigns cannot be edited" {{/gAdsVideoSwivelled}}{{^gAdsVideoSwivelled}} title="Edit" {{/gAdsVideoSwivelled}} class="iconHelpWr ">
            <span>
              {{>editIcon}}
            </span>
            <span class="iconHelpText">Edit</span>
          </a>
        {{/archived}}
          <a href="#" ref="{{ID}}" class="clone perm26_hide {{#perAdvertiser}}hidden {{/perAdvertiser}}iconHelpWr{{#isLite}} disabled{{/isLite}}" adz:lang-title="clone" {{^isLite}}title="Clone"{{/isLite}}>
            <span>{{>cloneIcon}}</span>
            <span class="iconHelpText">Clone</span>
          </a>
        <!--due to business logic complication, the 'End now' button should be hidden for the time being-->
      </div>
    </td>
  </tr>
  {{>campaignitemlist_management_summary}}
{{/list}}
<tr class="empty {{#hasAudiences}}hidden{{/hasAudiences}}">
  <td class="nothing dynamicColSpan" data-colSpanOffset="12">
    {{#perAdvertiser}}
      <span adz:lang="noCampaignItemsForAdvertiser">There are currently no Campaign Items active for this Agency.</span>
    {{/perAdvertiser}}
    {{^perAdvertiser}}
      <span adz:lang="noCampaignItems">No campaign items to be shown.</span>
    {{/perAdvertiser}}
  </td>
</tr>
{{^perAdvertiser}}
  {{#isSummary}}
    <tr class="sumrow">
      <td class="dynamicColSpan" data-colSpanOffset="5" colspan="7">&nbsp;</td>
      {{#totalSum}}
        <td class="multiline number">{{impressionSum}}</td>
        <td class="multiline number">{{clickSum}}</td>
        <td class="multiline number">{{conversionSum}}</td>
        <td class="currency multiline" adz:lang-title="totalRemainingBudget">
          {{spentSum}} spend
        </td>
      {{/totalSum}}
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  {{/isSummary}}
{{/perAdvertiser}}