@extends('comm.template')

@section('content')
	<div style="color: #666;text-align:right;font-size:16px;margin-top:10px;margin-bottom:10px;margin-right:1%" ><< 住戶管理 >></div>
	<form  name="form1" method="POST" action=" @if (isset($census)) {{ url('manager/census/save') }} @else {{ url('manager/census/create') }} @endif" class="basic_form" enctype="multipart/form-data" style="width:98%;margin-left:auto;margin-right:auto;">
	
	<style type="text/css">input.bLarger{width: 20px; height: 20px;}</style>
	
        <p>&nbsp;</p>
        <table style="width:50%">
            <tr>
                <td class="col1" style="width:20%">
                    戶號/姓名 <font color="red">*</font>
                </td>
                <td class="col2" style="height:40px">
                    <div style="text-align:center;">
                        <input type="text" name="census_code" @if (isset($census)) value="{{ $census->code }}" @endif>
                    </div>
                </td>
            </tr>
            <!--
            <tr>
                <td class="col1">
                    姓名 <font color="red">*</font>
                </td>
                <td class="col2" style="height:40px">
                    <div style="margin-left:10px">
                        <input type="text" name="name" @if (isset($census)) value="{{ $census->name }}" @endif>
                    </div>
                </td>
            </tr>   
            <tr>
                <td class="col1">
                    電話 <font color="red">*</font>
                </td>
                <td class="col2" style="height:40px">
                    <div style="margin-left:10px">
                        <input type="text" name="telephone" @if (isset($census)) value="{{ $census->telephone }}" @endif>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="col1">
                    手機 <font color="red">*</font>
                </td>
                <td class="col2" style="height:40px">
                    <div style="margin-left:10px">
                        <input type="text" name="mobile" @if (isset($census)) value="{{ $census->mobile }}" @endif>
                    </div>
                </td>
            </tr>
            -->
        </table>
        <br>
        <table style="width:98%" id="card_table">
            <tr>
				<td class="col1" style="width:5%">
                    通行<font color="red">*</font><br>時組
                </td>
                <td class="col1" style="width:5%">
                    通行<font color="red">*</font><br>門組
                </td>
                <td class="col1" style="width:10%">
                    ETag卡號 <font color="red">*</font>
                </td>
                <td class="col1" style="width:10%">
                    車牌號碼 <font color="red">*</font>
                </td>
                <td class="col1" style="width:20%">
                    權限 <font color="red">*</font>
                </td>
				<td class="col1" style="width:10%">
                    狀態
                </td>
                <td class="col1" style="width:15%">
                    車位
                </td>
                <td class="col1" style="width:0%">
                    備註
                </td>
                <td class="col1" style="width:4%">

                </td>
            </tr>
            @if (isset($census))
                                @foreach ($cards as $card)
                                        <tr id="card_tr_{{ $i }}">
						<td class="col2" style="text-align:center;">
                            <select  name="time_group_{{ $i }}">
								<option value="1" @if ($card->time_group == 1) selected @endif>1</option>
								<option value="2" @if ($card->time_group == 2) selected @endif>2</option>
								<option value="3" @if ($card->time_group == 3) selected @endif>3</option>
								<option value="4" @if ($card->time_group == 4) selected @endif>4</option>
								<option value="5" @if ($card->time_group == 5) selected @endif>5</option>
								<option value="6" @if ($card->time_group == 6) selected @endif>6</option>
								<option value="7" @if ($card->time_group == 7) selected @endif>7</option>
								<option value="8" @if ($card->time_group == 8) selected @endif>8</option>
                            </select>
                        </td>
                        <td class="col2" style="text-align:center;">
                            <select  name="group_id_{{ $i }}">
								<option value="1" @if ($card->group_id == 1) selected @endif>1</option>
								<option value="2" @if ($card->group_id == 2) selected @endif>2</option>
								<option value="3" @if ($card->group_id == 3) selected @endif>3</option>
								<option value="4" @if ($card->group_id == 4) selected @endif>4</option>
								<option value="5" @if ($card->group_id == 5) selected @endif>5</option>
								<option value="6" @if ($card->group_id == 6) selected @endif>6</option>
								<option value="7" @if ($card->group_id == 7) selected @endif>7</option>
								<option value="8" @if ($card->group_id == 8) selected @endif>8</option>
                            </select>
                        </td>
                        <td class="col2">
                            <div style="text-align:center;">
                                <input type="text" name="card_code_{{ $i }}" value="{{ $card->code }}" id="card_code">
                            </div>
                        </td>
                        <td class="col2">
                            <div style="text-align:center;">
                                <input type="text" name="card_license_{{ $i }}" value="{{ $card->license }}">
                            </div>
                        </td>
                        <td class="col2">
                            <div style="text-align:center;">
                                 <input type="radio" name="card_locked_{{ $i }}"  @if ($card->locked == 0) checked @endif  value="0" class='bLarger'>通行
                                 <input type="radio" name="card_locked_{{ $i }}"  @if ($card->locked == 1) checked @endif value="1" class='bLarger'>鎖卡
								 <input type="radio" name="card_locked_{{ $i }}"  @if ($card->locked == 2) checked @endif value="2" class='bLarger'>忽略
                            </div>
                        </td>


						<td class="col2">
							<div style="text-align:center;">
								<input type="radio" name="card_status_{{ $i }}"  @if ($card->pass_id == '0') checked @endif value="0" disabled class='bLarger'>出
								<input type="radio" name="card_status_{{ $i }}"  @if ($card->pass_id != '0') checked @endif value="1" disabled class='bLarger'>進
							</div>
						</td>


                        <td class="col2">
                            <div style="text-align:center;">
                                <input type="text" name="parking_code_{{ $i }}" value="{{ $card->parking_code }}">
                            </div>
                        </td>
                        <td class="col2">
                            <div style="text-align:center;">
                                <input type="text" name="card_memo_{{ $i }}" value="{{ $card->memo }}">
                            </div>
                        </td>
                        <td>
                            <div style="text-align:center;">
                            <input type="button" name="button_{{ $i }}" value="-" style="padding:1px 6px" onclick="action_card(this);" tr_id="{{ $i }}" c_id="{{ $card->id }}">
                            </div>
                            <input type="hidden" name="card_id_{{ $i }}" value="{{ $card->id }}">
                            <input type="hidden" name="card_ocode_{{ $i }}" value="{{ $card->code }}">
                            <input type="hidden" name="card_olocked_{{ $i }}" value="{{ $card->locked }}">
                            <input type="hidden" name="oparking_code_{{ $i }}" value="{{ $card->parking_code }}">
                        </td>
                    </tr>
                @endforeach
                                <tr id="card_tr_{{ $i }}">
					<td class="col2" style="text-align:center">
                        <select  name="time_group_{{ $i }}">
                            <option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
                        </select>
                    </td>
                    <td class="col2" style="text-align:center">
                        <select  name="group_id_{{ $i }}">
                            <option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
                        </select>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_code_{{ $i }}" id="card_code">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_license_{{ $i }}">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                             <input type="radio" name="card_locked_{{ $i }}"  checked  value="0" class='bLarger'>通行
                             <input type="radio" name="card_locked_{{ $i }}"   value="1" class='bLarger'>鎖卡
							 <input type="radio" name="card_locked_{{ $i }}"   value="2" class='bLarger'>忽略
                        </div>
                    </td>
					<td class="col2">
						<div style="text-align:center;">
							<input type="radio" name="card_status_{{ $i }}" checked value="0" disabled class='bLarger'>出
							<input type="radio" name="card_status_{{ $i }}" value="1" disabled class='bLarger'>進                            
						</div>
					</td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="parking_code_{{ $i }}">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_memo_{{ $i }}">
                        </div>
                    </td>
                    <td>
                        <div style="text-align:center;">
                        <input type="button" name="button_{{ $i }}" value="+" style="padding:1px 4px" onclick="action_card(this);" tr_id="{{ $i }}" c_id="">
                        </div>
                        <input type="hidden" name="card_id_{{ $i }}" value="">
                    </td>
                </tr>
            @else
                <tr id="card_tr_1">
					<td class="col2" style="text-align:center">
                        <select  name="time_group_1">
                            <option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
                        </select>
                    </td>
                    <td class="col2" style="text-align:center">
                        <select  name="group_id_1">
                            <option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
                        </select>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_code_1" id="card_code">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_license_1">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                             <input type="radio" name="card_locked_1"  checked  value="0" class='bLarger'>通行
                             <input type="radio" name="card_locked_1"   value="1" class='bLarger'>鎖卡
							 <input type="radio" name="card_locked_1"   value="2" class='bLarger'>忽略
                        </div>
                    </td>
					<td class="col2">
						<div style="text-align:center;">
							<input type="radio" name="card_status_1" checked value="0" disabled class='bLarger'>出
							<input type="radio" name="card_status_1" value="1" disabled class='bLarger'>進
						</div>
					</td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="parking_code_1">
                        </div>
                    </td>
                    <td class="col2">
                        <div style="text-align:center;">
                            <input type="text" name="card_memo_1">
                        </div>
                    </td>
                    <td>
                        <div style="text-align:center;">
                        <input type="button" name="button_1" value="+" style="padding:1px 4px" onclick="action_card(this);" tr_id="1" c_id="">
                        </div>
                        <input type="hidden" name="card_id_1" value="">
                    </td>
                </tr>
            @endif
        </table>
        <p>&nbsp;</p>
        <div style="width:98%"> 
            <input type="button" name="button1" value="送出" onclick="go_submit();">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            @if (isset($census))
                <input type="button" name="button2" value="刪除" onclick="window.location.href='{{ url('manager/census/delete') }}/{{ $census->id }}';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            @endif 
            <input type="button" name="button3" value="回列表" onclick="go_list()">

        </div>
        @if (isset($census))
            <input type="hidden" name="id" value="{{ $census->id }}">
            <input type="hidden" name="page" value="{{ $page }}">
        @endif  
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        @if (isset($census))
            <input type="hidden" name="card_cnt" value="{{ $i }}">
            <input type="hidden" name="remove_card" value="">
        @else
            <input type="hidden" name="card_cnt" value="1">
        @endif
    </form>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

@stop


@section('head')

@stop

@section('javascript')
//<script type="text/javascript">

    function go_submit(){
        
        if ($("input[name='census_code']").val() == ""){
            alert("戶號/姓名未填寫");
            return;
        }
        card_cnt = parseInt($("input[name='card_cnt']").val());
        for (i=1;i<=card_cnt;i++){
             if ($("[id='card_code']").length > 1)
			 {
                if ($("input[name='card_code_" + i + "']").val() != "" && $("input[name='card_license_" + i + "']").val() == "")
				{
                    alert("車牌號碼未填寫");
                    return;
                }
                if ($("input[name='card_code_" + i + "']").val() == "" && $("input[name='card_license_" + i + "']").val() != "")
				{
                    alert("ETag卡號未填寫");
                    return;
                }
            }
			else
			{
                if ($("input[name='card_code_" + i + "']").val() == "" || $("input[name='card_license_" + i + "']").val() == "")
				{
                    alert("ETag卡號或車牌號碼未填寫");
                    return;
                }
            }
        }

        document.form1.submit();
    }

    function go_list(){
        location="{{ $back_url }}";
    }

    function action_card(obj){
        card_cnt = parseInt($("input[name='card_cnt']").val());
        if (obj.value == "+"){
            id = $(obj).attr("tr_id");
            if ($("input[name='card_code_" + id + "']").val() == "" || $("input[name='card_license_" + id + "']").val() == ""){
                alert("ETag卡號或車牌號碼未填寫");
                return;
            }
            $("input[name='button_" + card_cnt + "']").val("-");
            $("input[name='button_" + card_cnt + "']").css({"padding":"1px 6px"});
            card_cnt = card_cnt + 1;
            $("input[name='card_cnt']").val(card_cnt);
            tr_html = '<tr id="card_tr_' + card_cnt + '">';
			tr_html = tr_html +  '<td style="text-align:center">';
			tr_html = tr_html +　'<select  name="time_group_' + card_cnt + '">';
            tr_html = tr_html +  '<option value="1">1</option>';
			tr_html = tr_html +  '<option value="2">2</option>';
			tr_html = tr_html +  '<option value="3">3</option>';
			tr_html = tr_html +  '<option value="4">4</option>';
			tr_html = tr_html +  '<option value="5">5</option>';
			tr_html = tr_html +  '<option value="6">6</option>';
			tr_html = tr_html +  '<option value="7">7</option>';
			tr_html = tr_html +  '<option value="8">8</option>';
            tr_html = tr_html +　'</select>';
			tr_html = tr_html +  '<td style="text-align:center">';
            tr_html = tr_html +　'<select  name="group_id_' + card_cnt + '">';
            tr_html = tr_html +  '<option value="1">1</option>';
			tr_html = tr_html +  '<option value="2">2</option>';
			tr_html = tr_html +  '<option value="3">3</option>';
			tr_html = tr_html +  '<option value="4">4</option>';
			tr_html = tr_html +  '<option value="5">5</option>';
			tr_html = tr_html +  '<option value="6">6</option>';
			tr_html = tr_html +  '<option value="7">7</option>';
			tr_html = tr_html +  '<option value="8">8</option>';
            tr_html = tr_html +　'</select>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_code_' + card_cnt + '" value="" id="card_code"></div>';
            tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_license_' + card_cnt + '" value=""></div>';
            tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="radio" name="card_locked_' + card_cnt + '" checked value="0" class="bLarger">通行 <input type="radio" name="card_locked_' + card_cnt + '" value="1" class="bLarger">鎖卡 <input type="radio" name="card_locked_' + card_cnt + '" value="2" class="bLarger">忽略 </div>';
			tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
			tr_html = tr_html +　'<div style="text-align:center;"><input type="radio" name="card_status_' + card_cnt + '" checked value="0" disabled class="bLarger">出 <input type="radio" name="card_status_' + card_cnt + '" value="1" disabled class="bLarger">進</div>';
            tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="parking_code_' + card_cnt + '" value=""></div>';
            tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_memo_' + card_cnt + '" value=""></div>';
            tr_html = tr_html +　'</td>';
            tr_html = tr_html +　'<td class="col2">';
            tr_html = tr_html +　'<div style="text-align:center;"><input type="button" name="button_' + card_cnt + '" value="+" style="padding:1px 4px" onclick="action_card(this);" tr_id="' + card_cnt + '" c_id=""></div> <input type="hidden" name="card_id_' + card_cnt + '" value=""></td></tr>';
            $('#card_table tr:last').after(tr_html);
        }else{
            $("input[name='card_cnt']").val(card_cnt);
            r_card = $("input[name='remove_card']").val();
            if ($(obj).attr("c_id") != ""){
                if (r_card != ""){
                    r_card = r_card + "," + $(obj).attr("c_id");
                }else{
                    r_card = $(obj).attr("c_id");
                }
                $("input[name='remove_card']").val(r_card);
                $("#card_tr_" + $(obj).attr("tr_id")).remove();
            }

            if ($("[id='card_code']").length == 0){

				alert("222");
                return;

                $("input[name='button_" + card_cnt + "']").val("-");
                $("input[name='button_" + card_cnt + "']").css({"padding":"1px 6px"});
                card_cnt = card_cnt + 1;
                $("input[name='card_cnt']").val(card_cnt);
                tr_html = '<tr id="card_tr_' + card_cnt + '">';
				tr_html = tr_html +  '<td style="text-align:center">';
				tr_html = tr_html +　'<select  name="time_group_' + card_cnt + '">';
                tr_html = tr_html +  '<option value="1">1</option>';
				tr_html = tr_html +  '<option value="2">2</option>';
				tr_html = tr_html +  '<option value="3">3</option>';
				tr_html = tr_html +  '<option value="4">4</option>';
				tr_html = tr_html +  '<option value="5">5</option>';
				tr_html = tr_html +  '<option value="6">6</option>';
				tr_html = tr_html +  '<option value="7">7</option>';
				tr_html = tr_html +  '<option value="8">8</option>';
                tr_html = tr_html +　'</select>';
				tr_html = tr_html +  '<td style="text-align:center">';
                tr_html = tr_html +　'<select  name="group_id_' + card_cnt + '">';
                tr_html = tr_html +  '<option value="1">1</option>';
				tr_html = tr_html +  '<option value="2">2</option>';
				tr_html = tr_html +  '<option value="3">3</option>';
				tr_html = tr_html +  '<option value="4">4</option>';
				tr_html = tr_html +  '<option value="5">5</option>';
				tr_html = tr_html +  '<option value="6">6</option>';
				tr_html = tr_html +  '<option value="7">7</option>';
				tr_html = tr_html +  '<option value="8">8</option>';
                tr_html = tr_html +　'</select>';
                tr_html = tr_html +　'<td class="col2">';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_code_' + card_cnt + '" value="" id="card_code"></div>';
                tr_html = tr_html +　'</td>';
                tr_html = tr_html +　'<td class="col2">';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_license_' + card_cnt + '" value=""></div>';
                tr_html = tr_html +　'</td>';
                tr_html = tr_html +　'<td class="col2">';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="radio" name="card_locked_' + card_cnt + '" checked value="0" class="bLarger">通行 <input type="radio" name="card_locked_' + card_cnt + '" value="1" class="bLarger">鎖卡<input type="radio" name="card_locked_' + card_cnt + '" value="2" class="bLarger">忽略</div>';
				tr_html = tr_html +　'</td>';
				tr_html = tr_html +　'<td class="col2">';
				tr_html = tr_html +　'<div style="text-align:center;"><input type="radio" name="card_status_' + card_cnt + '" checked value="0" disabled class="bLarger">出 <input type="radio" name="card_status_' + card_cnt + '" value="1" disabled class="bLarger">進</div>';
				tr_html = tr_html +　'</td>';
                tr_html = tr_html +　'<td class="col2">';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="parking_code_' + card_cnt + '" value=""></div>';
                tr_html = tr_html +　'</td>';
                tr_html = tr_html +　'<td class="col2">';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="text" name="card_memo_' + card_cnt + '" value=""></div>';
                tr_html = tr_html +　'</td>';
                tr_html = tr_html +　'<td class="col2" >';
                tr_html = tr_html +　'<div style="text-align:center;"><input type="button" name="button_' + card_cnt + '" value="+" style="padding:1px 4px" onclick="action_card(this);" tr_id="' + card_cnt + '"></div></td></tr>';
                $('#card_table tr:last').after(tr_html);
                
            }
        }
    }

//</script>
@stop