@extends('layout.master')
@section('title',__('basic.套包序號管理'))


@section('content-title')
    <span>{{__('basic.套包序號管理')}}</span>
@endsection

{{-- 清單頁 --}}
@section('content')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/stock.css') }}" />

    <script type='text/javascript'>
        form_obj.module='Stock';
        form_obj.controller='StockSerialController';
        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);

                        $( "#"+form_obj.master.form_id).hide();
                        $( "#normal_detail").show();

                        $('#'+form_obj.detail.type_id).val('update');
                    }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;
            })

            $('.add_btn').click(function(){

                $('.dialog_footer').hide();
                $( "#"+form_obj.master.form_id).hide();
                $( "#normal_detail").show();

                $('#'+form_obj.detail.type_id).val('create');
            });

            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> --}}
                <button type='button' class='btn btn-sm toolbar-basic-btn add_btn' >
                    <span>{{ strtoupper(__('basic.ADD')) }}</span>
                </button>
                <label class="btn btn-sm toolbar-basic-btn btn-default mb-0 ml-2" style='padding-top:8px;' >
                    <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' }}</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'>{{ __('basic.PRODUCTS') }}</th>
                    {{-- <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('game.PointType') }}</th> --}}
                    {{-- <th data-sortable="true"  data-align='center' data-halign='center'>{{ __('basic.Amount') }}</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'>{{ __('game.IsSold') }}</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>
                    <th data-sortable="true"  data-field="cancel" data-align='center' data-halign='center' ></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>
                        <input type="hidden" class="data_id" value="{{ $row->id }}" />
                        <a href='javascript:void(0)' data-key="{{ $row->id }}" class='edit_btn' style="display: none;"></a>
                        {{ $row->stock_name ?? '--' }}
                    </td>
                    {{-- <td>
                        {{ (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->sold_text ?? '--' }}</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>
                    <td>
                        <img src="{{ asset('image/icon_act_cancel_lm.png')}}" data-key="{{ $row->id }}" class="cursor-pointer remove_btn search-ctrl-img">
                    </td>
                </tr>
                @endfor
            </tbody>
        </table>

    </form>
@endsection

{{-- 明細頁 --}}
{{-- @extends('layout.dialog_detail') --}}
@extends('layout.normal_detail')
@section('detail-title',__('basic.套包序號管理'))
@section('detail-content')


    <div class='content-column row justify-content-center'>
        <div class='col-8'>
            <div class='panel'>
                <h4>{{ __('basic.Detail') }}</h4>

                <div class='content-column row'>
                    <div class='col-6'>
                        {{-- 商品 --}}
                        <div class='title'>
                            <span>{{ __('basic.PRODUCTS') }}</span>
                            <span class='warn'>*</span>
                        </div>
                        <div class='align-middle'>
                            <select class='form-control' id='stock_id' name='stock_id' required>
                                {!! app('FrontendService')->getOption($data['select']['stock'],'id','name','','') !!}
                            </select>
                        </div>
                    </div>

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

                    {{-- <div class='col-6'> --}}
                        {{-- 點數類型 --}}
                        {{-- <div class='title'>
                            <span>{{ __('basic.Amount') }}</span>
                            <span class='warn'>*</span>
                        </div>
                        <div class='input-div align-middle'>
                            <input type="text" class="input-column" id='point_type' name='point_type' required min=0 />
                        </div>
                    </div> --}}
                </div>

                <div class='content-column row'>
                    
                    {{-- <div class='col-6'> --}}
                        {{-- 密碼 --}}
                        {{-- <div class='title'>
                            <span>{{ __('basic.PASSWORD') }}</span>
                            <span class='warn'>*</span>
                        </div>
                        <div class='input-div align-middle'>
                            <input class='input-column' id="password" name="password" type='text' placeholder='' />
                        </div>
                    </div> --}}

                    <div class='col-6'>
                        {{-- 已售出 --}}
                        <div class='title'>
                            <span>{{ __('game.IsSold') }}</span>
                        </div>
                        <div class='align-middle'>
                            <select class='form-control' id='sold' name='sold'>
                                <option value='1'>是</option>
                                <option value='0' selected>否</option>
                            </select>
                        </div>
                    </div>


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

                <div class='content-column row'>

                    <div class='col-6'>
                        {{-- 是否已兌換 --}}
                        <div class='title'>
                            <span>{{ __('game.IsExchange') }}</span>
                        </div>
                        <div class='align-middle'>
                            <select class='form-control' id='is_exchange' name='is_exchange'>
                                <option value='1'>是</option>
                                <option value='0' selected>否</option>
                            </select>
                        </div>
                    </div>
                    <div class='col-6'>
                        {{-- 兌換日期 --}}
                        <div class='title'>
                            <span>{{ __('game.ExchangeTime') }}</span>
                        </div>
                        <div class='input-div align-middle'>
                            <input class='input-column' id="exchange_time" name="exchange_time" type='datetime-local' placeholder='' />
                        </div>
                    </div>

                </div>

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

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

                <div class='content-column row'>
                    <div class='col-12'>
                        {{-- 備註 --}}
                        <div class='title'>
                            <span>{{ __('basic.Description') }}</span>
                        </div>
                        <div class='align-middle'>
                            <textarea class='form-control' id='description' name="description" rows=3 ></textarea>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection