<md-dialog class="fullscreen-dialog" aria-label="dialogAppointment" flex>
<div ng-show="isLoading" layout="row" layout-sm="column" layout-align="space-around">
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>
<form ng-hide="isLoading" name="formAppointment" ng-cloak>
<md-toolbar>
<div class="md-toolbar-tools">
<h2 class="white-letter">
<swaplang code="SW003415">Appointment</swaplang>
</h2>
<span flex></span>
<i class="fa fa-times" ng-click="cancel()"></i>
</div>
</md-toolbar>
<md-dialog-content>
<div class="md-dialog-content">
<div class="form-horizontal">
<!--Appointment Type-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013065">Appointment Type</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<select class="form-control" ng-model="appointment.detail.type" ng-required="true">
<option value=""></option>
<option ng-repeat="type in appointmentType" value="{{type.id}}">{{type.desc[lang]}}</option>
</select>
</div>
</div>
<!--Date-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000002">Date</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-required="true" type="text" class="form-control datepicker" ng-model="appointment.detail.date">
</div>
</div>
<!--Start - End-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000283">Time</swaplang>
</label>
<div class="col-xs-6 col-sm-2">
<select ng-required="true" class="form-control" ng-model="appointment.detail.time.start">
<option ng-repeat="hour in hours() track by $index" value="{{hour}}">{{hour}}</option>
</select>
</div>
<div class="col-xs-6 col-sm-2" ng-if="appointment.detail.time.start != ''">
<select ng-required="true" class="form-control" ng-model="appointment.detail.time.end">
<option ng-repeat="endHour in endHours() track by $index" value="{{endHour}}">{{endHour}}</option>
</select>
</div>
</div>
<!--Address-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000639">Address</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-required="true" type="text" class="form-control" ng-model="appointment.detail.address">
</div>
</div>
<!--Remark-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000302">Remark</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<textarea rows="5" class="form-control non-resize" ng-model="appointment.detail.remark"></textarea>
</div>
</div>
<!--Send mail-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW006693">Send e-mail</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<md-switch ng-model="appointment.detail.sendMail.status" ng-false-value="'0'" ng-true-value="'1'" aria-label="Switch 1"
class="non-margin">
</md-switch>
</div>
</div>
<section ng-if="appointment.detail.sendMail.status == '1'">
<!--From-->
<div class="form-group" style="margin-top: 5%">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013546">From</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.from" placeholder="example@myhr.co.th">
</div>
</div>
<!-- attach applicant file-->
<!-- <div class="form-group">-->
<!-- <label class="control-label col-xs-12 col-sm-2">-->
<!-- <swaplang code="SW004989">Attach</swaplang> <swaplang code="SW000139">Candidate</swaplang>-->
<!-- </label>-->
<!-- <div class="col-xs-12 col-sm-10">-->
<!-- <md-switch ng-model="appointment.detail.sendMail.atAppFile" aria-label="Switch 2"-->
<!-- class="non-margin">-->
<!-- </md-switch>-->
<!-- </div>-->
<!-- </div>-->
<md-tabs md-stretch-tabs="always" md-dynamic-height md-border-bottom>
<md-tab label="{{tabNames.candi}}">
<md-content class="md-padding">
<div class="form-horizontal">
<!--To-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code='SW013547'>To</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-init="appointment.detail.sendMail.candidate[0]['to'] = candidate.email"
ng-model="appointment.detail.sendMail.candidate[0]['to']" readonly>
</div>
</div>
<!--Cc-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW001102">Cc</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.candidate[0]['cc']"
ng-init="appointment.detail.sendMail.candidate[0]['cc'] = ''">
</div>
</div>
<!--Subject-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000962">Subject</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.candidate[0]['subject']"
ng-init="appointment.detail.sendMail.candidate[0]['subject'] = ''">
</div>
</div>
<!--Template-->
<div class="form-group form-inline" ng-if="isChooseTemplate.candidate[0]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<label class="radio-inline"><input type="radio" name="optCandidateEmailLang" value="tha" ng-model="candidateEmailLang">
<swaplang code="SW000840">Thai</swaplang>
</label>
<label class="radio-inline"><input type="radio" name="optCandidateEmailLang" value="eng" ng-model="candidateEmailLang">
<swaplang code="SW000841">Eng</swaplang>
</label>
<!--<select class="form-control" ng-model="appointment.detail.sendMail.candidate[0]['content']"-->
<!--ng-change="chooseTemplate('candidate', 0)">-->
<select class="form-control" ng-model="selectedTemplate.candidate[0]"
ng-change="chooseTemplate('candidate', 0, candidateEmailLang)">
<option ng-repeat="template in emailTemplates"
value="{{template}}" >{{template.name}}
<!--value="{{bindEmailVar(template.content[candidateEmailLang], candidateEmailLang, -1);}}" >{{template.name}}-->
</option>
</select>
<i class="fa fa-close" ng-click="isChooseTemplate.candidate[0] = !isChooseTemplate.candidate[0]"></i>
</div>
</div>
<div class="form-group" ng-if="!isChooseTemplate.candidate[0]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<md-button class="md-raised md-primary" ng-click="chooseTemplate('candidate', 0, candidateEmailLang)">
<swaplang code="SW012004">Choose</swaplang>
<swaplang code="SW013039">email template</swaplang>
</md-button>
</div>
</div>
<!--Email Content-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<textarea ng-model="appointment.detail.sendMail.candidate[0]['content']" rows="15"
class="form-control non-resize"
ng-init="appointment.detail.sendMail.candidate[0]['content'] = ''"></textarea>
</div>
</div>
</div>
</md-content>
</md-tab>
<md-tab label="{{tabNames.commi}}" ng-if="committees.length > 0">
<md-content class="md-padding">
<div class="form-horizontal">
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013066">one by one</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<md-switch ng-model="separate" ng-init="separate = '0'" ng-false-value="'0'" ng-true-value="'1'"
aria-label="SwitchSeparate" class="non-margin" ng-change="appointment.detail.sendMail.referee = []">
</md-switch>
</div>
</div>
<md-tabs md-stretch-tabs="always">
<md-tab label="{{tabNames.all}}" ng-if="separate == '0'">
<md-content class="md-padding">
<div class="form-horizontal">
<!--To-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code='SW013547'>To</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.referee[0].to"
ng-init="appointment.detail.sendMail.referee[0].to = getAllRefereeEmail()" readonly>
</div>
</div>
<!--Cc-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW001102">Cc</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.referee[0].cc"
ng-init="appointment.detail.sendMail.referee[0]['cc'] = ''">
</div>
</div>
<!--Subject-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000962">Subject</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.referee[0].subject"
ng-init="appointment.detail.sendMail.referee[0]['subject'] = ''">
</div>
</div>
<!--Template-->
<div class="form-group form-inline" ng-if="isChooseTemplate.referee[0]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<label class="radio-inline"><input type="radio" name="optRefereeEmailLang" value="tha" ng-model="refereeEmailLang">
<swaplang code="SW000840">Thai</swaplang>
</label>
<label class="radio-inline"><input type="radio" name="optRefereeEmailLang" value="eng" ng-model="refereeEmailLang">
<swaplang code="SW000841">Eng</swaplang>
</label>
<!--<select class="form-control" ng-model="appointment.detail.sendMail.referee[0].content"-->
<!--ng-change="chooseTemplate('referee', 0, refereeEmailLang)">-->
<!--<option value=""></option>-->
<!--<option ng-repeat="template in emailTemplates"-->
<!--value="{{bindEmailVar(template.content[refereeEmailLang], refereeEmailLang, -1)}}">{{template.name}}-->
<!--</option>-->
<!--</select>-->
<select class="form-control" ng-model="selectedTemplate.referee[0]"
ng-change="chooseTemplate('referee', 0, refereeEmailLang)">
<option ng-repeat="template in emailTemplates"
value="{{template}}" >{{template.name}}
</option>
</select>
<i class="fa fa-close" ng-click="isChooseTemplate.referee[0] = !isChooseTemplate.referee[0]"></i>
</div>
</div>
<div class="form-group" ng-if="!isChooseTemplate.referee[0]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<md-button class="md-raised md-primary" ng-click="chooseTemplate('referee', 0, refereeEmailLang)">
<swaplang code="SW012004">Choose</swaplang>
<swaplang code="SW013039">email template</swaplang>
</md-button>
</div>
</div>
<!--Email Content-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<textarea ng-model="appointment.detail.sendMail.referee[0].content" rows="15"
class="form-control non-resize"
ng-init="appointment.detail.sendMail.referee[0]['content'] = ''"></textarea>
</div>
</div>
</div>
</md-content>
</md-tab>
<md-tab label="{{ref.fullname}}" ng-if="separate == '1'" ng-repeat="ref in committees">
<md-content class="md-padding">
<div class="form-horizontal">
<!--To-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code='SW013547'>To</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" value="{{ref.email}}"
ng-model="appointment.detail.sendMail.referee[$index].to"
ng-init="appointment.detail.sendMail.referee[$index].to = ref.email" readonly>
</div>
</div>
<!--Cc-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW001102">Cc</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.referee[$index].cc"
ng-init="appointment.detail.sendMail.referee[$index]['cc'] = ''">
</div>
</div>
<!--Subject-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000962">Subject</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="appointment.detail.sendMail.referee[$index].subject"
ng-init="appointment.detail.sendMail.referee[$index]['subject'] = ''">
</div>
</div>
<!--Template-->
<div class="form-group form-inline" ng-if="isChooseTemplate.referee[$index]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<label class="radio-inline"><input type="radio" name="optRefereeEmailLang" value="tha" ng-model="refereeEmailLang">
<swaplang code="SW000840">Thai</swaplang>
</label>
<label class="radio-inline"><input type="radio" name="optRefereeEmailLang" value="eng" ng-model="refereeEmailLang">
<swaplang code="SW000841">Eng</swaplang>
</label>
<!--<select class="form-control" ng-model="appointment.detail.sendMail.referee[$index].content"-->
<!--ng-change="chooseTemplate('referee', $index, refereeEmailLang)">-->
<!--<option value=""></option>-->
<!--<option ng-repeat="template in emailTemplates"-->
<!--value="{{bindEmailVar(template.content[refereeEmailLang], refereeEmailLang, $parent.$index)}}">-->
<!--{{template.name}}-->
<!--</option>-->
<!--</select>-->
<select class="form-control" ng-model="selectedTemplate.referee[$index]"
ng-change="chooseTemplate('referee', $index, refereeEmailLang)">
<option ng-repeat="template in emailTemplates"
value="{{template}}" >{{template.name}}
</option>
</select>
<i class="fa fa-close" ng-click="isChooseTemplate.referee[$index] = !isChooseTemplate.referee[$index]"></i>
</div>
</div>
<div class="form-group" ng-if="!isChooseTemplate.referee[$index]">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<md-button class="md-raised md-primary" ng-click="chooseTemplate('referee', $index, refereeEmailLang)">
<swaplang code="SW012004">Choose</swaplang>
<swaplang code="SW013039">email template</swaplang>
</md-button>
</div>
</div>
<!--Email Content-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<textarea ng-model="appointment.detail.sendMail.referee[$index].content" rows="15"
class="form-control non-resize"
ng-init="appointment.detail.sendMail.referee[$index]['content'] = ''"></textarea>
</div>
</div>
</div>
</md-content>
</md-tab>
</md-tabs>
</div>
</md-content>
</md-tab>
</md-tabs>
</section>
</div>
<!-- Attach File -->
<div class="form-group" ng-if="appointment.detail.sendMail.status == '1'">
<label class="control-label col-xs-12 col-sm-2"></label>
<div class="col-xs-12 col-sm-10">
<md-button class="md-raised md-primary" ng-click="upload('__emailFile')">
<swaplang ng-if="fileNames.length == 0" code="SW001116">Attach File</swaplang>
<span ng-if="fileNames.length > 0">
<i class="fa fa-file"></i> {{fileNames.length}}
<swaplang code="SW000267">File</swaplang>
</span>
</md-button>
<i ng-if="fileNames.length > 0" class="fa fa-refresh" ng-click="deleteFile('__emailFile')"></i>
</div>
</div>
</div>
</md-dialog-content>
<md-dialog-actions layout="row">
<md-button class="md-raised md-primary" ng-click="isConfirmSave = true" ng-init="isConfirmSave = false" ng-show="!isConfirmSave">
<swaplang code="SW012098">Save</swaplang>
</md-button>
<section ng-show="isConfirmSave">
<md-button class="md-raised md-primary" ng-click="save()">
<swaplang code="SW000281">Yes</swaplang>
</md-button>
<md-button class="md-raised md-primary" ng-click="isConfirmSave = false">
<swaplang code="SW012488">No</swaplang>
</md-button>
</section>
</md-dialog-actions>
</form>
</md-dialog>