@extends('layout.master')
@section('title',__('basic.遊戲點數管理'))


@section('content-title')
    <span>{{__('basic.遊戲點數管理')}}</span>
@endsection

{{-- 清單頁 --}}
@section('content')

    <script type='text/javascript'>
        form_obj.module='Game';
        form_obj.controller='GameSerialNumberController';
        form_obj.route_name='{{ basename(url()->current()) }}';

        form_obj.detail.ajax.save = function(){

            if(!$('#'+form_obj.detail.form_id)[0].checkValidity()){
                $('#'+form_obj.detail.form_id+' #'+form_obj.detail.sb_btn).click();
            }else{
                var formData = new FormData($('#'+form_obj.detail.form_id)[0]);
                formData.append('module',form_obj.module);
                formData.append('controller',form_obj.controller);
                formData.append('type',formData.get(form_obj.detail.type_id));
                formData.append('id',formData.get(form_obj.detail.master_id));
                formData.append('print_log',false);

                $.ajax({
                    data:formData,
                    datatype: 'json',
                    contentType: false,
                    processData: false,
                    success:function(data,textStatus,jqXHR){
                        if(isJson(data)){
                            var json = JSON.parse(data);
                            alert(json.msg);
                            if(json.status){
                                location.reload();
                            }else{
                                console.log(json.data);
                                $('.detail_loading_mask').loading('stop');
                            }
                        }else{
                            console.log(data);
                            $('.detail_loading_mask').loading('stop');
                        }
                    },
                    error:ajaxError
                });
            }

        }

        form_obj.detail.ajax.get = function(){
            // console.log($('#'+form_obj.detail.master_id).val());
            $.ajax({
                data:{
                    module:form_obj.module,
                    controller:form_obj.controller,
                    type:'read',
                    where:{
                        id:$('#'+form_obj.detail.master_id).val(),
                    },
                    print_log:false,
                },
                success:function(data,textStatus,jqXHR){
                    console.log(data);
                    if(isJson(data)){
                        var json = JSON.parse(data);
                        form_obj.detail.displayData(json['data']['list'][0]);
                        openDialog('update','{{ __('basic.EDIT') }}',form_obj.detail);
                    }else{
                        console.log(data);
                    }
                },
                error:ajaxError
            });
        }

        form_obj.detail.displayData = function(data){
            // console.log(data);
            $('input,textarea,select').each(function(){
                if(this.id in data){
                    this.value = data[this.id];
                    if(this.multiple && !empty(data[this.id]) )
                    {
                        $(this).val(data[this.id].split(','));
                    }
                    
                }
            });

            //chosen更新
            $('select').trigger('chosen:updated');
        }

        form_obj.detail.ajax.delete = function(){
            $.ajax({
                data:{
                    module:form_obj.module,
                    controller:form_obj.controller,
                    type:$('#'+form_obj.detail.type_id).val(),
                    where:{
                        id:$('#'+form_obj.detail.master_id).val(),
                    },
                    print_log:false,
                },
                success:function(data,textStatus,jqXHR){
                    if(isJson(data)){
                        var json = JSON.parse(data);
                        alert(json.msg);
                        if(json.status){
                            location.reload();
                        }else{
                            console.log(json.data);
                            $('.loading-mask').loading('stop');
                        }
                    }else{
                        console.log(data);
                        $('.loading-mask').loading('stop');
                    }
                    
                },
                error:ajaxError
            });
        }   
        
        $(function(){
            do_js_action(form_obj.route_name+'-$function-start');
            
            //Button Events move to resource/views/layout/master.blade.php

            $('#upload_file').change(function(e){
                if(!confirm("確定要上傳嗎?"))return;

                // alert(123);
                $('.loading-mask').loading('start');
                // setTimeout(function(){

                //  $('.loading-mask').loading('stop');
                //  alert('OK');
                // },2000);
                var formData = new FormData();
                formData.append('upload_file',e.target.files[0]);
                formData.append('module',form_obj.module);
                formData.append('controller',form_obj.controller);
                formData.append('type','import');
                formData.append('print_log',false);

                var timerStart = Date.now();

                $.ajax({
                    data:formData,
                    datatype: 'json',
                    contentType: false,
                    processData: false,
                    success:function(data,textStatus,jqXHR){
                        // console.log(data);
                        console.log("總共時間: ", Date.now()-timerStart);
                        if(isJson(data)){
                            var json = JSON.parse(data);
                            // alert(json.msg);
                            if(json.status){
                                alert('上傳完成!');
                                location.reload();
                            }else{
                                console.log(json.data);
                                $('.loading-mask').loading('stop');
                            }
                        }else{
                            console.log(data);
                            $('.loading-mask').loading('stop');
                        }

                    },
                    error:ajaxError
                });
            });

            $('.export_btn').click(function(){
                var formData = new FormData();
                formData.append('module',form_obj.module);
                formData.append('controller',form_obj.controller);
                formData.append('type','export');
                formData.append('print_log',false);
                // formData.append('other_select','false');
                

                // var work_order_arr = getIdSelections();
                // if(work_order_arr.length<=0){
                //     alert('{{ __('basic.PleaseChoiceOrder')."!" }}');
                //     $(this).attr('disabled',false);
                //     return;
                // }

                // $.each( work_order_arr, function( key, value ) {
                //     formData.append('work_order_id[]',value);
                // });

                // formData.append('work_order_id',work_order_arr);

                $.ajax({
                    data:formData,
                    datatype: 'json',
                    contentType: false,
                    processData: false,
                    async: true,
                    success:function(data,textStatus,jqXHR){

                        if(isJson(data)){
                
                            var json = JSON.parse(data);
                            // alert(json.msg);
                            if(json.status){
                                // console.log(json.data.url);
                                window.location.href = json.data.url;
                                $('.export_btn').attr('disabled',false);
                                // location.reload();
                            }else{
                                console.log(json.data);
                                $('.detail_loading_mask').loading('stop');
                            }
                        }else{
                            console.log(data);
                            $('.detail_loading_mask').loading('stop');
                        }
                    },
                    error:ajaxError
                });
                return;
            })

            do_js_action(form_obj.route_name+'-$function-end');
        });


        add_js_action('master-data_table_event_post_body-start',function(){
            
        });
    </script>

    <form id="fm" name='fm' action='' method="post" enctype="multipart/form-data">
        @csrf @method('GET')
            剩餘:{{ $data['point'] }}
        <input type='hidden' id='type' name='type' value='' />
        <input type='hidden' id='master_id' name='master_id' value='' />

        <div class='toolbar'>
            <div class=''>
                <button type="button" class="cursor-pointer btn add_btn org_btn btn-default btn-sm" style="">{{ __('basic.ADD') }}</button>
                <button type="button" class="cursor-pointer btn edit_btn org_btn btn-warning btn-sm" style="">{{ __('basic.EDIT') }}</button>
                <button type="button" class="cursor-pointer btn remove_btn btn-danger btn-sm" style="">{{ __('basic.DELETE') }}</button>

                <label class="btn btn-sm btn-default mb-0 ml-2" style='' >
                    <input id="upload_file" style="display:none;" type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" >
                    <span class='text-white'><i class="fa fa-upload mr-2" aria-hidden="true"></i>{{ __('basic.IMPORT').'EXCEL (XLSX)' }}</span>
                </label>

                <button type="button" class="cursor-pointer btn export_btn org_btn btn-default btn-sm ml-2" style="">{{ __('basic.EXPORT') }}</button>
            </div>
        </div>

        <table id='data_table' class='data_table' data-classes='table table-borderless table-hover' data-toolbar='.toolbar' data-pagination="true" data-search="true" data-search-align='left' data-locale='{{ app()->getLocale() }}' >
            <thead>
                <tr>
                    <th data-sortable="true"  data-align='center' data-halign='center' data-width=40>{{ __('basic.ItemIndex') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.Game') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.PointType') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.SerialNumber') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.PASSWORD') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ 'WordPress顯示訂單號碼' }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.WordPressSaleID') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.IsExchange') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.ExchangeTime') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.ExchangeUserID') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.ExchangeUserName') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.CreateName') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.CreateTime') }}</th>
                    <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Description') }}</th>
                </tr>
            </thead>
            <tbody>
                {{-- {{ var_dump($data) }} --}}
                @for($d=0;$d<count($data['list']);$d++)
                    @php $row = $data['list'][$d]; @endphp
                <tr>
                    <td>{{ $d+1 }}</td>
                    <td>{{ $row->game_name ?? '--' }}</td>
                    <td>
                        <input type="hidden" class="data_id" value="{{ $row->id }}" />
                        {{ (is_numeric($row->point_type_display))?number_format($row->point_type_display):$row->point_type_display }}
                    </td>
                    <td>{{ $row->serial_number ?? '--' }}</td>
                    <td>{{ $row->password ?? '--' }}</td>
                    <td>{{ $row->wp_sale_id_disp ?? '--' }}</td>
                    <td>{{ $row->wp_sale_id ?? '--' }}</td>
                    <td>{{ $row->is_exchange_text ?? '--' }}</td>
                    <td>{{ $row->exchange_time_text ?? '--' }}</td>
                    <td>{{ $row->exchange_user_id ?? '--' }}</td>
                    <td>{{ $row->exchange_user_name ?? '--' }}</td>
                    <td>{{ $row->create_name ?? '--' }}</td>
                    <td>{{ $row->create_time ?? '--' }}</td>
                    <td>{{ $row->description ?? '--' }}</td>
                </tr>
                @endfor
            </tbody>
        </table>

    </form>
@endsection

{{-- 明細頁 --}}
@extends('layout.dialog_detail')
{{-- @section('detail-title',__('basic.Tag')) --}}
@section('detail-content')
    
    <div class='outer-div align-middle row'>
        {{-- 選擇遊戲 --}}
        <div class='title align-middle col-2'><span class='warn'>*</span>{{ __('game.Game') }}</div>
        <div class='align-middle col-4 p-0'>
            <select class='form-control' id='game_id' name='game_id' required>
                {!! app('FrontendService')->getOption($data['select']['game'],'id','name','','') !!}
            </select>
        </div>

        {{-- 點數類型 --}}
        <div class='title align-middle col-2'><span class='warn'>*</span>{{ __('game.PointType') }}</div>
        <div class='align-middle col-4 p-0 input-div'>
            {{-- <select class='form-control' id='point_type' name='point_type' required>
                <option value='150'>150</option>
                <option value='200'>200</option>
                <option value='300'>300</option>
                <option value='500'>500</option>
                <option value='1000'>1,000</option>
                <option value='1490'>1,490</option>
                <option value='1500'>1,500</option>
                <option value='2000'>2,000</option>
                <option value='2990'>2,990</option>
                <option value='4000'>4,000</option>
                <option value='5000'>5,000</option>
                <option value='8000'>8,000</option>
                <option value='10000'>10,000</option>
                <option value='12000'>12,000</option>
                <option value='gift'>贈品</option>
            </select> --}}
            <input type="text" class="input-column" id='point_type' name='point_type' required min=0 />
        </div>
    </div>


    <div class='outer-div align-middle row'>
        {{-- 序號 --}}
        <div class='title align-middle col-2'><span class='warn'>*</span>{{ __('game.SerialNumber') }}</div>
        <div class='input-div align-middle col-4'>
            <input class='input-column' id="serial_number" name="serial_number" type='text' placeholder='' required />
        </div>

        {{-- 密碼 --}}
        <div class='title align-middle col-2'>{{ __('basic.PASSWORD') }}</div>
        <div class='input-div align-middle col-4'>
            <input class='input-column' id="password" name="password" type='text' placeholder='' />
        </div> 
    </div>

    <div class='outer-div align-middle row'>
        {{-- Wordpress 訂單ID --}}
        <div class='title align-middle col-2'>{{ __('game.WordPressSaleID') }}</div>
        <div class='input-div align-middle col-10'>
            <input class='input-column' id="wp_sale_id" name="wp_sale_id" type='text' placeholder='' />
        </div> 
    </div>

    <div class='outer-div align-middle row'>
        {{-- 已兌換 --}}
        <div class='title align-middle col-2'>{{ __('game.IsExchange') }}</div>
        <div class='align-middle col-4 p-0'>
            <select class='form-control' id='is_exchange' name='is_exchange'>
                <option value='1'>是</option>
                <option value='0' selected>否</option>
            </select>
        </div>

        {{-- 兌換日期 --}}
        <div class='title align-middle col-2'>{{ __('game.ExchangeTime') }}</div>
        <div class='input-div align-middle col-4 p-0'>
            <input class='input-column' id="exchange_time" name="exchange_time" type='datetime-local' placeholder='' />
        </div>
    </div>

    <div class='outer-div align-middle row'>

        {{-- 兌換人帳號 --}}
        <div class='title align-middle col-2'>{{ __('game.ExchangeUserID') }}</div>
        <div class='input-div align-middle col-4'>
            <input class='input-column' id="exchange_user_id" name="exchange_user_id" type='text' placeholder='' />
        </div>

        {{-- 兌換人名稱 --}}
        <div class='title align-middle col-2'>{{ __('game.ExchangeUserName') }}</div>
        <div class='input-div align-middle col-4'>
            <input class='input-column' id="exchange_user_name" name="exchange_user_name" type='text' placeholder='' />
        </div>
            
    </div>

    <div class='outer-div align-middle row'>
        <div class='title align-middle col-2'>{{ __('basic.Description') }}</div>
        <div class=' align-middle col-10 full-col'>
            <textarea class='form-control' id='description' name="description" rows=3 ></textarea>
        </div>
    </div>

@endsection