@php
    use App\Http\Controllers\Mod\ModNegotiationProposalAppearance;

    $id_appeance_publicity=isset($id_appeance_publicity)?$id_appeance_publicity:null;
@endphp
        <!-- LAYOUT -->
<!-- TITLE -->
<div class="rpanel-title sticky-top">
    <i class="fa fa-cogs"></i> PUBLICIDADE
</div>
<!-- /TITLE -->
<!-- CONTENT -->
<div class="r-panel-body " id="appearancePublicityAction">
    <blockquote>
        <div class="row m-b-10 font-13  ">
            <div class="col-sm-5">
                CARD PUBLICIDADE:
            </div>
            <div class="col-sm-7 text-right">
                <div class="switch">
                    <label>Ocultar
                        <input type="checkbox"
                               @if($record_appearance->publicityStatus==1) checked="checked" @endif
                               id="publicityStatus" name="publicityStatus">
                        <span class="lever switch-col-themecolor"></span>
                        Mostrar
                    </label>
                </div>
            </div>
        </div>
        <div class="row m-b-10 font-13">
            <div class="col-sm-5">
                Cor do Fundo:
            </div>
            <div class="col-sm-7">
                <input type="text" class="colorpicker form-control form-control-sm"
                       id="publicityBackgroundColor" name="publicityBackgroundColor"
                       value="{{strtolower($record_appearance->publicityBackgroundColor)}}"/>
            </div>
        </div>
    </blockquote>

    <blockquote>
        <h4 class="card-title m-b-10">Quadro a Esquerda:</h4>


        <h5 class="m-b-15">Imagem Princial</h5>
        <div class="row m-b-5 font-13">
            <div class="col-sm-5">
                Imagem:<br>
            </div>
            <div class="col-sm-5 border" style="background-color: #dbdbdb3d;">
                <div id="publicityImgUrlFom" class="text-center">
                    <input type="hidden" name="publicityImgUrlInput" id="publicityImgUrlInput"
                           value="{{$record_appearance->publicityImgUrl}}">
                    <img src="{{$record_appearance->publicityImgUrl}}" id="publicityImgUrl"
                         style="max-width: 100px; max-height: 80px"
                    >
                </div>
            </div>

            <div class="col-sm-2 text-right">
                <input type="hidden" name="optionSelected" id="optionSelected" value="publicityImgUrl">
                <button class="btn btn-secondary font-18 myfile-images-edit"
                        onclick="loadsDataForm('#modalResponsive .modal-content','{{ url('file/myfile-image')}}','#actionNot',['#_token','#optionSelected'])"
                        data-toggle="modal" data-target="#modalResponsive">
                    <i class="fa fa-pencil"></i>
                </button>

            </div>
        </div>
        <div class="bg-hover-light m-b-10 ">
            <a class="get-code  " data-toggle="collapse" href="#gavetaImagePri" aria-expanded="true">
                <h6 class="card-title" style="margin-top: .75rem;">
                    <i class="mdi mdi-arrow-down-drop-circle text-themecolor-inverse " title="DETALHES"
                       style="padding-left: 10px; font-style: normal;">
                    </i> | Editar

                    <br>


                </h6>
            </a>
        </div>
        <div id="gavetaImagePri" aria-expanded="true" class="m-l-15 m-b-15 collapse ">

            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Largura:
                </div>
                <div class="col-sm-7">
                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgWidth" name="publicityImgWidth"
                           value="{{strtolower($record_appearance->publicityImgWidth)}}"/>
                </div>
            </div>
            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Opacidade:
                </div>
                <div class="col-sm-7">
                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgOpacity" name="publicityImgOpacity"
                           value="{{strtolower($record_appearance->publicityImgOpacity)}}"/>
                </div>
            </div>

            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Posição Topo:
                </div>

                <div class="col-sm-7">

                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgPositionTop" name="publicityImgPositionTop"
                           value="{{strtolower($record_appearance->publicityImgPositionTop)}}"/>
                </div>
            </div>
            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Posição a Esquerda:
                </div>

                <div class="col-sm-7">

                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgPositionLeft" name="publicityImgPositionLeft"
                           value="{{strtolower($record_appearance->publicityImgPositionLeft)}}"/>
                </div>
            </div>
        </div>

        <hr>
        <h5 class="m-b-15">Imagem de Fundo</h5>

        <div class="row m-b-10 font-13  ">
            <div class="col-sm-5">
                Plano de fundo:
            </div>
            <div class="col-sm-7 text-right">
                <div class="switch">
                    <label>Ocultar
                        <input type="checkbox"
                               @if($record_appearance->publicityImgBackgroundStatus==1) checked="checked" @endif
                               id="publicityImgBackgroundStatus" name="publicityImgBackgroundStatus">
                        <span class="lever switch-col-themecolor"></span>
                        Mostrar
                    </label>
                </div>
            </div>
        </div>

        <div class="row m-b-5 font-13">
            <div class="col-sm-5">
                Imagem:<br>
            </div>
            <div class="col-sm-5 border" style="background-color: #dbdbdb3d;">
                <div id="publicityImgBackgroundUrlFom" class="text-center">
                    <input type="hidden" name="publicityImgBackgroundUrlInput" id="publicityImgBackgroundUrlInput"
                           value="{{$record_appearance->publicityImgBackgroundUrl}}">
                    <img src="{{$record_appearance->publicityImgBackgroundUrl}}" id="publicityImgBackgroundUrl"
                         style="max-width: 100px; max-height: 80px"
                    >
                </div>
            </div>


            <div class="col-sm-2 text-right">
                <input type="hidden" name="optionSelected" id="optionSelectedBg" value="publicityImgBackgroundUrl">
                <button class="btn btn-secondary font-18 myfile-images-edit"
                        onclick="loadsDataForm('#modalResponsive .modal-content','{{ url('file/myfile-image')}}','#actionNot',['#_token','#optionSelectedBg'])"
                        data-toggle="modal" data-target="#modalResponsive">
                    <i class="fa fa-pencil"></i>
                </button>

            </div>
        </div>

        <div class="bg-hover-light m-b-10 ">
            <a class="get-code  " data-toggle="collapse" href="#gavetaImageBa" aria-expanded="true">
                <h6 class="card-title" style="margin-top: .75rem;">
                    <i class="mdi mdi-arrow-down-drop-circle text-themecolor-inverse " title="DETALHES"
                       style="padding-left: 10px; font-style: normal;">
                    </i> | Editar

                    <br>


                </h6>
            </a>
        </div>
        <div id="gavetaImageBa" aria-expanded="true" class="m-l-15 m-b-15 collapse ">

            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Largura:
                </div>
                <div class="col-sm-7">
                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgBackgroundWidth" name="publicityImgBackgroundWidth"
                           value="{{strtolower($record_appearance->publicityImgBackgroundWidth)}}"/>
                </div>
            </div>
            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Altura:
                </div>
                <div class="col-sm-7">
                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgBackgroundHeight" name="publicityImgBackgroundHeight"
                           value="{{strtolower($record_appearance->publicityImgBackgroundHeight)}}"/>
                </div>
            </div>
            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Opacidade:
                </div>
                <div class="col-sm-7">
                    <input type="text" class=" form-control form-control-sm"
                           id="publicityImgBackgroundPositionOpacity" name="publicityImgBackgroundPositionOpacity"
                           value="{{strtolower($record_appearance->publicityImgBackgroundPositionOpacity)}}"/>
                </div>
            </div>
        </div>

    </blockquote>
    <blockquote>
        <h4 class="card-title m-b-10">Quadro a Direita:</h4>
        <h5 class="m-b-15">Texto da publicidade </h5>
        <div class="row m-b-10 font-13">
            <div class="col-sm-2">
                Título:
            </div>
            <div class="col-sm-10">
                <input type="text" class=" form-control form-control-sm"
                       id="publicityTitleText" name="publicityTitleText"
                       value="{{$record_appearance->publicityTitleText}}"/>
            </div>
        </div>


        <div class="row m-b-10 font-13">
            <div class="col-sm-5">
                Descrição:
            </div>
        </div>
        <div class="row m-b-10 font-13">

            <div class="col-sm-12 bottom">
                <textarea class=" textarea_editor_clear form-control form-control-sm" style="height: 100px !important"
                          id="publicityDescriptionText" name="publicityDescriptionText">{{$record_appearance->publicityDescriptionText}}
                </textarea>
            </div>
        </div>

        <div class="bg-hover-light m-b-10 ">
            <a class="get-code  " data-toggle="collapse" href="#gavetaImageTitleDesc" aria-expanded="true">
                <h6 class="card-title" style="margin-top: .75rem;">
                    <i class="mdi mdi-arrow-down-drop-circle text-themecolor-inverse " title="DETALHES"
                       style="padding-left: 10px; font-style: normal;">
                    </i> | Editar

                    <br>


                </h6>
            </a>
        </div>
        <div id="gavetaImageTitleDesc" aria-expanded="true" class="m-l-15 m-b-15 collapse ">

            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Cor Título:
                </div>
                <div class="col-sm-7">
                    <input type="text" class="colorpicker form-control form-control-sm"
                           id="publicityTitleColor" name="publicityTitleColor"
                           value="{{strtolower($record_appearance->publicityTitleColor)}}"/>
                </div>
            </div>
            <div class="row m-b-10 font-13">
                <div class="col-sm-5">
                    Cor da Descrição:
                </div>
                <div class="col-sm-7">
                    <input type="text" class="colorpicker form-control form-control-sm"
                           id="publicityDescriptionColor" name="publicityDescriptionColor"
                           value="{{strtolower($record_appearance->publicityDescriptionColor)}}"/>
                </div>
            </div>
        </div>
        <hr>


{{--        <h5 class="m-b-15">Sliders </h5>--}}

{{--        <div class="row m-b-10 font-13  ">--}}
{{--            <div class="col-sm-5">--}}
{{--                Slider:--}}
{{--            </div>--}}
{{--            <div class="col-sm-7 text-right">--}}
{{--                <div class="switch">--}}
{{--                    <label>Ocultar--}}
{{--                        <input type="checkbox"--}}
{{--                               @if($record_appearance->publicityImgBackgroundStatus==1) checked="checked" @endif--}}
{{--                               id="publicityImgBackgroundStatus" name="publicityImgBackgroundStatus">--}}
{{--                        <span class="lever switch-col-themecolor"></span>--}}
{{--                        Mostrar--}}
{{--                    </label>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="bg-hover-light m-b-10 ">--}}
{{--            <a class="get-code  " data-toggle="collapse" href="#gavetaImageSlider" aria-expanded="true">--}}
{{--                <h6 class="card-title" style="margin-top: .75rem;">--}}
{{--                    <i class="mdi mdi-arrow-down-drop-circle text-themecolor-inverse " title="DETALHES"--}}
{{--                       style="padding-left: 10px; font-style: normal;">--}}
{{--                    </i> | Editar--}}

{{--                    <br>--}}


{{--                </h6>--}}
{{--            </a>--}}
{{--        </div>--}}
{{--        <div id="gavetaImageSlider" aria-expanded="true" class="m-l-15 m-b-15 collapse ">--}}
{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Comprimento:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class=" form-control form-control-sm"--}}
{{--                           id="publicitySliderMaxwidth" name="publicitySliderMaxwidth"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderMaxwidth)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Altura:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class=" form-control form-control-sm"--}}
{{--                           id="publicitySliderHeight" name="publicitySliderHeight"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderHeight)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}


{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Posição:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class=" form-control form-control-sm"--}}
{{--                           id="publicitySliderTop" name="publicitySliderTop"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderTop)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}


{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Sombra:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class=" form-control form-control-sm"--}}
{{--                           id="publicitySliderBoxshadow" name="publicitySliderBoxshadow"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderBoxshadow)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Curvas das bordar:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class=" form-control form-control-sm"--}}
{{--                           id="publicitySliderBorderradius" name="publicitySliderBorderradius"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderBorderradius)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="row m-b-10 font-13">--}}
{{--                <div class="col-sm-5">--}}
{{--                    Cor do Fundo:--}}
{{--                </div>--}}
{{--                <div class="col-sm-7">--}}
{{--                    <input type="text" class="colorpicker form-control form-control-sm"--}}
{{--                           id="publicitySliderBackgroundColor" name="publicitySliderBackgroundColor"--}}
{{--                           value="{{strtolower($record_appearance->publicitySliderBackgroundColor)}}"/>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="row m-b-10 font-14 bg-light p-t-5 p-b-5 ">--}}
{{--            <div class="col-sm-7 p-t-10">--}}
{{--                Adicione imagens nos Sliders:--}}
{{--            </div>--}}
{{--            <div class="col-sm-5 text-right">--}}
{{--                <button class="btn btn-themecolor font-18 "--}}
{{--                        id="btnSliderImgAdd"--}}
{{--                >--}}
{{--                    <i class="fa fa-plus"></i>--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div id="destinationSlide">--}}

{{--            @php--}}

{{--                if ($id_appeance_publicity == null){--}}
{{--                    $publicity_slider_img = isset($record_appearance->publicitySliderImg)?$record_appearance->publicitySliderImg:null;--}}

{{--                }else{--}}
{{--                    $publicity_slider_img = ModNegotiationProposalAppearance::informationPublicitySlider(['idAppearancePublicity'=>$id_appeance_publicity]);--}}

{{--                }--}}
{{--            @endphp--}}
{{--            @if($publicity_slider_img !==null)--}}
{{--                @foreach($publicity_slider_img as $row_slider )--}}
{{--                    <div class="row m-b-5 font-13"--}}
{{--                         id="rowidAppearancePublicitySlider{{$row_slider->idAppearancePublicitySlider}}">--}}

{{--                        <div class="col-sm-3">--}}
{{--                            Imagem:<br>--}}
{{--                        </div>--}}
{{--                        <div class="col-sm-5 border" style="background-color: #dbdbdb3d;">--}}
{{--                            <div id="publicitySliderImgUrl" class="text-center">--}}
{{--                                <input type="hidden"--}}
{{--                                       name="sliderURL{{$row_slider->idAppearancePublicitySlider}}Input"--}}
{{--                                       id="sliderURL{{$row_slider->idAppearancePublicitySlider}}Input"--}}
{{--                                       value="{{$record_appearance->publicityImgUrl}}">--}}
{{--                                <img src="{{isset($row_slider->publicitySliderImgUrl)?$row_slider->publicitySliderImgUrl:url('mod/proposal-appearance/publicity-slider-open.png')}}"--}}
{{--                                     id="sliderURL{{$row_slider->idAppearancePublicitySlider}}"--}}
{{--                                     style="max-width: 180px; max-height: 80px"--}}
{{--                                >--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        <input type="hidden" name="idAppearancePublicitySlider[]"--}}
{{--                               class="slide-calc"--}}
{{--                               id="idAppearancePublicitySlider{{$row_slider->idAppearancePublicitySlider}}"--}}
{{--                               value="{{$row_slider->idAppearancePublicitySlider}}">--}}

{{--                        <div class="col-sm-4 text-right">--}}
{{--                            <input type="hidden" name="optionSelected"--}}
{{--                                   id="optionSelectedSlider{{$row_slider->idAppearancePublicitySlider}}"--}}
{{--                                   value="sliderURL{{$row_slider->idAppearancePublicitySlider}}">--}}
{{--                            <div class="btn-group">--}}

{{--                                <button class="btn btn-secondary font-18 myfile-images-edit"--}}
{{--                                        onclick="loadsDataForm('#modalResponsive .modal-content','{{ url('file/myfile-image')}}','#actionNot',--}}
{{--                        ['#_token','#optionSelectedSlider{{$row_slider->idAppearancePublicitySlider}}'])"--}}
{{--                                        data-toggle="modal" data-target="#modalResponsive">--}}
{{--                                    <i class="fa fa-pencil"></i>--}}
{{--                                </button>--}}
{{--                                <button class="btn btn-secondary text-danger font-18 "--}}
{{--                                        onclick="slideDel({{$row_slider->idAppearancePublicitySlider}})">--}}
{{--                                    <i class="fa fa-close"></i>--}}
{{--                                </button>--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                    </div>--}}
{{--                @endforeach--}}
{{--            @endif--}}
{{--        </div>--}}


    </blockquote>

    <blockquote>
        <div class="row m-b-10 font-13">
            <div class="col-sm-5">
                <h4 class="card-title ">CSS</h4>
                <h6 class="card-subtitle text-muted m-b-10">Personalize seu css</h6>
            </div>
        </div>
        <div class="row m-b-10 font-13">
            <div class="col-sm-12">
                <textarea class=" form-control form-control-sm" style="height: 120px !important"
                          id="publicityCssCustom" name="publicityCssCustom"
                >{{$record_appearance->publicityCssCustom}}</textarea>
            </div>
        </div>
    </blockquote>

    <hr>
    <div class="row">
        <div class="col-6">

        </div>
        <div class="col-6 text-right">

            <input type="hidden" name="idAppearancePublicity" id="idAppearancePublicity" class="appeance-add"
                   value="{{isset($record_appearance->idAppearancePublicity)?Crypt::encrypt($record_appearance->idAppearancePublicity):Crypt::encrypt(null)}}">
            <input type="hidden" name="idAppearance" id="idAppearance" class="appeance-add"
                   value="{{isset($id_appearance)?$id_appearance:Crypt::encrypt(null)}}">

            <div class="btn-group m-b-1 m-r-1" role="group" aria-label="Button group with nested dropdown">
                <!-- EDIT -->
                <button class="btn btn-secondary font-18 btn-sm right-side-close"
                        data-target="sidebar-right"
                        id="btnModalSave"
                >
                    <i class="ti-save"></i> Salvar
                </button>
                <!-- DELETE -->
                <button class="right-side-close btn btn-sm btn-secondary font-18"

                        data-target="sidebar-right">
                    <i class="fa fa-times"></i> fechar
                </button>
            </div>

        </div>
    </div>
</div>
<!-- /CONTENT -->
<!-- /LAYOUT -->


<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>

<!-- Color Picker Plugin JavaScript -->
<script src="{{ asset('template/plugins/jquery-asColorPicker-master/libs/jquery-asColor.js') }}"></script>
<script src="{{ asset('template/plugins/jquery-asColorPicker-master/libs/jquery-asGradient.js') }}"></script>
<script src="{{ asset('template/plugins/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js') }}"></script>


<script>

    // Colorpicker
    $(".colorpicker").asColorPicker();


    $('#btnModalSave').click(function () {

        oziLoadData(data = {
            consoleError: 'on',
            ldDestinyId: 'appearancePublicity',
            ldCatchGroupId: ['appearancePublicityAction'],
            ldCatchItenName: ['_token'],
            ldUrl: '{{asset("/proposal-appearance-publicity/edit")}}',
        });

    });

    v_calc = 0;
    $('#btnSliderImgAdd').click(function () {
        if (v_calc == 0) {

            $('.slide-calc').each(function () {
                v_calc = $(this).val();

            });
        }


        var slider_img_add =
            '<div class="row m-b-5 font-13" id="rowidAppearancePublicitySlider' + v_calc + '">' +
            '   <div class="col-sm-3">' +
            '   Imagem:<br>' +
            '   </div>' +
            '   <div class="col-sm-5 border" style="background-color: #dbdbdb3d;">' +
            '   <div id="headerOrcamentoFom" class="text-center">' +
            '        <input type="hidden" name="sliderURLInput[]" id="sliderURL' + v_calc + 'Input" value="">' +
            '            <img src="{{url('mod/proposal-appearance/publicity-slider-open.png')}}" id="sliderURL' + v_calc + '" style="max-width: 180px; max-height: 80px">' +
            '    </div>' +
            '</div>' +
            '<div class="col-sm-4 text-right">' +
            '    <input type="hidden" name="optionSelected" id="optionSelectedSlider' + v_calc + '" class="slide-calc" value="sliderURL' + v_calc + '">' +
            '       <div class="btn-group">' +
            '            <button class="btn btn-secondary font-18 myfile-images-edit" onclick="myfileImagesEdit(),loadsDataForm(\'#modalResponsive .modal-content\',\'{{url('file/myfile-image')}}\',\'#actionNot\',' +
            '                    [\'#_token\',\'#optionSelectedSlider' + v_calc + '\'])" data-toggle="modal" data-target="#modalResponsive">' +
            '                <i class="fa fa-pencil"></i>' +
            '            </button>' +
            '            <button class="btn btn-secondary text-danger font-18 "' +
            '                    onclick="slideDel(' + v_calc + ')">' +
            '                <i class="fa fa-close"></i>' +
            '            </button>' +
            '        </div>' +
            '</div>' +
            '</div>';

        // if (v_calc == 0) {
        //     $('#destinationSlide').html(slider_img_add);
        // } else {
        $('#destinationSlide').before(slider_img_add);
        // }
        v_calc++
    });

    function slideDel(n) {
        $('#rowidAppearancePublicitySlider' + n).remove();
        v_calc = 0;
        $('.slide-calc').each(function () {
            v_calc = $(this).val();
            v_calc--
        });
    }

</script>

<script>
    //---| MODAL
    //TRAZ PARA FRENTE O MODAL
    $('.myfile-images-edit').click(function () {
        $('.modal').css('z-index', '1211');
        $('.modal-backdrop-sec').css('display', 'block');
    });

    function myfileImagesEdit() {
        $('.modal').css('z-index', '1211');
        $('.modal-backdrop-sec').css('display', 'block');
    }
</script>

<script>
    jQuery(document).ready(function () {



        $('.textarea_editor_clear').wysihtml5({
            "font-styles": false, // Estilo da fonte, por exemplo h1, h2, etc. Padrão verdadeiro
            "emphasis": true, //Itálico, negrito, etc. Padrão true
            "lists": false, //(Listas não ordenadas, por exemplo, Bullets, Numbers. Padrão true
            "html": false, //Botão que permite editar o HTML gerado. Padrão falso
            "link": false, //Botão para inserir um link. Padrão verdadeiro
            "image": false, //Botão para inserir uma imagem. Padrão verdadeiro,
            "color": false, //Botão para mudar a cor da fonte

        });

    });

</script>