<form action="" id="myGrammarForm">
    @csrf
    <div class="row">
        <div class="col-12 mb-2" id="getkeywords">
            <div class="form-group" id="getkeywords">
                <textarea class="form-control form-control-light mt-2" id="description" rows="3" name="description" ></textarea>
            </div>
        </div>
    </div>
</form>
<div class="response" >
    <a class="btn btn-primary btn-sm float-left" href="#!" id="regenerate">{{ __('Re Generate') }}</a>
    <a href="#!" onclick="copyGrammerText()" class="btn btn-primary btn-sm float-end "><i class="ti ti-copy"></i> {{ __('Copy Text') }}</a>
    <div class="form-group mt-3" >
        {{ Form::textarea('description', null, ['class' => 'form-control','rows' => 5,'placeholder' => __('Description'),'id'=>'ai-description']) }}

    </div>
</div>

<script>
    $('body').ready(function(){

        if($('.grammer_textarea').length>0){

            var summernoteValue = $('.grammer_textarea').val();
        }
        else{
            $('.summernote-simple').summernote();
            var summernoteValue = $('.summernote-simple').summernote('code');
            summernoteValue = summernoteValue.replace(/<(.|\n)*?>/g, '');

        }
        $('#description').text(summernoteValue);
    })

    $('body').on('click','#regenerate',function(){
        var form=$("#myGrammarForm");
        $.ajax({
            type:'post',
            url : '{{ route('grammar.response') }}',
            datType: 'json',
            data:form.serialize(),
            beforeSend: function(msg){
                $("#regenerate").empty();
                var html = '<span class="spinner-grow spinner-grow-sm" role="status"></span>';
                $("#regenerate").append(html);
            },
            afterSend: function(msg){
                $("#regenerate").empty();
                var html = `<a class="btn btn-primary" href="#!" id="regenerate">{{ __('Generate') }}</a>`;
                $("#regenerate").replaceWith(html);

            },
            success: function(data){

                $('.response').removeClass('d-none');
                $('#regenerate').text('Re-Generate');

                if(data.message){
                    show_toastr('error', data.message, 'error');
                    $('#commonModalOver').modal('hide');
                }
                else{
                    $('#ai-description').val(data);
                }
            },
        });
    });

    function copyGrammerText() {
        var selected = $('input[name="template_name"]:checked').attr('data-name');
        var copied = $("#ai-description").val();

        var input= $('input[name='+selected+']').length;

        if($('.grammer_textarea').length>0){
            $('.grammer_textarea').val(copied);
        }
        else{
            $('.summernote-simple').summernote("code", copied);
        }

        show_toastr('success', 'Result text has been copied successfully', 'success');
        $('#commonModalOver').modal('hide');
    }

</script>