<div ng-cloak>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5">
                <h1>Inviami una segnalazione</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <span class="contact img-responsive img-rounded"></span>
            </div>
            <div class="col-md-9">
                <form name="sendSegnalationForm" role="form" novalidate show-validation ng-submit="vm.sendMail()">
                    <div class="form-group">
                        <label class="control-label" for="field_nome">
                            Nome
                        </label>
                        <input type="text" class="form-control" name="nome" id="nome" placeholder="Inserisci il tuo nome" ng-model="vm.sender"/>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="email">
                            Email
                        </label>
                        <input type="text" class="form-control" name="email" id="email" placeholder="Inserisci la tua email" ng-model="vm.senderMail" ng-pattern="/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[-z0-9!#$%&'*+/=?^_`{|}~-]+)*|&quot(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*&quot)@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/" required />
                        <div ng-show="sendSegnalationForm.email.$dirty && sendSegnalationForm.email.$invalid">
                            <p class="help-block" ng-show="sendSegnalationForm.email.$error.required">
                                Email address is required.
                            </p>
                            <p class="help-block" ng-show="sendSegnalationForm.email.$error.pattern">
                                Your e-mail is invalid.
                            </p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="field_oggetto">
                            Oggetto
                        </label>
                        <input type="text" class="form-control" name="oggetto" id="oggetto" placeholder="Inserisci l'oggetto" ng-model="vm.subject" required />
                        <div ng-show="sendSegnalationForm.oggetto.$dirty && sendSegnalationForm.oggetto.$invalid">
                            <p class="help-block" ng-show="sendSegnalationForm.oggetto.$error.required">
                                This field is required.
                            </p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="field_messaggio">
                            Messaggio
                        </label>
                        <textarea rows="5" cols="65" class="form-control" name="messaggio" id="messaggio" placeholder="Inserisci il tuo messaggio" ng-model="vm.message" required></textarea>
                        <div ng-show="sendSegnalationForm.messaggio.$dirty && sendSegnalationForm.messaggio.$invalid">
                            <p class="help-block" ng-show="sendSegnalationForm.messaggio.$error.required">
                                This field is required.
                            </p>
                        </div>
                    </div>
                        <div style="float: right; padding: 7px;">
                            <button type="submit" class="btn btn-primary" ng-disabled="sendSegnalationForm.$invalid">
                            <span class="glyphicon glyphicon-envelope"></span>&nbsp;
                                <span >Invia</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>