<?php
$sub_menu = "900600";
include_once("./_common.php");

auth_check($auth[$sub_menu], "w");

$g5['title'] = "이모티콘 ";

if ($w == 'u' && is_numeric($fo_no)) {
    $write = sql_fetch("select * from {$g5['sms5_form_table']} where fo_no='$fo_no'");
    $g5['title'] .= '수정';
}
else  {
    $write['fg_no'] = $fg_no;
    $g5['title'] .= '추가';
}

include_once(G5_ADMIN_PATH.'/admin.head.php');
?>

<form name="book_form" method="post" action="form_update.php">
<input type="hidden" name="w" value="<?php echo $w?>">
<input type="hidden" name="page" value="<?php echo $page?>">
<input type="hidden" name="fo_no" value="<?php echo $write['fo_no']?>">
<input type="hidden" name="get_fg_no" value="<?php echo $fg_no?>">

<div class="tbl_frm01 tbl_wrap">
<table>
    <caption><?php echo $g5['title'];?> 목록</caption>
    <colgroup>
        <col class="grid_4">
        <col>
    </colgroup>
    <tbody>
    <tr>
        <td><label for="fg_no">그룹<strong class="sound_only"> 필수</strong></label>
            <select name="fg_no" id="fg_no" required class="required form-control">
                <option value="0">미분류</option>
                <?php
                $qry = sql_query("select * from {$g5['sms5_form_group_table']} order by fg_name");
                while($res = sql_fetch_array($qry)) {
                ?>
                <option value="<?php echo $res['fg_no']?>"<?php echo get_selected($res['fg_no'], $write['fg_no']); ?>><?php echo $res['fg_name']?></option>
                <?php } ?>
            </select>
        </td>
    </tr>
    <tr>
        <td><label for="fo_name">제목<strong class="sound_only"> 필수</strong></label>
		<input type="text" name="fo_name" id="fo_name" required value="<?php echo $write['fo_name']?>" class="form-control required" size="70"></td>
    </tr>
    <tr>
        <td id="sms5_emo_add"><strong>메세지</strong><br />
            <div class="sms5_box write_wrap">
                <span class="box_ico"></span>
                <textarea name="fo_content" id="sms_contents" class="box_txt box_square form-control textarea" onkeyup="byte_check('sms_contents', 'sms_bytes');" accesskey="m" placeholder="내용"><?php echo $write['fo_content']?></textarea>

                <div id="sms_byte"><span id="sms_bytes">0</span> / 80 byte</div>

                <button type="button" id="write_sc_btn" class="write_scemo_btn btn btn-default">특수<br>기호</button>
                <div id="write_sc" class="write_scemo">
                    <span class="scemo_ico"></span>
                    <div class="scemo_list">
                        <button type="button" class="scemo_add" onclick="javascript:add('■')">■</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('□')">□</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▣')">▣</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('◈')">◈</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('◆')">◆</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('◇')">◇</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♥')">♥</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♡')">♡</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('●')">●</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('○')">○</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▲')">▲</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▼')">▼</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▶')">▶</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▷')">▷</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('◀')">◀</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('◁')">◁</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☎')">☎</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☏')">☏</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♠')">♠</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♤')">♤</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♣')">♣</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♧')">♧</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('★')">★</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☆')">☆</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☞')">☞</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☜')">☜</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('▒')">▒</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('⊙')">⊙</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('㈜')">㈜</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('№')">№</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('㉿')">㉿</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♨')">♨</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('™')">™</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('℡')">℡</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('∑')">∑</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('∏')">∏</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♬')">♬</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♪')">♪</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♩')">♩</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♭')">♭</button>
                    </div>
                    <div class="scemo_cls"><button type="button" class="scemo_cls_btn btn btn-default">닫기</button></div>
                </div>
                <button type="button" id="write_emo_btn" class="write_scemo_btn btn btn-default">이모<br>티콘</button>
                <div id="write_emo" class="write_scemo">
                    <span class="scemo_ico"></span>
                    <div class="scemo_list">
                        <button type="button" class="scemo_add" onclick="javascript:add('*^^*')">*^^*</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('♡.♡')">♡.♡</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('@_@')">@_@</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('☞_☜')">☞_☜</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('ㅠ ㅠ')">ㅠ ㅠ</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('Θ.Θ')">Θ.Θ</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('^_~♥')">^_~♥</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('~o~')">~o~</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('★.★')">★.★</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('(!.!)')">(!.!)</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('⊙.⊙')">⊙.⊙</button>
                        <button type="button" class="scemo_add" onclick="javascript:add('q.p')">q.p</button>
                        <button type="button" class="scemo_add emo_long" onclick="javascript:add('┏( \'\')┛')">┏( \'\')┛</button>
                        <button type="button" class="scemo_add emo_long" onclick="javascript:add('@)-)--')">@)-)--')</button>
                        <button type="button" class="scemo_add emo_long" onclick="javascript:add('↖(^-^)↗')">↖(^-^)↗</button>
                        <button type="button" class="scemo_add emo_long" onclick="javascript:add('(*^-^*)')">(*^-^*)</button>
                    </div>
                    <div class="scemo_cls"><button type="button" class="scemo_cls_btn btn btn-default">닫기</button></div>
                </div>
            </div>

        </td>
    </tr>
    <?php if ($w == 'u') {?>
    <tr>
        <td><strong>업데이트</strong><br /> <?php echo $write['fo_datetime']?> </td>
    </tr>
    <?php } ?>
    </tbody>
    </table>
    </div>
    <div class="center">
        <input type="submit" value="확인" class="btn btn-default" accesskey="s">
        <a href="./form_list.php?<?php echo $_SERVER['QUERY_STRING']?>" class="btn btn-default" >목록</a>
    </div>
</form>

<script>
    function add(str) {
        var conts = document.getElementById('sms_contents');
        var bytes = document.getElementById('sms_bytes');
        conts.focus();
        conts.value+=str;
        byte_check('sms_contents', 'sms_bytes');
        return;
    }
    function byte_check(sms_contents, sms_bytes)
    {
        var conts = document.getElementById(sms_contents);
        var bytes = document.getElementById(sms_bytes);

        var i = 0;
        var cnt = 0;
        var exceed = 0;
        var ch = '';

        for (i=0; i<conts.value.length; i++)
        {
            ch = conts.value.charAt(i);
            if (escape(ch).length > 4) {
                cnt += 2;
            } else {
                cnt += 1;
            }
        }

        bytes.innerHTML = cnt;

        if (cnt > 80)
        {
            exceed = cnt - 80;
            alert('메시지 내용은 80바이트를 넘을수 없습니다.\n\n작성하신 메세지 내용은 '+ exceed +'byte가 초과되었습니다.\n\n초과된 부분은 자동으로 삭제됩니다.');
            var tcnt = 0;
            var xcnt = 0;
            var tmp = conts.value;
            for (i=0; i<tmp.length; i++)
            {
                ch = tmp.charAt(i);
                if (escape(ch).length > 4) {
                    tcnt += 2;
                } else {
                    tcnt += 1;
                }

                if (tcnt > 80) {
                    tmp = tmp.substring(0,i);
                    break;
                } else {
                    xcnt = tcnt;
                }
            }
            conts.value = tmp;
            bytes.innerHTML = xcnt;
            return;
        }
    }

    byte_check('sms_contents', 'sms_bytes');
    document.getElementById('sms_contents').focus();
</script>

<script>
$(function(){
    $(".box_txt").bind("focus keydown", function(){
        $("#wr_message_lbl").hide();
    });
    $(".write_scemo_btn").click(function(){
        $(".write_scemo").hide();
        $(this).next(".write_scemo").show();
    });
    $(".scemo_cls_btn").click(function(){
        $(".write_scemo").hide();
    });
});
</script>

<?php
include_once(G5_ADMIN_PATH.'/admin.tail.php');
?>