<md-dialog class="fullscreen-dialog" aria-label="EmailConfig" flex>
    <form ng-cloak>
        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2 class="white-letter"><swaplang code="SW013040">Edit Email</swaplang></h2>
                <span flex></span>
                <md-button class="md-icon-button" ng-click="stateView = !stateView">
                    <i class="fa fa-eye fa-2x"></i>
                </md-button>
                <md-button class="md-icon-button"  ng-click="cancel()">
                    <i class="fa fa-times fa-2x"></i>
                </md-button>
            </div>
        </md-toolbar>

        <md-dialog-content>
            <div class="md-dialog-content">
                <div ng-clock>
                    <md-content>
                        <md-card>
                            <input type="text" class="form-control" ng-model="email.name">
                        </md-card>
                    </md-content>
                    <div layout-xs="column" layout-gt-sm="row" flex>
                        <div ng-if="stateView" flex-sm="33">
                            <md-content>
                                <md-card>
                                    <md-card-header>
                                        <md-card-header-text>
                                            <span class="md-title"><swaplang code="SW000011">Code</swaplang></span>
                                            <span class="md-subhead"><swaplang code="SW000011">Code</swaplang></span>
                                        </md-card-header-text>
                                    </md-card-header>
                                    <legend></legend>
                                    <md-card-content>
                                        <ul>
                                            <li><swaplang code="SW000139">Candidate</swaplang>
                                                <ul>
                                                    <li><swaplang code="SW002159">เลขผู้สมัคร</swaplang> : {{code.applicant.id}}</li>
                                                    <li><swaplang code="SW000195">ชื่อ</swaplang> : {{code.applicant.name}}</li>
                                                    <li><swaplang code="SW000214">นามสกุล</swaplang> : {{code.applicant.lastname}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000195">ชื่อ</swaplang> : {{code.applicant.preName}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.applicant.preLastname}}</li>
                                                    <li><swaplang code="SW000195">ชื่อ</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.applicant.nameLastname}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000195">ชื่อ</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.applicant.preNameLastName}}</li>
                                                </ul>
                                            </li>
                                            <li><swaplang code="SW004819">Committee</swaplang>
                                                <ul>
                                                    <li><swaplang code="SW000195">ชื่อ</swaplang> : {{code.committee.name}}</li>
                                                    <li><swaplang code="SW000214">นามสกุล</swaplang> : {{code.committee.lastname}}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000195">ชื่อ</swaplang> : {{code.committee.preName}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.committee.preLastname}}</li>
                                                    <li><swaplang code="SW000195">ชื่อ</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.committee.nameLastname}}</li>
                                                    <li><swaplang code="SW000194">คำนำหน้า</swaplang>+<swaplang code="SW000195">ชื่อ</swaplang>+<swaplang code="SW000214">นามสกุล</swaplang> : {{code.committee.preNameLastName}}</li>
                                                </ul>
                                            </li>
                                            <li><swaplang code="SW000642">Date & time</swaplang>
                                                <ul>
                                                    <li><swaplang code="SW000262">วัน</swaplang> : {{code.datetime.day}}</li>
                                                    <li><swaplang code="SW000800">เดือน</swaplang> : {{code.datetime.month}}</li>
                                                    <li><swaplang code="SW000717">ปี</swaplang> : {{code.datetime.year}}</li>
                                                    <li><swaplang code="SW002345">เวลาเริ่มนัดหมาย</swaplang> : {{code.datetime.timestart}}</li>
                                                    <li><swaplang code="SW000297">เวลาสิ้นสุดนัดหมาย</swaplang> : {{code.datetime.timeend}}</li>
                                                </ul>
                                            </li>
                                            <li><swaplang code="SW000308">ตำแหน่งงาน</swaplang> : {{code.job}}</li>
                                            <li><swaplang code="SW006914">สถานที่สัมภาษณ์</swaplang> : {{code.place}}</li>
                                        </ul>
                                    </md-card-content>
                                </md-card>
                            </md-content>
                        </div>
                        <div flex>
                            <div layout="column">
                                <div flex><md-content>
                                    <md-card>
                                        <md-card-header>
                                            <md-card-header-text>
                                                <span class="md-title"><swaplang code="SW013041">E-mail content</swaplang></span>
                                                <span class="md-subhead"><swaplang code="SW000841">( Eng )</swaplang></span>
                                            </md-card-header-text>
                                        </md-card-header>
                                        <legend></legend>
                                        <md-card-content>
                                            <textarea rows="15" class="form-control non-resize" ng-model="email.content.eng"></textarea>
                                        </md-card-content>
                                    </md-card>
                                </md-content></div>
                                <div flex><md-content>
                                    <md-card>
                                        <md-card-header>
                                            <md-card-header-text>
                                                <span class="md-title"><swaplang code="SW013041">E-mail content</swaplang></span>
                                                <span class="md-subhead"><swaplang code="SW000840">( Thai )</swaplang></span>
                                            </md-card-header-text>
                                        </md-card-header>
                                        <legend></legend>
                                        <md-card-content>
                                            <textarea rows="15" class="form-control non-resize" ng-model="email.content.tha"></textarea>
                                        </md-card-content>
                                    </md-card>
                                </md-content></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </md-dialog-content>

        <!--<md-dialog-actions layout="row">-->
            <!--<md-button class="md-raised md-primary" ng-click="save()">-->
                <!--Save-->
            <!--</md-button>-->
        <!--</md-dialog-actions>-->
    </form>
</md-dialog>