@extends('Admin.component.layout')
@section('title', '活動列表修改')
@section('content')
@if(session('alert_message'))
    <div class="alert alert-success">
        {{ session('alert_message') }}
    </div>
@endif
<style>
    [type="radio"]:not(:checked), [type="radio"]:checked  {
        position: relative !important; 
        left: 0 !important; 
        opacity: 1 !important;
    }
</style>
<div class="row page-titles">
    <div class="col-md-5 col-8 align-self-center">
        <h3 class="text-themecolor m-b-0 m-t-0">活動列表</h3>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">活動列表</a></li>
            <li class="breadcrumb-item ">清單列表</li>
            <li class="breadcrumb-item active">活動資料修改</li>
        </ol>
    </div>
    <div class="col-md-7 col-4 align-self-center">
        
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-block">
                <form class="form-horizontal form-material" action="{{ route('Activity.store') }}" method="post" id="dataForm" enctype="multipart/form-data">
                    @csrf
                    @foreach($Lists ?? [] as $List)
                    <input type="hidden" name="userid" value="{{ session('id') }}">
                    <input type="hidden" name="ActivityGuid" value="{{ $List->ActivityGuid }}">
                    <input type="hidden" name="AwardName_array" id="AwardName_array" value="">
                    <input type="hidden" name="PrizeName_array" id="PrizeName_array" value="">
                    <input type="hidden" name="PrizeTotal_array" id="PrizeTotal_array" value="">
                    <input type="hidden" name="LightSec_array" id="LightSec_array" value="">
                    <input type="hidden" id="numcode_array" name="numcode_array" value="">
                    <input type="hidden" name="OldAwardImg_array" id="OldAwardImg_array" value=""> 
                    <div class="row mb-3">
                        <div class="col">
                            <label for="title" class="form-label fw-bold fs-5">活動名稱<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="title" name="title" value="{{ $List->title }}">
                        </div>
                        <div class="col">
                            <label for="StartDate" class="form-label fw-bold fs-5">活動起始日<span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="StartDate" name="StartDate" value="{{ $List->StartDate }}">
                        </div>
                        <div class="col">
                            <label for="EndDate" class="form-label fw-bold fs-5">活動結束日<span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="EndDate" name="EndDate" value="{{ $List->EndDate }}">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col">
                            <label for="Organizer" class="form-label fw-bold fs-5">主辦單位</label>
                            <input type="text" class="form-control" id="Organizer" name="Organizer" value="{{ $List->Organizer }}">
                        </div>
                        <div class="col">
                            <label for="tel" class="form-label fw-bold fs-5">連絡電話</label>
                            <input type="text" class="form-control" id="tel" name="tel" value="{{ $List->tel }}" maxlength="10" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')">
                        </div>
                        <div class="col">
                            <label for="api" class="form-label fw-bold fs-5">活動網址(請輸入本活動代號)<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="api" name="api" value="{{ $List->api }}" onchange="getAPIChk()">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col">
                            <label for="winntype" class="form-label fw-bold fs-5">抽獎方式<span class="text-danger">*</span></label>
                            <select class="form-control form-control-line" name="winntype" id="winntype" onchange="winntypeKEY(this.value)">
                                <option value="" disabled selected>請選擇</option>
                                @if($List->winntype == '1')
                                <option value="1" selected>抽獎採樣</option>
                                @else
                                <option value="1">抽獎採樣</option>
                                @endif

                                @if($List->winntype == '2')
                                <option value="2" selected>匯入採樣</option>
                                @else
                                <option value="2">匯入採樣</option>
                                @endif
                            </select>
                        </div>
                        <div class="col" id="winnRangeLenght" style="display: block;">
                            <label for="number" class="form-label fw-bold fs-5">跑燈位數<span class="text-danger">*</span></label>
                            <select class="form-control form-control-line" name="number" id="number" onchange="NumberKEY(this.value)">
                                <option value="" disabled>請選擇</option>
                                @for ($i = 2; $i <= 7; $i++)
                                    @if($List->number == $i)
                                        <option value="{{ $i }}" selected>{{ $i }}</option>
                                    @else
                                        <option value="{{ $i }}">{{ $i }}</option>
                                    @endif
                                @endfor
                            </select>
                        </div>
                        <div class="col" id="winnRangeBox" style="display: none;">
                            <label for="StartRange" class="form-label fw-bold fs-5">抽獎採樣<span class="text-danger">*</span></label>
                            <div class="row">
                                <input type="text" class="border border-dark col-3 disabled" id="StartRange" name="StartRange" value="{{ $List->StartRange }}" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')">
                                <span class="mx-2">~</span>
                                <input type="text" class="border border-dark col-3 disabled" id="EndRange" name="EndRange" value="{{ $List->EndRange }}" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')">
                            </div>
                        </div>
                    </div>

                    <div class="my-3" id="winnNumber" style="display: none;">
                        <p class="h3">匯入採樣</p>
                        <hr>
                        <table class="table">
                            <thead>
                                <tr>
                                <th scope="col">抽樣號碼</th>
                                <th>
                                    <button type="button" class="btn btn-success btn-sm" onclick="WinnImport()">匯入</button>
                                    <a href="{{ asset('upload/File/WinnTemple.csv') }}" class="btn btn-success btn-sm" target="_blank">範本</a>
                                    <button type="button" class="btn btn-warning btn-sm" onclick="new_tbody_w()">新增獎項</button>
                                </th>
                                </tr>
                            </thead>
                            <tbody id="dataContent2">
                                @forelse($wcode ?? [] as $wcode)
                                <tr>
                                    <td><input type="text" name="num_code" placeholder="抽樣號碼(僅限輸入數字)" value="{{ $wcode->code }}" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"></td>
                                    <td>
                                    <button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button>
                                    <button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button>
                                    </td>
                                </tr>
                                @empty
                                    <tr id="noData2"><td class="text-center" colspan="2">無獎項資料</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="form-group">
                        <label for="mark" class="col-md-12 p-0">活動標題呈現</label>
                        <div class="col-md-12 p-0">
                            <input type="radio" class="" name="title_diplay" id="title_diplay_y" @if($List->title_diplay == 'Y') checked @endif value="Y">顯示
                            <input type="radio" class="" name="title_diplay" id="title_diplay_n" @if($List->title_diplay == 'N') checked @endif value="N">隱藏
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mark" class="col-md-12 p-0">備考</label>
                        <div class="col-md-12 p-0">
                            <input type="text" class="form-control form-control-line" name="mark" id="mark" value="{{ $List->mark }}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="INDEX_VIDEO" class="col-md-12 p-0">活動首頁影片ID<a href="#" onclick="infoModal()"><i class="fa-solid fa-circle-question"></i></a></label>
                        <div class="col-md-12 p-0">
                            <input type="text" class="form-control form-control-line" name="INDEX_VIDEO" id="INDEX_VIDEO" value="{{ $List->INDEX_VIDEO }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col">
                            <label for="" class="form-label fw-bold fs-5">活動首頁圖檔</label>
                            @if(!empty($List->INDEX_URL))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('INDEX_URL','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0 text-center">
                                <input type="file" class="form-control col-3 border-0" style="background-image: none;" id="INDEX_URL" name="INDEX_URL" value="{{ $List->INDEX_URL }}" onchange="readURL(this,'INDEX_URL_IMG')">
                                @if(!empty($List->INDEX_URL))
                                <img src="{{ asset($List->INDEX_URL) }}" alt="" id="INDEX_URL_IMG" height="100" style="display:block;">
                                @else
                                <img src="{{ asset($List->INDEX_URL) }}" alt="" id="INDEX_URL_IMG" height="100" style="display: none;">
                                @endif
                                <input type="hidden" name="INDEX_URL_TXT" value="{{ $List->INDEX_URL }}">
                            </div>
                        </div>
                        <div class="col">
                            <label for="BINGO_URL" class="form-label fw-bold fs-5">中獎圖</label>
                            @if(!empty($List->BINGO_URL))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('BINGO_URL','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0">
                                <input type="file" class="form-control col-3 border-0" style="background-image: none;" id="BINGO_URL" name="BINGO_URL" value="" onchange="readURL(this,'BINGO_URL_IMG')">
                                @if(!empty($List->BINGO_URL))
                                <img src="{{ asset($List->BINGO_URL) }}" alt="" id="BINGO_URL_IMG" height="100" style="display:block;">
                                @else
                                <img src="{{ asset($List->BINGO_URL) }}" alt="" id="BINGO_URL_IMG" height="100" style="display: none;">
                                @endif
                                <input type="hidden" name="BINGO_URL_TXT" value="{{ $List->BINGO_URL }}">
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col">
                            <label for="LOTTERY_URL" class="form-label fw-bold fs-5">抽獎背景</label>
                            @if(!empty($List->LOTTERY_URL))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('LOTTERY_URL','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0">
                                <input type="file" class="form-control col-3 border-0" style="background-image: none;" id="LOTTERY_URL" name="LOTTERY_URL" value="" onchange="readURL(this,'LOTTERY_URL_IMG')">
                                @if(!empty($List->LOTTERY_URL))
                                <img src="{{ asset($List->LOTTERY_URL) }}" alt="" id="LOTTERY_URL_IMG" height="100" style="display:block;">
                                @else
                                <img src="{{ asset($List->LOTTERY_URL) }}" alt="" id="LOTTERY_URL_IMG" height="100" style="display: none;">
                                @endif
                                <input type="hidden" name="LOTTERY_URL_TXT" value="{{ $List->LOTTERY_URL }}">
                            </div>
                        </div>
                        <div class="col">
                            <label for="LOTTERY_MP3" class="form-label fw-bold fs-5">抽獎音樂</label>
                            @if(!empty($List->LOTTERY_MP3))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('LOTTERY_MP3','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0">
                                <input type="file" accept=".mp3, .m4a" class="form-control col-3 border-0" style="background-image: none;" id="LOTTERY_MP3" name="LOTTERY_MP3" value="">
                                @if(!empty($List->LOTTERY_MP3))
                                <span>{{ $List->LOTTERY_MP3 }}"><span>
                                @endif
                                <input type="hidden" name="LOTTERY_MP3_TXT" value="{{ $List->LOTTERY_MP3 }}">
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col">
                            <label for="WINN_URL" class="form-label fw-bold fs-5">中獎背景</label>
                            @if(!empty($List->WINN_URL))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('WINN_URL','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0">
                                <input type="file" class="form-control col-3 border-0" style="background-image: none;" id="WINN_URL" name="WINN_URL" value="" onchange="readURL(this,'WINN_URL_IMG')">
                                @if(!empty($List->WINN_URL))
                                <img src="{{ asset($List->WINN_URL) }}" alt="" id="WINN_URL_IMG" height="100" style="display:block;">
                                @else
                                <img src="{{ asset($List->WINN_URL) }}" alt="" id="WINN_URL_IMG" height="100" style="display: none;">
                                @endif
                                <input type="hidden" name="WINN_URL_TXT" value="{{ $List->WINN_URL }}">
                            </div>
                        </div>
                        <div class="col">
                            <label for="WINN_MP3" class="form-label fw-bold fs-5">中獎音樂</label>
                            @if(!empty($List->WINN_MP3))
                            <button type="button" class="btn-sm btn-danger" onclick="deleteFpath('WINN_MP3','{{ $List->ActivityGuid }}')">刪除</button>
                            @endif
                            <div class="row m-0">
                                <input type="file" accept=".mp3, .m4a" class="form-control col-3 border-0" style="background-image: none;" id="WINN_MP3" name="WINN_MP3" value="">
                                @if(!empty($List->WINN_MP3))
                                <span>{{ $List->WINN_MP3 }}"><span>
                                @endif
                                <input type="hidden" name="WINN_MP3_TXT" value="{{ $List->WINN_MP3 }}">
                            </div>
                        </div>
                    </div>
                    @endforeach
                    
                    <div class="my-5">
                        <p class="h3">獎項列表</p>
                        <hr>
                        <table class="table">
                            <thead>
                                <tr>
                                <th scope="col">獎項名稱</th>
                                <th scope="col">獎品名稱</th>
                                <th scope="col">獎品數量</th>
                                <th scope="col">跑燈秒數</th>
                                <th scope="col">獎項圖片</th>
                                <th>
                                    <button type="button" class="btn btn-success btn-sm" onclick="CSVImport()">匯入</button>
                                    <a href="{{ asset('upload/File/PrizeTemple.csv') }}" class="btn btn-success btn-sm" target="_blank">範本</a>
                                    <button type="button" class="btn btn-warning btn-sm" onclick="new_tbody()">新增獎項</button>
                                </th>
                                </tr>
                            </thead>
                            <tbody id="dataContent">
                                @forelse($Awards ?? [] as $key => $Award)
                                <tr>
                                    <td><input type="text" name="AwardName" placeholder="獎項名稱" value="{{ $Award->AwardName }}"></td>
                                    <td><input type="text" name="PrizeName" placeholder="獎品名稱" value="{{ $Award->PrizeName }}"></td>
                                    <td><input type="number" name="PrizeTotal" placeholder="獎品數量" value="{{ $Award->PrizeTotal }}"></td>
                                    <td><input type="number" name="LightSec" placeholder="跑燈秒數" value="{{ $Award->LightSec }}"></td>
                                     <td>
                                        <input type="hidden" name="OldAwardImg[]" value="{{ $Award->AwardImg }}">
                                        
                                        <img id="prev_{{ $key }}" src="{{ $Award->AwardImg ? asset($Award->AwardImg) : '' }}" 
                                            height="50" style="{{ $Award->AwardImg ? '' : 'display:none;' }}" class="mb-1">
                                        
                                        <input type="file" name="AwardImg[]" accept="image/*" 
                                            onchange="readURL(this, 'prev_{{ $key }}')">
                                    </td>
                                    <td>
                                    <button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button>
                                    <button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button>
                                    </td>
                                </tr>
                                @empty
                                    <tr id="noData"><td class="text-center" colspan="6">無獎項資料</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-12">
                            <a href="#" class="btn btn-success" onclick="chk()">送出資料</a>
                            <a href="{{ route('Activity.list') }}" class="btn btn-secondary">返回清單</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="ImportModal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">網站訊息</h5>
        </div>
        <div class="modal-body">
            <form id="uploadForm" enctype="multipart/form-data">
                @csrf
                <input type="file" name="file" id="file" accept=".csv">
                <button type="button" onclick="dataImport()">匯入</button>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" onclick="ImportModalClose()">關閉</button>
        </div>
        </div>
    </div>
</div>

<div id="WinnModal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">網站訊息</h5>
        </div>
        <div class="modal-body">
            <form id="uploadForm2" enctype="multipart/form-data">
                @csrf
                <input type="file" name="file" id="file" accept=".csv">
                <button type="button" onclick="dataWImport()">匯入</button>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" onclick="ImportModalClose()">關閉</button>
        </div>
        </div>
    </div>
</div>

<script>
    // 定義對應的name屬性
    const inputNames = ['AwardName', 'PrizeName', 'PrizeTotal', 'LightSec'];
    const inputTypes = ['text', 'text', 'number', 'number'];

    //載入時判斷抽獎方式
    window.onload = function() {
        let winntype = '{{ $winntype }}';
        //alert('winntype:' + winntype);
        winntypeKEY(winntype);
    };

    //刪除媒體
    function deleteFpath(id,ActivityGuid){
		if(confirm('是否確認刪除?')){

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
			//ajax呼叫刪除
			$.ajax({
				url: "{{ route('Activity.DelFpath') }}",
                method: "POST",
				dataType: "json",
				data: {
					column: id,
                    ActivityGuid: ActivityGuid,
				},
				success: function(data) {
                    
					console.log(data);
                    // $('#' + id + '_txt').val('');
                    // $('#' + id).val('');
                    // $('#' + id + '_IMG').attr('src','').hide();
                    //alert('刪除成功');
                    history.go(0);
				},
                error: function(xhr){
                    console.log(xhr);
                }
			});


			$('#fpath_box_' + id).remove();
		}
	}

    //判斷必填欄位
    function chk(){
        $('#dataContent tr').each(function(index, tr) {
            $(tr).find('input[type="file"]').attr('name', 'AwardImg[' + index + ']');
            $(tr).find('input[name^="OldAwardImg"]').attr('name', 'OldAwardImg[' + index + ']');
        });

         //顯示整個自定義欄位
		let AwardName_array = GetCheckedTxtMust('AwardName');
		let PrizeName_array = GetCheckedTxtMust('PrizeName');
		let PrizeTotal_array = GetCheckedTxtMust('PrizeTotal');
		let LightSec_array = GetCheckedTxtMust('LightSec');

		$('#AwardName_array').val(AwardName_array);
		$('#PrizeName_array').val(PrizeName_array);
		$('#PrizeTotal_array').val(PrizeTotal_array);
		$('#LightSec_array').val(LightSec_array);
        $('#OldAwardImg_array').val(OldAwardImg_array); // 存入隱藏欄位

        let numcode_array = GetCheckedTxt('num_code');
		$('#numcode_array').val(numcode_array);

        let title = $('#title').val().trim();
        let StartDate = $('#StartDate').val().trim();
        let EndDate = $('#EndDate').val().trim();
        let number = $('#number').val();
        let StartRange = $('#StartRange').val().trim();
        let EndRange = $('#EndRange').val().trim();
        let api = $('#api').val().trim();
        let winntype = $('#winntype').val().trim();

        if(number == "" || number == undefined){
                    alert('跑燈位數未輸入');
        }
        //2024/10/13 增補獎項列表為必填
        else if(AwardName_array == "" || AwardName_array == undefined){
            alert('獎項名稱未輸入');
        }else if(PrizeName_array == "" || PrizeName_array == undefined){
            alert('獎品名稱未輸入');
        }else if(PrizeTotal_array == "" || PrizeTotal_array == undefined){
            alert('獎品數量未輸入');
        }else if(LightSec_array == "" || LightSec_array == undefined){
            alert('跑燈秒數未輸入');
        }else if(title == "" || title == undefined){
            alert('活動名稱未輸入');
        }else if(StartDate == "" || StartDate == undefined){
            alert('活動起始時間未輸入');
        }else if(EndDate == "" || EndDate == undefined){
            alert('活動結束時間未輸入');
        }else if(api == "" || api == undefined){
            alert('活動網址未輸入');
        }else if(winntype == "" || winntype == undefined){
            alert('抽獎方式未選擇');
        }else{
            if(winntype == "1"){
                if(StartRange == "" || StartRange == undefined){
                    alert('抽獎採樣未輸入');
                }else if(EndRange == "" || EndRange == undefined){
                    alert('抽獎採樣未輸入');
                }else if(parseInt(StartRange)>parseInt(EndRange)){
                    //2024/09/06 確認結束範圍是否比開始範圍大
                    alert('抽獎採樣結束範圍不可小於開始範圍');
                }else{
                    $('#dataForm').submit();
                }
            }else if(winntype == "2"){
                if(numcode_array == "" || numcode_array == undefined){
                    alert('匯入採樣未輸入或匯入');
                }else{
                    $('#dataForm').submit();
                }
            }else{
                alert('發生不明錯誤');
            }
        }
    }

    // 修改這個函式，確保它能正確抓取所有名稱開頭符合的 input
    function GetCheckedTxtByName(name) {
        // 使用 [name^="..."] 來匹配 AwardName, AwardName[0] 等各種情況
        let arr = $('input[name^="' + name + '"]').map(function() {
            return $(this).val() || ""; // 若沒值就給空字串，維持陣列長度一致
        }).get();
        
        return arr.join(',');
    }

    //必填欄位
	function GetCheckedTxtMust(checkBoxName)
    {
		let block = 0;
		let result = $('input[name=' + checkBoxName + ']').map(function ()
		{
			if($(this).val() == ""){
				block = 1;
			}else{
				//return encodeURIComponent($(this).val());
				return $(this).val();
			}
		
		})
		.get().join(',');
		if(block == 0){
			return result;
		}else{
			return '';
		}
    }

    //處理多欄位值
	function GetCheckedTxt(checkBoxName)
    {
     return $('input[name=' + checkBoxName + ']').map(function ()
     {
       return $(this).val();
     })
     .get().join(',');
    }

    //抓取跑燈位數後改變抽獎採樣數 StartRange EndRange
    function NumberKEY(number){
        if(number != ''){
            $('#StartRange').removeClass('disabled').attr('disabled',false).attr('maxlength',number).attr('minlength',number);
            $('#EndRange').removeClass('disabled').attr('disabled',false).attr('maxlength',number).attr('minlength',number);
        }else{
            $('#StartRange').addClass('disabled').attr('disabled',true);
            $('#EndRange').addClass('disabled').attr('disabled',true);
        }
    }

    function dataImport(){
        //資料匯入
        var formData = new FormData($('#uploadForm')[0]);

        $.ajax({
            url: "{{ route('Activity.import') }}",
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                console.log(response);
                let htmlcode = "";
                let i = 1;
                response.slice(1).forEach(function(row) {
                    htmlcode = htmlcode + '<tr>';
                    row.forEach(function(cell, cellIndex) {
                        htmlcode = htmlcode + '<td><input type="'+ inputTypes[cellIndex] +'" name="' + inputNames[cellIndex] + '" value="' + cell.trim() + '"></td>';
                    });
                    htmlcode = htmlcode + `<td>
                        <input type="hidden" name="OldAwardImg[]" value="">
                        <img id="prev_9901_${i}" src="" height="50" style="display:none;" class="mb-1">
                        <input type="file" name="AwardImg[]" accept="image/*" onchange="readURL(this,'prev_9901_${i}')">
                    </td>`;
                    htmlcode = htmlcode + '<td><button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button><button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button></td></tr>';
                    i = i + 1;
                });
                if(htmlcode != ""){ $('#noData').remove(); }
                $('#dataContent').append(htmlcode);
                alert('檔案匯入成功');
                ImportModalClose();
            },
            error: function(xhr, status, error) {
                alert('檔案上傳失敗');
            }
        });
    }

    function dataWImport(){
        //資料匯入
        var formData = new FormData($('#uploadForm2')[0]);

        $.ajax({
            url: "{{ route('Activity.WinnImport') }}",
            type: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                console.log(response);
                let htmlcode = "";
                response.slice(1).forEach(function(row) {
                    htmlcode = htmlcode + '<tr>';
                    row.forEach(function(cell, cellIndex) {
                        htmlcode = htmlcode + '<td><input type="text" name="num_code" placeholder="抽樣號碼(僅限輸入數字)" value="' + cell.trim() + '" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,\'\')"></td>';
                    });
                    htmlcode = htmlcode + '<td><button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button><button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button></td></tr>';
                });
                if(htmlcode != ""){ $('#noData2').remove(); }
                $('#dataContent2').append(htmlcode);
                alert('檔案匯入成功');
                ImportModalClose();
            },
            error: function(xhr, status, error) {
                alert('檔案上傳失敗');
            }
        });
    }

    function new_tbody(){
        let htmlcode = `
		<tr>
			<td><input type="text" name="AwardName" placeholder="獎項名稱"></td>
			<td><input type="text" name="PrizeName" placeholder="獎品名稱"></td>
			<td><input type="number" name="PrizeTotal" placeholder="獎品數量"></td>
			<td><input type="number" name="LightSec" placeholder="跑燈秒數"></td>
            <td>
                <input type="hidden" name="OldAwardImg" value="">
                <input type="file" name="AwardImg" accept="image/*">
            </td>
            <td>
            <button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button>
            <button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button>
            </td>
		</tr>
		`;
        $('#noData').remove();
		$('#dataContent').append(htmlcode);
    }

   function readURL(input, previewId) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();3
            reader.onload = function(e) {
                $('#' + previewId).attr('src', e.target.result).show();
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

    function new_tbody_w(){
        let htmlcode = `
		<tr>
            <td><input type="text" name="num_code" placeholder="抽樣號碼(僅限輸入數字)" value="" onkeyup="value=value.replace(/[^\\d{1,}\\.\\d{1,}|\\d{1,}]/g,'')"></td>
            <td>
            <button type="button" class="btn btn-danger" onclick="deleteRow(this)"><i class="fa fa-trash"></i></button>
            <button type="button" class="btn btn-info" onclick="copyRow(this)"><i class="fa fa-copy"></i></button>
            </td>
        </tr>
		`;
        $('#noData2').remove();
		$('#dataContent2').append(htmlcode);
    }

    function winntypeKEY(key){
        if(key == "1"){
            //$('#winnRangeLenght').show();
            $('#winnRangeBox').show();
            $('#winnNumber').hide();
        }else if(key == "2"){
            //$('#winnRangeLenght').hide();
            $('#winnRangeBox').hide();
            $('#winnNumber').show();
        }else{
            //$('#winnRangeLenght').hide();
            $('#winnRangeBox').hide();
            $('#winnNumber').hide();
        }
    }

    function deleteRow(btn) {
		var row = btn.parentNode.parentNode; // 獲取按鈕所在的行
		row.parentNode.removeChild(row); // 刪除該行
	}

    function copyRow(btn){
        var $row = $(btn).closest('tr'); // 使用 jQuery 獲取按鈕所在的行
        var $clone = $row.clone(); // 複製該行
        $row.after($clone); // 將複製的行添加到當前行之後
    }

    function CSVImport(){
        $('#ImportModal').modal('show');
    }

    function WinnImport(){
        $('#WinnModal').modal('show');
    }

    function ImportModalClose(){
        $('#ImportModal').modal('hide');
        $('#WinnModal').modal('hide');
    }

</script>
@stop