<ion-header>
    <div class="nav_header">
        <ion-grid class="no-gutter">
            <ion-row class="no-gutter">
                <ion-col class="no-gutter" size="2">
                    <button class="nav_btn nav_back floatLeft" (click)="goBack()">
                        <img src="../assets/Group17_2.png" />
                    </button>
                </ion-col>
                <ion-col class="no-gutter" size="8">
                    <div class="nav_title floatLeft">
                        <h4>Complaints & Feedback</h4>
                    </div>
                </ion-col>
                <ion-col class="no-gutter" size="2"></ion-col>
            </ion-row>
        </ion-grid>
    </div>
</ion-header>
<ion-content>
    <form novalidate #feedbackForm="ngForm" class="feedback_wrapper" *ngIf="userData && feedbackData">
        <div class="form_div">
            <div class="row">
                <p>From</p>
                <input class="form-control" type="text" [(ngModel)]="userData.emailId" name="from" #from="ngModel" readonly [(value)]="userData.emailId" />
            </div>
            <div class="row">
                <p>To</p>
                <input name="to" class="form-control" #to="ngModel" type="text" readonly [(ngModel)]="feedbackData.to" [(value)]="feedbackData.to" />
            </div>
            <div class="row">
                <p>Comments</p>
                <textarea required name="message" [(ngModel)]="feedbackData.message" #message="ngModel" class="form-control" rows="8" placeholder="Type here.."></textarea>
                <div class="md-errors-spacer" [hidden]="message.valid || submitted == false" class="ion-padding-start">
                    This is required.
                </div>
            </div>
            <div class="row">
                <button (click)="onFeedbackSubmit(feedbackForm)" class="login_btn" [disabled]="submitted">
                    SENT
                </button>
            </div>
        </div>
    </form>
</ion-content>

<div class="loader" *ngIf="feedService.loader">
    <div class="lds-ripple">
        <div></div>
        <div></div>
    </div>
</div>