@extends('vip.layouts')
@section('seo_title')
    {{ trans('menu.take_money') }}
@endsection
@section('content')
    <style>
        .layui-laydate-range {
            width: auto;
        }

        .layui-form-switch em {
            width: auto;
        }

        .layui-form-switch {
            width: 44px;
            line-height: 23px;
        }

        .layui-form-item .checkbox {
            width: auto;
        }

        .red{
            color: red;
        }
        .blue{
            color: #1E9FFF;
        }
        .green{
            color: green;
        }
        .yellow{
            color: #ffca10;
        }

        .red{
            color: red;
        }
        .blue{
            color: #1E9FFF;
        }
        .green{
            color: green;
        }
        .yellow{
            color: #ffca10;
        }
    </style>

    <script type="text/html" id="tools">
        <!---赛事管理-->
        <a class="layui-btn layui-btn-sm" href="/admin/Competition/index?match_id=@{{d.id}}">{{trans('match.match_num')}}</a>
        <!--关闭赛事-->
        @{{#if(d.status==1){}}
        <a href="" class="layui-btn layui-btn-sm layui-btn-danger closeMatch" data-id="@{{d.id}}">{{ trans('match.close') }}</a>
        @{{#}else{ }}
        <a href="" class="layui-btn layui-btn-sm layui-btn-normal openMatch" data-id="@{{d.id}}">{{ trans('match.openMatch') }}</a>
        @{{#}}}
        <a href="/admin/match/teamIndex?match_id=@{{d.id}}" class="layui-btn layui-btn-sm">{{ trans('match.team') }}</a>


    </script>
    <script type="text/html" id="status">
                @{{#if(d.status=="0"){ }}
                <p style="">待开始</p>
                @{{#}else if(d.status=="1"){ }}
                 <p style="">进行中</p>
                @{{#}else{ }}
                 <p style="">已结束</p>
                @{{#} }}
            </script>

    <div class="layui-row">

        <div class="layui-col-xs12">

            <form class="layui-form rewrite" action="" eventType=eventForm>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">{{ trans('match.match_name') }}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="match_name" id="form_match_name" lay-verify="required" autocomplete="off" class="layui-input" eventType=event-query  value="{{ $match_name }}">
                        </div>
                    </div>
					<div class="layui-inline">
						<label class="layui-form-label">{{  trans('match.game_name') }}</label>
						<div class="layui-input-inline" style="width: 200px">
							<select name="game_name"  id="form_game_name"  lay-verify="" autocomplete="off" class="layui-input" eventType=event-query>
								@foreach(trans('egame.game') as $k=>$v):
									@if($game==$k))
										<option value="{{$k}}" selected="selected">{{$v}}</option>
									@else
										<option value="{{$k}}">{{$v}}</option>
									@endif
								@endforeach
							</select>
						</div>
					</div>

                    <div class="layui-inline" style="width: 360px">
                            <label class="layui-form-label">{{ trans('match.status') }}</label>
                            <div class="layui-input-inline"  style="width: 200px">
                                <select name="status" id="form_status" lay-verify="" autocomplete="off" class="layui-input" eventType=event-query>
                                    @foreach(trans('match.select_status') as $k=>$v):
                                        @if($status==$k)
                                            <option value="{{$k}}" selected="selected">{{$v}}</option>
                                        @else
                                            <option value="{{$k}}">{{$v}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    <div class="layui-inline">
                        <div class="layui-inline">
                            <label class="layui-form-label">{{ trans('match.start_time') }}</label>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="start_time_a" id="form_start_time_a"  lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query  value="{{ $start_time_a}}">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="start_time_b" id="form_start_time_b" placeholder="  " lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query  value="{{ $start_time_b }}">
                            </div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-inline">
                            <label class="layui-form-label">{{ trans('match.end_time') }}</label>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="end_time_a" id="form_end_time_a" placeholder=" - " lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query  value="{{ $end_time_a }}">
                            </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-inline">
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="end_time_b" id="form_end_time_b" placeholder="-" lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query  value="{{ $end_time_b }}">
                            </div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm lay-btn-diy" data-type="reload" style="opacity: 1; pointer-events: auto;" eventType='event-query-submit' eventType=event-query-submit>提交</a>
                        <a href="/admin/Match/add" class="layui-btn layui-btn-sm ">添加</a>
                        <a href="javascript:delWin('/admin/Match/delete?id=');" class="layui-btn layui-btn-sm  layui-btn-danger">删除</a>
                        <!--<a class="layui-btn   layui-btn-sm  layui-btn-normal reset" data-type="reload"
                           style="opacity: 1; pointer-events: auto;">重置</a>
                           <a class="layui-btn layui-btn-sm layui-btn-green set" data-type="reload" style="opacity: 1; pointer-events: auto;" eventType=event-query-submit><i class="layui-icon">ဂ</i></a>-->
                    </div>

                </div>

            </form>
        </div>
    </div>
    @push('dataTableJS')
        /*var active = {
			reload: function(){
				//执行重载
				console.log($('#form_status').val());
				table.reload('{{ $dataId }}', {
					page: {
						curr: 1 //重新从第 1 页开始
					}
					,where: {
						account_name:$("#form_account_name").val(),
						order_id:$('#form_order_id').val(),
						bank_user:$('#form_bank_user').val(),
						money_small:$('#form_money_small').val(),
						money_big:$('#form_money_big').val(),
						status:$('#form_status').val(),
						apply_startime:$('#form_apply_startime').val(),
						apply_endtime:$('#form_apply_endtime').val(),
						haddle_startime:$('#form_haddle_startime').val(),
						haddle_endtime:$('#form_haddle_endtime').val(),
						sureblur:$('.layui-form-switch').text(),
					}
				});
			}
        };*/
        //$('.lay-btn-diy').on('click', function(){
		//	var type = $(this).data('type');
		//	active[type] ? active[type].call(this) : '';
        //});

        //重置表单
        /*$('.reset').on('click',function(){
			$('input').val('');
			$('#form_status').val('3');
			$('.layui-form-select input').val('待审核');			
			//var type = $(this).data('type');
			//active[type] ? active[type].call(this) : '';
        });

        //刷新表单
        $('.set').on('click',function(){
        //var type = $(this).data('type');
        //active[type] ? active[type].call(this) : '';
        });*/


    @endpush

    @include('vip.datatable')
    <script>
        $('body').on('click','.closeMatch',function () {
            $(this).css('background-color','#dedede');
            var id=$(this).attr('data-id');
            console.log(id);
            $.ajax({
                url:'/admin/match/closeMatch',
                data:{id:id},
                type:'post',
                dataType:'json',
                success:function (data) {
                    layer.alert(data.msg);
                    if(data.status==1){
                        window.reloadDataTable();
                    }
                }
            });
        });
        //开启
        $('body').on('click','.openMatch',function () {
            $(this).css('background-color','#dedede');
            var id=$(this).attr('data-id');
            console.log(id);
            $.ajax({
                url:'/admin/match/openMatch',
                data:{id:id},
                type:'post',
                dataType:'json',
                success:function (data) {
                    layer.alert(data.msg);
                    if(data.status==1){
                        window.reloadDataTable();
                    }
                }
            })
        })
    </script>
@endsection