<?php include 'header.php'; ?>
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
                <h1 class="my-3 h1">Add Paragraph</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active">Paragraph</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<hr class="mb-3">
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid1">
	
		<!-- Grid row -->
		<div class="row">	
			<!-- Grid column -->
			<div class="col-lg-12">						
					<form class="form-horizontal">
						<!-- First card -->
						<?php /*<div class="card mb-4 post-title-panel">
						  <div class="card-body">
							<div class="md-form mt-1 mb-0">
							  <input type="text" id="title" name="title" class="form-control">
							  <label class="form-check-label" for="form1" class="">Title</label>
							</div>
						  </div>
						</div> */ ?>
						<!-- First card -->

						<!-- Second card -->
						<div class="card mb-4">
						  <textarea class="form-control" name="content" id="content" rows="15"></textarea>
						</div>
						<!-- Second card -->
						<div class="align-right mb-4">
							<button type="button" id="btn-split" class="btn btn-success waves-effect waves-light">Split</button>
						</div>
					</form> 
					<div id="sentences" class="sentences"></div>
			</div>
			<!-- Grid column -->				
	  </div>
	  <!-- Grid row -->
       
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>
<!-- TinyMCE -->
<script type="text/javascript" src="js/vendor/tinymce/tinymce.min.js"></script>
<script>
	// TinyMCE Initialization
    // tinymce.init({ selector:'#content', menubar: false, height : "294" });
	var sentences = '';
    $("#btn-split").click(function () {
        var isValidation = true;
        //var title = $("#title").val().trim();	
		var content = $("#content").val().trim().replace(/\n/g, "<br>");			
		//var postcontent = tinyMCE.activeEditor.getContent(); 
        var message = 'Please fill the details.';        
				
		if (content == '') {
            isValidation = false;
        }
		
        if (isValidation) {
            $(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            $.ajax({url: 'controllers/split_sentences.php',
                data: {
					//title: title,
                    content: content
                },
                type: 'post',
                dataType: 'JSON',
                success: function (output) {
                    //toastr.success(output.message);
					//$(".step1").hide();
                    //$(".step2").show();
					$("#sentences").html(output.str).show();
					sentences =	output.sentences;
					console.log(sentences);					
                }
            });
			$(this).html('Split').attr('disabled', false);
        }
        else {
            toastr.error(message);
        }
    });
	$("body").on('click', '#btn-save', function () {
        var isValidation = true;
       // var title = $("#title").val().trim();				
		//var postcontent = tinyMCE.activeEditor.getContent(); 
		var content = $("#content").val().trim();
        var message = 'Please fill the details.';        
				
		if (content == '') {
            isValidation = false;
        }
		
        if (isValidation) {
            $(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
            $.ajax({url: 'controllers/save_sentences.php',
                data: {
					//title: title,
                    content: content
                },
                type: 'post',
                dataType: 'JSON',
                success: function (output) {	
					toastr.success(output.message);					
					//window.location.href = "";
					$("#sentences").html('').hide();
					$("#content").val('');
                }
            });
			$(this).html('Save Sentences').attr('disabled', false);
        }
        else {
            toastr.error(message);
        }
    });
</script>