@extends('Admin.default');

@section('title','开关管理')

<script>
    function checkTure(param) {
        $("." + param).prop('checked', true);
    }

    function checkFalse(param) {
        $("." + param).prop('checked', false);
    }

    function showCheck(param) {
        $("." + param).prop('checked', function (i, flag) {
            return !flag;
        });
    }
</script>

@section("content")
<!-- begin #content -->
<div id="content" class="content">
    <!-- begin breadcrumb -->
    <ol class="breadcrumb pull-right">
        <li class="breadcrumb-item"><a href="javascript:;">开关</a></li>
        <li class="breadcrumb-item"><a href="javascript:;">创建开关</a></li>
    </ol>
    <!-- end breadcrumb -->
    <!-- begin page-header -->
    <h1 class="page-header">创建开关 <small></small></h1>
    <!-- end page-header -->
    <!-- begin panel -->
        <!-- begin panel -->
        <div class="panel panel-inverse" data-sortable-id="form-stuff-1">

            <!-- begin panel-heading -->
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
                </div>
                <h4 class="panel-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">表单添加</font></font></h4>
            </div>
            <!-- end panel-heading -->

            <!-- begin panel-body -->
            <div class="panel-body">

                @if(session()->has("data"))
                <div class="alert alert-{{ session('data')['class'] }}">
                    <li>{{ session('data')['msg'] }}</li>
                </div>
                @endif

                @if ($errors->any())
                @foreach ($errors->all() as $error)
                <div class="alert alert-danger">
                    <li>{{ $error }}</li>
                </div>
                @endforeach
                @endif

                <form action="{{route('admin.switch.store')}}" method="POST">

                    @csrf
                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">appid</font></font></label>
                        <div class="col-md-5">
                            <input type="text" class="form-control m-b-5" placeholder="游戏appid" name="appid" value="{{ old('appid') }}">
                        </div>
                    </div>

                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">游戏名称</font></font></label>
                        <div class="col-md-5">
                            <input type="text" class="form-control m-b-5" placeholder="游戏名称" name="game_name" value="{{ old('game_name') }}">
                        </div>
                    </div>

                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">时间间隔</font></font></label>
                        <div class="col-md-5">
                            <input type="text" class="form-control m-b-5" placeholder="时间间隔" name="time_interval" value="{{ old('time_interval') }}">
                        </div>
                    </div>

                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">点击几率</font></font></label>
                        <div class="col-md-5">
                            <input type="text" class="form-control m-b-5" placeholder="点击几率" name="check_rate" value="{{ old('check_rate') }}">
                        </div>
                    </div>

                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ip省屏蔽</font></font></label>
                        <div class="col-md-11">
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="checkTure('shield_ip')">全选</button>
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="checkFalse('shield_ip')">全消</button>
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="showCheck('shield_ip')">反选</button>
                        </div>

                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></font></font></label>

                        <div class="col-md-9">
                            @foreach ($provinceList as $item)

                            <div class="checkbox checkbox-css checkbox-inline">
                                <input type="checkbox" id="cssCheckbox{{$item}}" name="shield_ip[]" value="{{$item}}" class="shield_ip"
                                {{old('shield_ip') != null ? in_array($item,old('shield_ip'))  ? "checked":"" : "" }} >
                                <label for="cssCheckbox{{$item}}">{{$item}}</label>
                            </div>

                            @endforeach
                        </div>

                    </div>

                    <div class="form-group row m-b-15">
                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">ip市屏蔽</font></font></label>
                        <div class="col-md-11">
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="checkTure('shield_city')">全选</button>
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="checkFalse('shield_city')">全消</button>
                            <button type="button" class="btn btn-primary m-r-2 m-b-2 btn-sm"
                                onclick="showCheck('shield_city')">反选</button>
                        </div>

                        <label class="col-form-label col-md-1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></font></font></label>

                        <div class="col-md-9">
                            @foreach ($cityList as $item)

                            <div class="checkbox checkbox-css checkbox-inline">
                                <input type="checkbox" id="cssCheckbox1{{$item}}" name="shield_city[]" value="{{$item}}" class="shield_city"
                                {{old('shield_city') != null ? in_array($item,old('shield_city'))  ? "checked":"" : "" }} >
                                <label for="cssCheckbox1{{$item}}">{{$item}}</label>
                            </div>

                            @endforeach
                        </div>

                    </div>


                    <div class="form-group row m-b-15">
                        <label class="col-md-1 col-form-label">开关</label>
                        <div class="col-md-5 p-t-3">
                            <div class="switcher">
                                <input type="checkbox" name="status" id="status" {{ old('status') == 1 ? 'checked':' ' }} value="1">
                                <label for="status"></label>
                            </div>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-sm btn-primary m-r-5">添加</button>
                </form>
            </div>
            <!-- end panel-body -->
            <!-- begin hljs-wrapper -->
            <!-- end hljs-wrapper -->
        </div>
        <!-- end panel -->

    <!-- end panel -->
</div>
<!-- end #content -->
@endsection