@extends('layouts.admin')

@section('page-header')
Message List
@endsection


@section('content')
<style>
.table > thead > tr > th {
	vertical-align: middle;
}
.popup-basic {
    background: none;
}
</style>


<section class="bs-docs-section">

<div class="bs-panel mt15">
<label for="AdminEmailAddress" class="control-label">Message System Info.</label>
<div style="word-wrap: break-word;">
<br>
<p>*Mailgun</p>
- Account ID : system@anbeducation.us <br><br>
- TXT RECORED1 : anbeducation.us 	/	v=spf1 include:mailgun.org ~all<br>
- TXT RECORED2 : k1._domainkey.anbeducation.us 	/	k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDJx8Km2lRF41sQGlTE+1imgBcNc9gGO1zT/K780WuYrQyye1mwYzwQdSbpj0SL/Qrq4mGx/2ct+Z9OKB/q6ELBeIeYrgBsWijUtF40m0aW6L9l54+80Wu/NEhF5QndKwxJ6CLSrpC88/AXCutLJXDvPbdHq/TvbIf2QEpBcFK3KQIDAQAB<br><br>
- API Key : key-4f61041cf36340d598e5fff139511eee
</div>
</div>

</section>
<!--
<section class="bs-docs-section">

<div class="bs-panel mt15">
<label for="AdminEmailAddress" class="control-label">Admin Email Address.</label>
<p>This system will send the mail whenever new member join, or document submit. (You can fill out this field with multiple address using ",")</p>
<input type="text" name="AdminEmailAddress" class="form-control" id="admin-email-address">
<div class="mt15 text-right">
<button class="btn btn-success" style="height:40px; line-height:13px; border-radius: 2px;" id="email-save">Save</button>
<button class="btn btn-primary" style="height:40px; line-height:13px; border-radius: 2px;" id="email-remove">remove all</button>
</div>
</div>



<div class="bs-panel mt15">
	
	<select class="form-control" id="selectAdminMailCategory">
		<option value="select">Select</option>
		<option value="5">Hostfamily Application</option>
		<option value="4">Hostfamily Criminal Background Check</option>
		<option value="2">Hostfamily Agreement</option>
	</select>
	



	<div class="form-group mt15">
	<label for="inputWriting" class="control-label">This writing will be sent.</label>
	<textarea class="form-control inputRequired" id="inputWriting" rows="5"></textarea>
	</div>
	
	<div class="mt15 text-right">
	<button class="btn btn-success" style="height:40px; line-height:13px; border-radius: 2px;" id="writing-save">Save</button>
	<button class="btn btn-primary" style="height:40px; line-height:13px; border-radius: 2px;" id="writing-remove">remove all</button>
	</div>
	</div>

</section>
-->
@endsection



@section('script')
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

	@include('admin_common_script')

    $('.btn_account_info').on('click', function() {
		var user_id = $(this).parent().parent().attr('data-id');
		getAccountInfoRole(user_id);
    });

	$('.btn_user_comment').on('click', function() {
		var user_id = $(this).parent().parent().attr('data-id');
		getUserComments(user_id);
	});

	$('#email-remove').click(
	function(){
		$('#admin-email-address').val('');
		$('#admin-email-address').focus();
	});
	
	$('#email-save').click(
	function(){
		console.log($('#admin-email-address').val());
	
		var input_obj = {
			address: $('#admin-email-address').val(),
			}
			$.ajax({
				method: "put",
				url: "/api/message/address",
				data: input_obj
			})
			.done(function( msg ) {
				alert('address saved');
				//location.reload();
			})
			.fail(function( a ) {
				alert(a.responseJSON.msg);
			});
			
	});
	
	
	
	$('#writing-remove').click(
	function(){
		$('#inputWriting').val('');
		$('#inputWriting').focus();
	});
	
	$('#writing-save').click(
	function(){
		
		console.log($('#admin-email-address').val());
	if($('#selectAdminMailCategory').val()=='select')
	{
		alert('You did not select any one.');
		return;
	}
		var input_obj = {
			application_no: $('#selectAdminMailCategory').val(),
			contents: $('#inputWriting').val(),
			}
			$.ajax({
				method: "put",
				url: "/api/message/contents",
				data: input_obj
			})
			.done(function( msg ) {
				alert('saved.');
				$('#inputWriting').focusout();
				//location.reload();
			})
			.fail(function( a ) {
				alert(a.responseJSON.msg);
			});
		
		
		
		
	});

	$('#selectAdminMailCategory').on('change', function() {
	
		var input_obj = {
			application_no: $(this).val(),
			
			}
			$.ajax({
				method: "post",
				url: "/api/message/contents",
				data: input_obj
			})
			.done(function( msg ) {
				
				$('#inputWriting').focusout();
				if(msg.data==null)
					$('#inputWriting').val('');
				else	
					$('#inputWriting').val(msg.data.contents);
				//location.reload();
			})
			.fail(function( a ) {
				alert(a.responseJSON.msg);
			});
		
		});


  });
  </script>
@endsection