<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="com.csc.library.utilities.*" %>
<%
  UProfile up = null;
  if (session != null) {
    up = (UProfile) session.getAttribute("userprofile");
  }
%>
<html ng-app="RECRUIT">
<head>
  <title>Application Form</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>

  <link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.css"/>
  <link href="../CSS/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../JS/jquery-ui-1.11.4.custom/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
  <link href="../public/lib/angular-material/angular-material.min.css" rel="stylesheet" type="text/css"/>
  <link rel='stylesheet' href='CSS/Recruit.css'/>

  <script type='text/javascript' src='../JS/CLASS/RecruitmentConfig.Class.js'></script>

  <script type='text/javascript' src='../JS/SCREEN.js'></script>
  <script type='text/javascript' src="../JS/HOTKEY.js"></script>
  <script type='text/javascript' src='../JS/urljobboard.js'></script>
  <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
  <script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script>

  <script type="text/javascript" src='../public/lib/angular/angular.min.js'></script>
  <script type="text/javascript" src='../public/lib/angular-resource/angular-resource.min.js'></script>
  <script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>
  <script type="text/javascript" src="../public/lib/angular-material/angular-material.js"></script>
  <script type="text/javascript" src="../public/lib/angular-animate/angular-animate.js"></script>
  <script type="text/javascript" src="../public/lib/angular-aria/angular-aria.js"></script>
  <%--<script type="text/javascript" src="../public/lib/angular-messages/angular-messages.js"></script>--%>

  <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
  <script type='text/javascript' src="../JS/ANGULAR/swaplang.factory.js"></script>

  <script type='text/javascript' src='js/Module.Controller.js'></script>
  <script type='text/javascript' src='js/services.js'></script>
  <script type='text/javascript' src='js/NotiEmailConfig/NotiEmailConfig.Controller.js'></script>
  <script type='text/javascript'>
    setLang('<%=up.get("lang")%>');
    $(function() {

    });
  </script>
</head>
<body ng-controller='NotiEmailConfig'>
<form id="myform" name="cscform" method="post" action="NotiEmailConfig.jsp">
  <br>
  <div class="container-fluid">
    <div class="header-panel-csc text-right panel-heading">
      <span>NotiEmailConfig,<%=up.get("lang").equalsIgnoreCase("tha")?"กำหนดอีเมล์แจ้งเตือนเมื่อมีผู้สมัคร":"Notification E-mail Configuration"%></span>
    </div>
    <div class="panel-body body-panel-csc">
      <md-switch md-invert class="md-secondary pull-right" ng-model="notiEmail.object.active">
        <swaplang code="SW013071">เปิดการใช้งาน</swaplang>
      </md-switch>
      <div>
        <md-toolbar layout="row">
          <div class="md-toolbar-tools">
            <h3 flex >
              <%=up.get("lang").equalsIgnoreCase("tha")?"รายละเอียดอีเมล์ผู้ได้รับแจ้งเตือน":"Detail of Notification E-mail"%>
            </h3>
            <md-button class="md-icon-button">
              <i class="fa fa-plus fa-2x" ng-click="addEmail()"></i>
            </md-button>
          </div>
        </md-toolbar>
        <md-content>
          <md-card ng-repeat="item in notiEmail.object.email">
            <md-card-header>
              <md-card-header-text>
              <span class="md-title" ng-init="isEditTitle[$index] = false">
                <span ng-if="isEditTitle[$index]"><input type="text" class="" ng-model="item.name"> <i class="fa fa-check" ng-click="isEditTitle[$index] = false"></i></span>
                <span ng-if="!isEditTitle[$index]">{{item.name}} <i class="fa fa-pencil" ng-click="isEditTitle[$index] = true"></i></span>
                <span class="pull-right"><i class="fa fa-close" ng-click="removeEmail($index)"></i>
              </span></span>
              </md-card-header-text>
            </md-card-header>
            <md-card-content>
              <div class="form-horizontal">
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-1">
                    <swaplang code="SW005755">To</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-11">
                    <input type="text" class="form-control" ng-model="item.to">
                  </div>
                </div>
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-1">
                    <swaplang code="SW001102">Cc.</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-11">
                    <input type="text" class="form-control" ng-model="item.cc">
                  </div>
                </div>
              </div>

            </md-card-content>
          </md-card>
          <div class=" text-center">
            <md-button ng-if="lang == 'eng'" class="md-raised md-primary" ng-click="submit()"><i class="fa fa-save"></i> Submit</md-button>
            <md-button ng-if="lang == 'tha'" class="md-raised md-primary" ng-click="submit()"><i class="fa fa-save"></i> บันทึก</md-button>
          </div>
        </md-content>
      </div>
    </div>
    <div class="panel-footer footer-panel-csc"></div>
  </div>
</form>
</body>
</html>