<?php include 'header.php'; ?>

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid1">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
                <h1 class="my-3 h1">Market place</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">Market place</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 row">  		
		
		<?php 			
			if( $_SESSION['tm_marketplace_access'] == 1 ) {
				include 'controllers/get_real_sentences.php'; 
			} else {
				echo "<div class='col-md-12'><h3>You do not have access to this page.</h3></div>";
			}			
		?>		
		
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

<!-- Modal Small Size -->
<div class="modal fade" id="modalSkipVotingConfirmation" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">				
                <button type="button" class="close" data-dismiss="modal" id="btn-skip-close" ><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>                
            </div>
            <div class="modal-body">
				<p>Only SKIP sentences if you feel none of the sentences are correctly translated.</p>
            </div>
            <div class="modal-footer">
				<!--button type="button" id="btn-skip" class="btn btn-info waves-effect waves-light">Skip Vote & Suggest</button-->
				<button type="button" id="btn-skip-proceed" class="btn btn-info waves-effect waves-light">Proceed</button>	
                <button type="button" id="btn-skip-cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Small Size -->
<div class="modal fade" id="modalAddSuggestion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">					
                <button type="button" id="btn-suggestion-close" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>                
            </div>
            <div class="modal-body">				
				<div class="form-group">
					<label>Please submit a better translated suggestion of the full sentence and submit your improved version of this sentence for our system.</label>
					<textarea class="form-control" rows="5" placeholder="Your Suggestion" id="translated_suggestion"></textarea>
				</div>
            </div>
            <div class="modal-footer">
				<button type="button" id="btn-submit-extra-suggestion" class="btn btn-info waves-effect waves-light">Suggestion</button>
                <button type="button" id="btn-suggestion-cancel" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<?php include 'footer.php'; ?>

<script>

<?php if ($_SESSION['tm_language_id'] > 0) { ?>	
		
		$(".btn-sentence-heading").click(function() {
			$('.suggestion-radio-input').prop('checked', false);			
		});
		
		$(".btn-submit-vote").click(function() {
			
			if ($('.suggestion-radio-input').is(':checked')) {
				
                $.ajax({url: 'controllers/submit_real_sentences_vote.php',
                    data: {
                        sentence_id_and_sugg_id: $("input[name='suggestionRadio']:checked").val(),                        
                    },
                    type: 'post',
                    dataType: 'JSON',
                    success: function (output) {
                        if (output.status == 200) {
                            toastr.success(output.msg);							
                        } else {                            
							toastr.error(output.msg);	
                        }
						location.reload();	
                    }
                });
				
            } else {
				toastr.error('Please select a suggestion.');
            }
			
		});
		
		$("#btn-submit-suggestion").click(function() {
			
			if ( $('#suggestion').val().trim() != '' ) {
				
                $.ajax({url: 'controllers/submit_real_sentence_suggestions.php',
                    data: {
                        sentence_id: $("#rs_id").val(),
						rss_id: $("#rss_id").val(),
						suggestion: $('#suggestion').val(),
                    },
                    type: 'post',
                    dataType: 'JSON',
                    success: function (output) {
                        if (output.status == 200) {
                            toastr.success(output.msg);							
                        } else {                            
							toastr.error(output.msg);	
                        }	
						$('#suggestion').val('');
						location.reload();
                    }
                });
				
            } else {
				toastr.error('Please enter suggestion.');
            }
			
		});
		
		$("#btn-skip-suggestion").click(function() {
			skip_sentence_during_val = 0;
			skip_sentence( skip_sentence_during_val );
		});
		
		/*$("#btn-skip-vote").click(function() {
			skip_sentence_during_val = 1;
			skip_sentence( skip_sentence_during_val );
		});*/
		
		function skip_sentence( skip_sentence_during_val ) {
			$.ajax({
				url: 'controllers/skip_real_sentence.php',
				data: {
					sentence_id: $("#rs_id").val(),
					skip_sentence_during: skip_sentence_during_val,
				},
				type: 'post',
				dataType: 'JSON',
				success: function(output) {
					if(output.status == 200) {
						toastr.success('Sentence skipped successfully!');
					} else {
						toastr.error('Oops something went wrong!');	
					}					
					location.reload();
				}
			});
		}
		
		$("#customRadio_suggestion_none").change(function() {
			$('#modalSkipVotingConfirmation').modal('show');
		});
		
		
		$("#btn-skip-proceed").click(function() {
			
			$('#modalSkipVotingConfirmation').modal('hide');
			
			$('#modalAddSuggestion'). modal('show');					
			
		});
		
		$("#btn-submit-extra-suggestion").click(function() {
			
			if( $('#translated_suggestion').val().trim() != '' ) {
			
				$('#modalAddSuggestion'). modal('hide');
				
				$.ajax({url: 'controllers/submit_real_sentence_extra_suggestion.php',
				
					data: {
						real_sentence_id: $('#rs_id').val(),						
						suggested_text: $('#translated_suggestion').val()
					},
					type: 'post',
					dataType: 'JSON',
					success: function (output) {
						if( output.status == 200 ) {
							toastr.success(output.msg);
							skip_sentence_during_val = 1;
							skip_sentence( skip_sentence_during_val );
						} else {
							toastr.error(output.msg);
						}						
						$('#translated_suggestion').val('');			
						
					}
					
				});	
				
			} else {				
				toastr.error("Please enter a better translated suggestion");
			}
			
		});
		
		
		$("#btn-skip-cancel").click(function(){	
			unCheckedSuggestionRadio();
		});
		
		$("#btn-skip-close").click(function(){				
			unCheckedSuggestionRadio();
		});
		
		$("#btn-suggestion-cancel").click(function(){			
			unCheckedSuggestionRadio();
		});		
		
		$("#btn-suggestion-close").click(function(){			
			unCheckedSuggestionRadio();
		});	
		
		$(".fade").click(function(){			
			unCheckedSuggestionRadio();
		});
		
		function unCheckedSuggestionRadio() {
			$("input[type=radio][name=suggestionRadio]").prop('checked', false);
		}
				
<?php } ?>

</script>

<style>
	.lang-dir-rtl { direction: rtl; }
</style>