<!-- include '../header' -->
<link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css"> 
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
<script type="text/javascript" src="<?= receipt ?>"></script>
<script type="text/javascript" >
function computePrice(){
	var schoolDay=$('#schoolDay').val();
	var price=$('#price').val();
	var sum=price*schoolDay;
	$('#schPrice').val(sum);
	
}
</script>
<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include '../admin/menuReceipt' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<!-- include '../admin/receipt_menu' -->
				</div>
			</div>
			<div class="adminContent autoHeight" style="height: 821px;">
				<!-- include 'receiptTrainApprovalForm' -->
				<div class="borad-news">
					<div class="subNav">
			    		<!-- include 'receiptTrainMenu' -->
					</div>
			  		<div class="saeaList">
			  			<!--支出项-->
			  			<div class="clearfix">
			  			<legend><div class="fR"><button type="submit" class="button" href="#add-teach" data-toggle="modal">添加讲师</button></div>培训班讲师</legend>
				  			<table class="table table-bordered table-condensed">
								<tbody>
									<tr>
									<th class="taC">类型</th>
									<th class="taC">讲师姓名</th>
									<th class="taC">授课日数</th>
									<th class="taC">日授课费</th>
									<th class="taC">合计应发授课费</th>
									<th class="taC"></th>
									</tr>
									<!-- loop RILecturerList -->
									<tr>
									
									<td>
									<!-- if {{RILecturerList' value.ltype}}=='OUTSIDE'  -->
									外聘
										<!-- if {{RILecturerList' value.taxation}}==0 -->
										(不计税)
										<!-- else -->
										(计税)
										<!-- endif -->
									<!-- else -->
									员工
									<!-- endif -->
									</td>
									
										<td>
										{{RILecturerList' value.lecturerName}}</td>
										<td>{{RILecturerList' value.schoolDay}}</td>
										<td>{{RILecturerList' value.price}}</td>
										<td>
										<!-- if {{RILecturerList' value.fees}}=='0.00' -->
										{{RILecturerList' value.sum}}
										<!-- else -->
										{{RILecturerList' value.fees}}
										<!-- endif -->
										</td>
										<td><a href="javascript:if(confirm('确定移除?')){window.location='/receiptTrainLecturerDelDo?ridKey={{receiptDetail.ridKey}}&rlidKey={{RILecturerList' value.rlidKey}}';}">移除</a></td>
									</tr>
									<!-- endloop -->
								</tbody>
							</table>
						</div>
					</div>
				</div>
		</div>
	</div>
	<!--弹出 添加指出 -->
    <div class="modal hide fade" id="add-teach">
    <form action="/receiptTrainLecturerAddDo" name="receiptTrainLecturerAdd" method="post" class="nice-validator n-yellow" novalidate="novalidate">
        <input type="hidden" name="ridKey" value="{{receiptDetail.ridKey}}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3>添加讲师</h3>
                </div>
                <div class="modal-body saeaList">
                	<table class="table table-bordered table-condensed">
						<tbody>
						<tr>
							<th class="taC">选择讲师类型</th>
							<td>
								<select name='ltype' id='ltype' ltype>
									<option selected value='INSIDE'>员工</option>
									<option value='OUTSIDE'>外聘</option>
								</select>
								<p class="colRed">「员工」讲课费，不计税，随工资一并发放。</p>
								<p class="colRed">「外聘」讲课费，有<b>计税</b>与<b>不计税</b>两种，单独发放给讲课老师。</p>
							</td>
						</tr>
					</tbody>
				</table>
					<table class="table table-bordered table-condensed">
					<tbody>
						<tr>
							<th class="taC">讲师</th><td>
							<select name='lecturerName' id='lecturerName' selectLecture >
								{{INSIDEhtml}}
							</select>
						</tr>
						
						<tr node-taxation style="display:none;">
							<th class="taC">计税</th><td>
							<select name="taxation">
								<option value='TAXATION'>计税（需计入税款中）</option>
								<option value='NOTAXATION'>不计税（需提供发票）</option>
							</select>
							<p class="colRed">「计税（需计入税款）」计税，税金填写到「<a target="_blank" href="/receiptTrainItemEdi/{{ridKey}}.html">支出</a>」的「税款」中。</p>
							<p class="colRed">「不计税（需提供发票）」不需计税，需提供发票。</p>
						</td></tr>
						
						<tr>
							<th class="taC">授课日数</th>
							<td><input name='schoolDay' id='schoolDay' value="0" onkeyup="computePrice()" placeholder="输入授课天数" pattern="[0-9]" min="0" step="0.5" type="number"></td>
						</tr>
						<tr>
							<th class="taC">日授课费</th>
							<td><input name='price' id='price' value="0" onkeyup="computePrice()" placeholder="输入日授课费" pattern="[0-9]" min="0" step="10" type="number"></td>
						</tr>
						<tr>
							<th class="taC">合计应发授课费</th><td >
		<input name='fees' id="schPrice" value="0"  placeholder="输入日授课费" pattern="[0-9]" min="0" step="10" type="number">					
							</td>
						</tr>
						</tbody>
					</table>
                </div>
                <div class="modal-footer">
                	<input type="submit" value="确定" class="button">
                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
                </div>
            </div>
        </div>
        </form>
    </div>
    <!--弹出内容-->
<script type="text/javascript">

$(function() {
	$("select[ltype]").change(function() {
		var ltypeVal=$(this).val();
		var selectLecture=$("select[selectLecture]");
		
		if(ltypeVal=='INSIDE'){
			$("tr[node-taxation]").hide();
			selectLecture.html('{{INSIDEhtml}}');
		}else if(ltypeVal=='OUTSIDE'){
			$("tr[node-taxation]").show();
			selectLecture.html('{{OUTSIDEhtml}}');
		}
	});
	
})
autoFlashHeight();
</script>
</body>
