@extends('layout.admin.main')
@push('css')
    <style>

        .center input, .center button {
            width: 50%;
            margin: 20px auto;
            font-size: 100%;
            text-align: center;
            padding: 10px;
        }

        div.btn button {
            display: block;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            padding: 10px 10px;
            font-size: 85%;
            background: #4A96B2;
            color: #fff;
            margin-top: 5px;
            border: 0;
            width: 50%;
            cursor: pointer;

        }

        .btn {
            border-radius: 4px !important;
        }

        label:after {
            display: none;
        }
        input[type='text']{

            color: #333;
            width: 280px;
            height: 38px;
            margin-left: -150px;
            margin-top: -19px;
            position: fixed;
            left: 50%;
            top: 50%;
            padding-left: 10px;
            padding-right: 10px;

            transition: box-shadow 320ms;

            box-shadow: 0px 0px 8px 10px rgba(0,0,0,0.1);

            border-radius: 3px;
            font-size: 18px;
            border: 0px;
        }

        input[type='text']:focus {

            outline: 0px;
            outline-offset: 0px;
            box-shadow: 0px 0px 1px 5px rgba(0,0,0,0.12);
        }

        input:-moz-placeholder {
            color: #cccccc;
        }

    </style>
@endpush
@section('content')
    <article class="">
        <section class="masteredit">
            <h2 style="font-size: 20px; color: #222222; font-weight: bold; padding: 10px 10px 10px 0">BOT権限設定</h2>
            <form class="form-group" method="POST"   action="/admin/setting-bot-access/add" id="form-access" name="form-access">
                <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-lg-8 "  >
                    <label class="col-sm-2 control-label text-right " style="padding: 8px">スタッフ選択 :</label>
                    <div class="col-sm-10">
{{--                        <select name="current_user" class="form-control"  id="current_user"--}}
{{--                                style="-webkit-appearance:button;--}}
{{--                             width: 80% ;--}}
{{--                             border-color: #0ee5ea;--}}
{{--                             float: left;--}}
{{--                             display: inline;--}}
{{--                          ">--}}
{{--                        @foreach($listAccess as $key => $access)--}}
{{--                        <option value="{{$access['user']['id']}}">{{$access['user']['username']}}</option>--}}
{{--                        @endforeach--}}
{{--                      </select>--}}
                  </div>
                </div>
                <div class="col-lg-2"></div>
                 </div>
                <div class="row">
                    {{ csrf_field() }}
{{--                    @foreach($listAccess as $key => $access)--}}
{{--                    <div class="row">--}}
{{--                        <div class="col-lg-2"></div>--}}
{{--                        <div class="col-md-8 hide-box" style="padding-left: 14%;" id="user_{{$key}}"  >--}}
{{--                            <label  hidden>{{ $access['user']['username'] }}</label>--}}
{{--                                @foreach($access['bots'] as $value)--}}
{{--                                <div>--}}
{{--                                    <input type="checkbox" name="access[{{ $key }}][{{ $value['id'] }}]" class="user_{{$key}}"--}}
{{--                                           id="{{ $key . $value['id'] }}" {{ $value['checked'] ? "checked" : "" }} @if($value['freePlan'] ==1 && $value['accessNumber'] == 1) onclick="showAlertNewFreePlan({{ $key . $value['id'] }},{{ $value['accessAdmin'] }})"@endif>--}}
{{--                                    <label style="display: inline" for="{{ $key . $value['id'] }}">{{ $value['view_name'] }}  </label>--}}
{{--                                </div>--}}
{{--                                @endforeach--}}
{{--                        </div>--}}
{{--                        <div class="col-lg-2"></div>--}}
{{--                    </div>--}}
{{--                    @endforeach--}}
{{--                    @if($listAccess)--}}
{{--                        <div class="col-md-12" style="margin-top: 50px; text-align: center">--}}
{{--                            <input type="submit" class="btn btn-primary save_user" value="保存"/>--}}
{{--                        </div>--}}
{{--                    @endif--}}
            </div>
           </form>
        </section>
    </article>
@endsection
@push('script')
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function deleteEmployee(user_id) {
            message = '削除しますが、宜しいですか？';
            bootbox.confirm(message, function (result) {
                if (result) {
                    $.ajax({
                        url: `/admin/employees-management/delete/${user_id}`,
                        method: 'post',
                        beforeSend: function () {
                            $.LoadingOverlay('show');
                        },
                        success: function (response) {
                            $.LoadingOverlay('hide');
                            if (response.success) {
                                window.location.reload();
                            }
                        },
                        error: function () {
                            $.LoadingOverlay('hide');
                        }
                    });
                }
            })
        }

        $('#addEmployeeForm').submit(function (e) {
            e.preventDefault();
            var formData = new FormData(this);
            $('.error').html('');
            $.ajax({
                url: '/admin/employees-management/add',
                method: 'post',
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function () {
                    $.LoadingOverlay('show');
                },
                success: function (response) {
                    $.LoadingOverlay('hide');
                    if (response.success) {
                        location.reload();
                    }
                    var errorText = '';
                    if (typeof (response.errors.username) !== 'undefined')
                        errorText += `<p class="center">${response.errors.username[0]}</p>`;
                    if (typeof (response.errors.password) !== 'undefined')
                        errorText += `<p class="center">${response.errors.password[0]}</p>`;
                    if (typeof (response.errors.email) !== 'undefined')
                        errorText += `<p class="center">${response.errors.email[0]}</p>`;

                    $('.error').append(errorText);
                },
                error: function () {
                    $.LoadingOverlay('hide');
                }
            });
        });
        $("#current_user").change(function(){
            $('.hide-box').hide();
            var user_id_current = $(this).children("option:selected").val();
             $('#user_'+user_id_current).show();
             console.log(user_id_current);
        });
        $("#form-access").submit(function(e) {
            $.LoadingOverlay('show');
            e.preventDefault(); // avoid to execute the actual submit of the form.
            var form = $(this);
            var url = form.attr('action');

            $.ajax({
                type: "POST",
                url: url,
                data: form.serialize(), // serializes the form's elements.
                success: function(data)
                {
                    alert(data.status); // show response from the php script.
                    $('.hide-box').hide();
                    var user_id_current = $('#current_user').children("option:selected").val();
                    $('#user_'+user_id_current).show();
                    $.LoadingOverlay('hide');
                    location.reload();
                }
            });
        });
        $( document ).ready(function() {
            $('.hide-box').hide();
            $('.hide-box').eq(0).show();
        });

        function showAlertNewFreePlan(id, adminId){
            var currentAdmin = $('#current_user').val();
            if( $('#'+id).is(':checked') && currentAdmin != adminId) {
                $('#' + id).filter(':checkbox').prop('checked', false);
                alert('現在のプランは利用できない機能です。アップグレードが必要になります。');
            }
        }
    </script>
@endpush