//-  Copyright (c) 2019 AT&T Intellectual Property.                             #
//-                                                                             #
//-  Licensed under the Apache License, Version 2.0 (the "License");            #
//-  you may not use this file except in compliance with the License.           #
//-  You may obtain a copy of the License at                                    #
//-                                                                             #
//-      http://www.apache.org/licenses/LICENSE-2.0                             #
//-                                                                             #
//-  Unless required by applicable law or agreed to in writing, software        #
//-  distributed under the License is distributed on an "AS IS" BASIS,          #
//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
//-  See the License for the specific language governing permissions and        #
//-  limitations under the License.                                             #
//- #############################################################################


div([@routerTransition])
    h2 Submit Feedback
    hr

// name label & form input
form([formGroup]='FeedbackFormGroup')
    .row
        .col-sm-2
            mat-form-field(style='width:100%')
                input(matInput, placeholder='First Name', formControlName='firstName', required)
                mat-error Required
        .col-sm-2
            mat-form-field(style='width:100%')
                input(matInput, placeholder='Last Name', formControlName='lastName', required)
                mat-error Required
    .row
        .col-sm-4
            // email label & form input
            mat-form-field(style='width:100%')
                input(matInput, placeholder='example@.com', type='email', formControlName='email', required)
    .row
        .col-sm-4
            // message label & form input
            mat-form-field(style='width:100%')
                textarea(matInput, placeholder='Message', formControlName='message', required, rows=15)
    .row
        .col-sm-4
            // button for submitting the information in the form
            button(mat-raised-button='', color='primary', class='pull-right', (click)='onSubmitFeedback()') Send Feedback