@include('admin.partials.header')



	<div id="messages"  class="portlet box green" style="clear:both; display: block; position: fixed; background: #fff; width: 96%; right: 2%; bottom: 0; margin-bottom: 0; box-shadow: 0px 0px 5px #666; overflow-x: hidden;">
		<div class="portlet-title"  style="cursor: pointer;">
        	<h4>Order Messages</h4>
        </div>
        <div class="toolbar" style="float: left; width: 100%; border-bottom: 1px solid #000; background: #aaa; padding-top: 10px; padding-right: 10px;">
		        <span class="col-sm-3"><p>View: <a href="#inbox" class="btn btn-primary" id="inbox">Inbox</a> <a href="#sent" class="btn btn-primary" id="sent">Sent</a></p></span><span class="col-sm-1"><p> Search </p></span><span class="col-sm-3"><input type="text" class="form-control" name="email-search" /></span> <span style="float: right">| <a href="#new" class="btn btn-primary" id="new-msg">New Message</a></span>
	        </div>
        <div class="portlet-body" style="height: 85vh; overflow-y: scroll;width: 100%; padding-top: 0;">
			<div class="all-msgs" style="width: 25%; float: left; border-right: 1px solid #000; min-height: 100%; clear: both;">
				<div class="side-toolbar" style="float: left; width: calc(100% + 10px); border-bottom: 1px solid #000; background: #f6f6f6; padding-top: 10px; padding-right: 10px; margin: 0px 0 0 -10px;">
		        <span class="col-sm-12"><p>filter: <a href="#unread" class="btn btn-primary" id="unread">unread</a> <a href="#flagged" class="btn btn-primary" id="flagged">flagged</a></p></span>
	        </div>

				<h3>All Messages</h3>
			@foreach ($messages as $message) 
				<div class="message" style="border-bottom: 1px solid #ddd; padding: 10px; cursor: pointer;">
				<br />
<b>Notice</b>:  Undefined variable: message in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>25</b><br />
<br />
<b>Notice</b>:  Trying to get property 'from' of non-object in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>25</b><br />
<br />
<b>Notice</b>:  Undefined variable: message in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>26</b><br />
<br />
<b>Notice</b>:  Trying to get property 'date' of non-object in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>26</b><br />
<div><div style="float: left"><strong>From: </strong><span class="email"></span></div>
					<div style="float:left;clear: both;"><strong>Date: </strong></div></div><br />
<b>Notice</b>:  Undefined variable: message in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>27</b><br />
<br />
<b>Notice</b>:  Trying to get property 'subject' of non-object in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>27</b><br />
<div style="clear: both; padding-top: 5px;"><strong>Subject: </strong> <span class="subject"></span></div><br />
<b>Notice</b>:  Undefined variable: message in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>28</b><br />
<br />
<b>Notice</b>:  Trying to get property 'body' of non-object in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/orders/msgs.blade.php</b> on line <b>28</b><br />
<div class="body" style="display: none;"><hr></div>				</div>
			@endforeach
        	</div>
			<div class="selected-msg" style="width:75%; float: left; padding: 10px;"> 
				<div class="msg-toolbar" style="float: left; width: calc(100% + 20px); border-bottom: 1px solid #000; background: #f6f6f6; padding-top: 10px; padding-right: 10px; margin: -10px 0 0 -10px; display: none;">
		        <span class="col-sm-6"><p>Actions: <a href="#reply" class="btn btn-primary" id="act-reply">Reply</a> <a href="#act-fwd" class="btn btn-primary" id="act-fwd">Forward</a></p></span>
		        <span style="float: right"> <a href="#del" class="btn red btn-red btn-primary">Delete</a></span>
	        </div>
				<div class="selected-header">
					<a href="#" class="msg-bck"><< Back</a>
					<hr style="margin-top: 3px;">
				</div>
				<div class="content">
				</div>
				<div class="reply" style="display: none;">
					<hr>
					<h3>Reply</h3>
					<div id="reply-form">
					  {!! Form::open(array('route' => config('quickadmin.route').'.orders.message', 'id' => 'form-with-validation', 'class' => 'form-horizontal')) !!}
					    <fieldset>
						    <div>
							    {!! Form::hidden('order_id', $message->order_id, array('class'=>'form-control', 'id' => 'orderid')) !!}
				
							    <div class="form-group" style="margin:0;">
								    <label for="to" class="col-sm-1 control-label">To:</label>
								    <div class="col-sm-9">
								        {!! Form::text('to', '', array('class'=>'form-control', 'id'=>'to')) !!}
								    </div>
								</div>
								<div class="form-group" style="margin:0;">
								    <label for="subject" class="col-sm-1 control-label">Subject:</label>
								    <div class="col-sm-9">
								        {!! Form::text('subject', '', array('class'=>'form-control', 'id'=>'subject')) !!}
								    </div>
								</div>
						        <div class="form-group" style="margin:0;">
								    <label for="message" class="col-sm-1 control-label">Message:</label>
								    <div class="col-sm-9">
								        {!! Form::textarea('message', '', array('class'=>'form-control', 'style' => 'height: 100px;', 'id'=>'msg')) !!}
								    </div>
								</div>	        		        
						    </div>
					      
					      <input type="submit" class="btn btn-primary" value="Send Reply" />
					    </fieldset>
					  </form>
					</div>
				</div>
			</div>
        </div>
	</div>
@include('admin.partials.javascripts')
@section('javascript')
<script>
    $( ".accept, .reject" ).on( "click", function(event) {
		event.preventDefault();
		var id = $(this).attr('id');
		
		if($(this).hasClass('accept')){
			$('[name="'+id+'-email"]').val( 1 );
			$('.reason-'+id).hide();
			$(this).parent().html('<span class="btn green">Accepted</span>');
			
		}else{
			console.log('there');
			$('.reason-'+id).show();
			$(this).parent().html('<span class="btn red">Rejected</span>');
		}
		
	});
	
	$( ".req, .upld" ).on( "click", function(event) {
		event.preventDefault();
		var id = $(this).attr('id');
		
		if($(this).hasClass('req')){
			$(this).parent().html('<span class="btn green">Request Again</span>');
			$('.reason-'+id).show();
		}else{
			$(this).parent().html('<span class="btn green">Upload Now</span>');
			$('.reason-'+id).show();
		}
		
	});

    
    function updateShipping() {
		var id = $(this).attr('id');
		var url = "https://admin.bannerworld.co.uk/admin/updateShipping/"+id; // the script where you handle the form input.
		
		$.ajax({
			type: "POST",
			url: url,
			data: $("#dialog-form form").serialize(), // serializes the form's elements.
			success: function(data)
			{
				alert('Shipping Details Updated.'); // show response from the php script.
				location.reload();
			}
		});
		dialog.dialog( "close" );
    }
    
    dialog = $( "#dialog-form" ).dialog({
		autoOpen: false,
		height: 570,
		width: 660,
		modal: true,
		buttons: {
			"Update Shipping": updateShipping,
			Cancel: function() {
				dialog.dialog( "close" );
			}
		},
		close: function() {
			form[ 0 ].reset();
			allFields.removeClass( "ui-state-error" );
		}
    });
    
       
    form = dialog.find( "form" ).on( "submit", function( event ) {
      event.preventDefault();
      addUser();
    });
    
    
    $( "#update_shipping" ).on( "click", function(event) {
		event.preventDefault();
		var id = $(this).attr('id');
		$( "#orderid" ).val(id);
		dialog.dialog( "open" );
	});
	
	$( "#messages .portlet-title" ).on( "click", function(event) {
		$( "#messages .portlet-body, .toolbar" ).slideToggle();
		
	});
	
	$( ".message" ).on( "click", function() {
		content = $(this).html();
		email = $(".email", this).html();
		email = email.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
		subject = $(".subject", this).html();
		$(".selected-msg .content").html(content);
		$(".selected-msg .msg-toolbar").show();
		$(".selected-msg .content .body").show();
		$(".selected-msg .reply").hide();
		$(".selected-msg #to").val(email);
		$(".selected-msg #subject").val('RE: '+subject);
	});
	
	$( ".msg-bck" ).on( "click", function() {
		$(".selected-msg .content").html("");
		$(".selected-msg .msg-toolbar").hide();
		$(".selected-msg .content #reply").hide();
	});
	
	$( "#act-reply" ).on( "click", function() {
		content = $(this).html();
		email = $(this).closest('.selected-msg').find('.email').html();
		email = email.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
		subject = $(this).closest('.selected-msg').find('.subject').html();
		$(".selected-msg .reply").show();
		$(".selected-msg .reply").val(email);
		$(".selected-msg .reply h3").html('Reply');
		$(".selected-msg #subject").val('RE: '+subject);
	});
	
	$( "#act-fwd" ).on( "click", function() {
		content = $(this).closest('.selected-msg').find('.body').html();
		email = $(this).closest('.selected-msg').find('.email').html();
		email = email.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
		subject = $(this).closest('.selected-msg').find('.subject').html();
		$(".selected-msg .reply").show();
		$(".selected-msg #msg").val('');
		$(".selected-msg .reply h3").html('Forward');
		$(".selected-msg #subject").val('FWD: '+subject);
		$(".selected-msg #msg").val('\n \n Forwarded message below: \n'+content);
	});
	
	$( "#new-msg" ).on( "click", function() {
		email = '';
		subject = '';
		$(".selected-msg .content").html("");
		$(".selected-msg .msg-toolbar").hide();
		$(".selected-msg .reply").show();
		$(".selected-msg #msg").val('');
		$(".selected-msg #to").val(email);
		$(".selected-msg .reply h3").html('New Message');
		$(".selected-msg #subject").val('');
		$(".selected-msg #msg").val('');
	});
	
	$( ".msg-bck" ).on( "click", function() {
		$(".selected-msg .content").html("");
		$(".selected-msg .msg-toolbar").hide();
		$(".selected-msg .content #reply").hide();
	});
</script>
@stop

@yield('javascript')
@include('admin.partials.footer')