@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;

        }

        div.btn {
            display: block;
        }

        input[type="text"]:disabled {
            background: #dddddd;
        }
    </style>
@endpush
@section('content')
    <article class="sub">
        <section class="masteredit">
            <h2>お知らせ編集</h2>
            <h3>情報入力</h3>
            <form action="" id="change-form" method="post" enctype="multipart/form-data">
                {{csrf_field()}}
                <input type="hidden" value="{{!empty($notifies)  ? $notifies->id : 0}}" name="id" id="id">
                <dl class="rowform">
                    <dt>氏名</dt>
                    <dd>
                        <input type="text" name="title" id="title" value="{{!empty($notifies)  ? $notifies->title : ''}}">
                    </dd>
                    <dt>タイプ</dt>
                    <dd>
                        <select id="type" name="type">
                            <option value="1" {{ $notifies->type == 1 ? 'selected' : '' }}>運用局お知らせ</option>
                            <option value="2" {{ $notifies->type == 2 ? 'selected' : '' }}>セミナー情報</option>
                            <option value="3" {{ $notifies->type == 3 ? 'selected' : '' }}>キャンペーン</option>
                            <option value="4" {{ $notifies->type == 4 ? 'selected' : '' }}>メンテナンス</option>
                            <option value="5" {{ $notifies->type == 5 ? 'selected' : '' }}>その他</option>
                        </select>
                    </dd>
                    <dt>メールアドレス</dt>
                    <dd>
                        <textarea id="description" name="description"></textarea>
                        <input type="hidden" name="old_content" id="old_content" value="{{!empty($notifies) ? $notifies->content : ''}}">
                    </dd>
                </dl>
                <div class="btn center">
                    <button type="submit" id="submit-form" form="change-form">完了</button>
                </div>
            </form>
        </section>
    </article>
@endsection
@push('script')
    <script src="https://cdn.ckeditor.com/4.7.3/full/ckeditor.js"></script>
    <script>
        let ckeditorObj = CKEDITOR;
        let handleCkeditorContent = ckeditorObj.replace('description', {
            height: 400,
            width: '80%',
            language: 'ja'
        });

        $(document).ready(function () {
            handleCkeditorContent.on("instanceReady", function () {
                let old_content = $('#old_content').val();
                ckeditorObj.instances.description.setData(old_content);
            });
        });

        $('#change-form').submit(function (e) {
            e.preventDefault();
            var content = ckeditorObj.instances.description.getData();
            var id = $('#id').val();
            var title = $('#title').val();

            if (title.trim() == '') {
                alert('通知名を入力してください。');
                return;
            }

            $.ajax({
                url: `/admin/edit-notifies/${id}`,
                method: 'post',
                data: {
                    title: title,
                    contentNotify: content,
                    type: $('#type').val()
                },
                headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')},
                dataType: 'json',
                beforeSend: function () {

                },
                success: function (response) {
                    if (response.success) {
                        location.href = '/admin/notifies-management';
                    } else {
                        if(response.message){
                            alert(response.message);
                        }
                    }
                },
                error: function () {

                }
            });
        });

    </script>
    <script type="text/javascript">

    </script>
@endpush