<script type="text/javascript">
$(function() {    
    $("#male_id").change(function(){
        calSum();
    });
    
    $("#female_id").change(function(){
        calSum();
    });
})

/* คำนวณประชากร */
function calSum() {
    var male = $("#male_id").val();
    var female = $("#female_id").val();
    var sum = (male*1+female*1);
    
    $("#sum_total").val(sum);
}
</script>

<div class="row-fluid formview-header-bar">
    <div class="span12">
        <ul class="breadcrumb">
            <li><a href="<?php echo Yii::app()->controller->createUrl('MainBackend'); ?>">หน้าหลัก</a> <span class="divider">/</span></li>
            <li><a href="<?php echo Yii::app()->controller->createUrl('VillageMain'); ?>">หมู่บ้านประชากร</a> <span class="divider">/</span></li>
            <li class="active">แก้ไขข้อมูล หมู่บ้านประชากร</li>
        </ul>
    </div>
</div>

<div class="row-fluid">
    <div class="span12">
        
        <?php
        echo $form = EHtml::beginForm();
        EHtml::setOptions(array(
            'errorContainer' => 'div.errorSummary',
            'errorLabelContainer' => 'div.errorSummary ul'
        ));
        echo EHtml::activeHiddenField($model, 'id');
        ?>
        <div class="errorSummary errorSummaryCustom" style="display: none;">
            <?php echo EHtml::errorSummary($model); ?>
            <p><i class="icon-info-sign"></i>เกิดข้อผิดพลาด</p>
            <ul></ul>
            <hr />
        </div>
        <table class="tableForm">
            <tr>
                <td class="tableFormRight" width="130"><?php echo EHtml::activeLabel($model, 'village_name'); ?></td>
                <td><?php echo EHtml::activeTextField($model, 'village_name', array('class'=>'span6', 'placeholder'=>'ชื่อหมู่บ้าน..')); ?></td>
            </tr>
            <tr>
                <td class="tableFormRight"><?php echo EHtml::activeLabel($model, 'village_family'); ?></td>
                <td><?php echo EHtml::activeTextField($model, 'village_family', array('placeholder'=>'จำนวนครัวเรือน')); ?></td>
            </tr>
            <tr>
                <td class="tableFormRight"><?php echo EHtml::activeLabel($model, 'village_male'); ?></td>
                <td><?php echo EHtml::activeTextField($model, 'village_male', array('id'=>'male_id', 'placeholder'=>'จำนวนประชากรชาย')); ?></td>
            </tr>
            <tr>
                <td class="tableFormRight"><?php echo EHtml::activeLabel($model, 'village_female'); ?></td>
                <td><?php echo EHtml::activeTextField($model, 'village_female', array('id'=>'female_id', 'placeholder'=>'จำนวนประชากรหญิง')); ?></td>
            </tr>
            <tr>
                <td></td>
                <td style="padding-left: 2.7%;">
                    <label style="color: #777;">ประชากรชาย + ประชากรหญิง</label>
                </td>
            </tr>
            <tr>
                <td class="tableFormRight"><?php echo EHtml::activeLabel($model, 'village_total'); ?></td>
                <td>
                    <?php echo EHtml::activeTextField($model, 'village_total', array('id'=>'sum_total', 'placeholder'=>'สรุปจำนวนประชากร', 'readonly'=>'readonly')); ?>
                    <span style="font-weight: bold; padding-left: 1%;">คน</span>
                </td>
            </tr>
            <tr>
                <td class="tableFormRight"><label for="">วันที่ปรับข้อมูล</label></td>
                <td>
                    <?php echo CHtml::activeTextField(tbConfig::model(), 'config_name', array('value'=>date("Y-m-d H:i:s"), 'readonly'=>'readonly')); ?>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <?php echo EHtml::submitButton('ตกลง', array('class'=>'btn btn-primary')); ?>
                </td>
            </tr>
        </table>
        <?php echo EHtml::endForm(); ?>
        
    </div>
</div>