<div  class="expenseDetail" *ngFor="let placeData of feedData" >
	<div  class="expenseDate" style = "display: flex;justify-content: space-between;margin-top: 10px;">
		<span class ="expenseDate" style = "margin-left: 15px;">{{placeData.PRD_DATE}} </span>
        <div>
            <span class ="expenseDate" style="font-weight: 100;color: grey;">&#8377; </span>
            <span class="expenseDate" style = "margin-right: 15px;">{{placeData.EXP_AMT}}</span>
        </div>
        
	</div>
	<div  class="expense">
			<span  class="expenseDiv" >
				<span class="titleName1"><img class="locImageDiv" src="dashboard/assets/images/svg/submit.svg" (error)="errorIcon">
					<!--<div class="locImageDiv">
						<span class=" vision-ui-check expenseVisionIcon"></span>
					</div>-->
				</span>
				<span class="expenseSubData">
					<div class="expenseStatus">{{placeData.STATUS}}</div>
					<div  class="expenseStatusDate">{{placeData.STATUS_DATE}}</div>
				</span>
			</span> 
            <span class="expenseDiv">
				<span class="titleName ">
					<img class="imageIcon" [src]="getImgSrc(placeData.APRV_CODE,placeData.APRV_NAME)"  (error)="errorIcon" >
				</span>
				<span class="expenseSubData">
					<div class="expenseStatus">{{placeData.APRV_STATUS}}</div>
					<div  class="expenseStatusDate">{{placeData.APRV_DATE}}</div>
				</span>
			</span>
			<!--Added by Poonam B[06-04-2021].Start-->
            <span class="expenseDiv">
				<span class="titleName "><img class="locImageDiv" src="dashboard/assets/images/svg/document.svg"  (error)="errorIcon"></span>
					<!--<img class="imageIcon" [src]="getImgSrc(placeData.STATUS,placeData.STATUS_DATE)"  (error)="errorIcon" >-->
				<span class="expenseSubData">
					<div class="expenseStatus">{{placeData.HD_STATUS}}</div>
					<div  class="expenseStatusDate">{{placeData.HARD_COPY_RECD_DATE}}</div>
				</span>
			</span> 
            <!--Added By Poonam B[06-04-2021].End--> 
			<span class="expenseDiv">
				<span class="titleName ">
					<img class="imageIcon" [src]="getImgSrc(placeData.HO_CODE,placeData.HO_NAME)"  (error)="errorIcon" >
				</span>
				<span class="expenseSubData">
					<div class="expenseStatus">{{placeData.HO_STATUS}}</div>
					<div  class="expenseStatusDate">{{placeData.HO_APRV_DATE}} </div>
				</span>
			</span>
			<span class="expenseDiv">
				<span class="titleName2 ">
					<div class="locImageDiv">
						<span class=" vision-ui-check expenseVisionIcon"></span>
					</div>
				</span>
				<span class="expenseSubData">
					<div class="expenseStatus">Paid in {{placeData.PAYMENT_DAYS}} Days</div>
					<div class="expenseStatusDate">{{placeData.PAYMENT_DATE}}</div>
				</span>
			</span>
	</div>
    <div class="month-details">
        <div class="calculation">

        <div class="additionalInfo">
            <div class="infoLbl">Claimed</div>
            <div class="expenseVal">{{placeData.CLAIM_AMT}}</div>
	    </div>
        <div class="additionalInfo">
            <div class="infoLbl">Added</div>
            <div class="expenseVal" style="color: green;"> + {{placeData.ADD_AMT}}</div>
	    </div>
        <div class="additionalInfo">    
            <div class="infoLbl">Deducted</div>
            <div class="expenseVal" style = "color: red;"> - {{placeData.DED_AMT}}</div>
	    </div>
        <div class="additionalInfo">
            <div class="infoLbl">Approved</div>
            <div class="expenseVal">{{placeData.PASSED_AMT}}</div>
	    </div>
        <div class="additionalInfo">
            <div class="infoLbl">Adjusted</div>
            <div class="expenseVal">{{placeData.ADV_ADJUSTED}}</div>
	    </div>
        <div class="additionalInfo">
            <div class="infoLbl">Paid</div>
            <div class="expenseVal">{{placeData.PASSED_AMT}}</div>
	    </div>

            <!-- <div class="claimed-added">
                <div class="claimed"><h6>Claimed</h6></div>
                <div class="added"><h6>Added</h6></div>
            </div>
            <div class="claimed-added-sum">
                <div class="claimed"><h6 style="color:#000000">{{placeData.CLAIM_AMT}}</h6></div>
                <div class="added"><h6 style="color:#5FDeb2">{{placeData.ADD_AMT}}</h6></div>
            </div>
            <div class="deducted-approved">
                <div class="claimed"><h6>Deducted</h6></div>
                <div class="added"><h6>Approved</h6></div>
            </div>
            <div class="claimed-added-sum">
                <div class="claimed"><h6 style="color:#FF0000">{{placeData.DED_AMT}}</h6></div>
                <div class="added"><h6 style="color:#000000">{{placeData.PASSED_AMT}}</h6></div>
            </div>
            <div class="adjusted-paid">
                <div class="claimed"><h6>Adjusted</h6></div>
                <div class="added"><h6>Paid</h6></div>
            </div>
            <div class="claimed-added-sum">
                <div class="claimed"><h6 style="color:#000000">{{placeData.ADV_ADJUSTED}}</h6></div>
                <div class="added"><h6 style="color:#000000">{{placeData.PASSED_AMT}}</h6></div>
            </div> -->
        </div>
        <!-- <hr id=hr>
        <div class="due-date">
            <div class="transDet">
                <h6>Due on</h6>
                <div style="margin-left: 5px;font-size: 14px;font-weight: bold;">{{placeData.DUE_DATE}}</div>
            </div>
            <div class="transDet">
                <h6>Voucher</h6>
                <div style="margin-left: 5px;font-size: 14px;font-weight: bold;">{{placeData.TRAN_ID}}</div>
            </div>
        </div> -->
    </div>
</div>



