@extends('admin._layout.admin')

@section('content')
    <div class="title">
        <h2><span>Noticias</span> > Crear</h2>
    </div>

    <form action="{{ URL::route('admin.news.save') }}" method="post" class="ui form" style="width: 700px;">
        {{ csrf_field() }}

        <div class="field">
            <label>Titulo</label>
            <input type="text" name="titulo">
        </div>

        <div class="field">
            <label>Resumen</label>
            <textarea type="text" name="resumen"></textarea>
        </div>

        <div class="field">
            <label>Noticia</label>
            <div id="editor"></div>
            <input type="hidden" name="noticia" id="noticia">
        </div>

    <div class="spacer"></div>
    <div class="spacer"></div>

    <div>
        <a class="ui button" href="{{ URL::route('admin.news') }}">Volver</a>
        <button class="ui button positive">Guardar</button>
    </div>
    </form>


    <script>
        var toolbarOptions = [
            ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
            ['blockquote', 'code-block'],

            [{'header': 1}, {'header': 2}],               // custom button values
            [{'list': 'ordered'}, {'list': 'bullet'}],
            [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript
            [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent
            [{'direction': 'rtl'}],                         // text direction

            [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown
            [{'header': [1, 2, 3, 4, 5, 6, false]}],

            [{'color': []}, {'background': []}],          // dropdown with defaults from theme
            [{'font': []}],
            [{'align': []}],

            ['clean']                                         // remove formatting button
        ];

        var quill = new Quill('#editor', {
            modules: {
                toolbar: toolbarOptions
            },
            theme: 'snow'
        });

        $('form').submit(function(){
            var content = quill.root.innerHTML;
            $('#noticia').val(content);
            return true;
        });
    </script>
@endsection