@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;
        }
    </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()}}
                <dl class="rowform">
                    <dt>タイトル</dt>
                    <dd>
                        <input type="text" name="title" id="title">
                        <span class="error"></span>
                    </dd>
                    <dt>タイプ</dt>
                    <dd>
                        <select id="type" name="type">
                            <option value="1">運用局お知らせ</option>
                            <option value="2">セミナー情報</option>
                            <option value="3">キャンペーン</option>
                            <option value="4">メンテナンス</option>
                            <option value="5">その他</option>
                        </select>
                    </dd>
                    <dt>内容</dt>
                    <dd>
                        <textarea id="description" name="description" class="description"></textarea>
                    </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>
        var ckeditorObj = CKEDITOR;
        ckeditorObj.replace('description', {
            height: 400,
            width: '80%',
            language: 'ja'
        });

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

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

            $.ajax({
                url: '/admin/add-notifies',
                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