@extends('admin.layouts.master')
<style>
	.processing, .pre-order{
		background-color: #ffce78 !important;
	}
	
	.processing.odd, .pre-order.odd{
		background-color: #fcd99d !important;
	}
	
	.on-hold, .cancelled, .refunded, .failed{
		background-color: #F3565D !important;
	}
	
	.on-hold.odd, .cancelled.odd, .refunded.odd, .failed.odd{
		background-color: #fc9d9d !important;
	}
	
	.artwork-issue{
		background-color: #68b4f1 !important;
	}
	
	.artwork-issue.odd{
		background-color: #89C4F4 !important;
	}
	
	.completed, .account, .shipped{
		background-color: #92cc8b !important;
	}
	
	.completed.odd, .account.odd, .shipped.odd{
		background-color: #a5e29c !important;
	}
	
	.shipped{
		background-color: #666 !important;
	}
	
	.shipped.odd{
		background-color: #999 !important;
	}
	
	.btn-secondary{
		background-color: #999;
		color: #fff;
	}
	
	.btn-secondary:hover{
		background-color: #666;
		color: #fff;
	}
	
	.active{
		padding-bottom: 8px !important;
		font-style: italic;
	}
	
	.notifno{
		display: inline-block;
		background: #4E483C;
		color: #fff;
		border-radius: 20px !important;
		width: 20px;
		height: 20px;
		text-align: center;
		font-weight: bold;
	}
	
.msgno{
	border-radius: 50% !important;
	width: 20px;
	display: inline-block;
	text-align: center;
	height: 19px;
	height: 15px;
	line-height: 14px;
	font-weight: bold;
	background: #4E483C;
	color: #fff;
	position: relative;
}

.msgno::after{
	content: '';
	position: absolute;
	left: 1px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 1px solid transparent;
	border-right: 11px solid transparent;
	border-top: 5px solid #4E483C;
	clear: both;
}

.unread{
	background: #f1353d;
	color: #fff;
}

.unread::after{
	border-top: 5px solid #f1353d;
}

	
	
</style>
@section('content')
	<div>
		<span class="btn" style="border: 1px solid #eee; border-bottom: none;" id="">All</span> 
		<span class="btn btn-danger" id="on-hold">on-hold</span> 
		<span class="btn btn-warning" id="processing">processing</span> 
		<span class="btn btn-info" id="artwork-issue">artwork-issue</span> 
		<span class="btn btn-success" id="completed">completed</span> 
		<span class="btn btn-secondary" id="shipped">shipped</span> 
	</div>
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">{{ $name }}'s Job List</div>
        </div>
        <div class="portlet-body">
            <table class="table table-striped table-hover table-responsive datatable" id="datatable">
                <thead>
                    <tr>
                        <th>Notifications</th>
						<th>Order ID</th>
                        <th>Order Date</th>
                        <th>Customer</th>
                        <th>Status</th>
                        <th>Value</th>

                        <th>&nbsp;</th>
                    </tr>
                </thead>
	        	<tbody>
                    @foreach ($asgnmnts as $row)
                        <tr class="{{ $row->status }} {{ $row->id }}" id="BW{{ $row->id }}">
							<td><span class="notifno"></span> <span class="msgno"></span></td>
                            <td>{{ $row->id }}</td>
                            <br />
<b>Notice</b>:  Undefined variable: row in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/myorders/index.blade.php</b> on line <b>141</b><br />
<br />
<b>Notice</b>:  Trying to get property 'date_created' of non-object in <b>/home/admin2bannerworl/public_html/admin2.bannerworld.co.uk/resources/views/admin/myorders/index.blade.php</b> on line <b>141</b><br />
                            <td>{{ $date }}</td>
                            <td><strong>{{ $row->billing->company }}</strong><br>
	                            {{ $row->billing->first_name }} {{ $row->billing->last_name }}<br>
	                            {{ $row->billing->email }}</td>
                            <td>{{ ucfirst($row->status) }}</td>
                            <td>£{{ ucfirst($row->total) }}</td>

                            <td>
                                {!! link_to_route(config('quickadmin.route').'.myorders.view', 'View', array($row->id), array('class' => 'btn btn-xs btn-success')) !!}
                                {!! link_to_route(config('quickadmin.route').'.myorders.index', 'Reassign', array($row->id), array('class' => 'btn btn-xs btn-info reassignuser', 'id' => $row->id)) !!}
                                <!--
                                {!! Form::open(array('style' => 'display: inline-block;', 'method' => 'DELETE', 'onsubmit' => "return confirm('".trans("quickadmin::templates.templates-view_index-are_you_sure")."');",  'route' => array(config('quickadmin.route').'.orders.destroy', $row->id))) !!}
                                {!! Form::submit(trans('quickadmin::templates.templates-view_index-delete'), array('class' => 'btn btn-xs btn-danger')) !!}
                                {!! Form::close() !!}
                                -->
                            </td>
                        </tr>
                    @endforeach
            	</tbody>
            </table>
        </div>
	</div>
	<div id="dialog-form" title="Assign user" style="display: none;">
	  {!! Form::model($row, array('class' => 'form-horizontal', 'id' => 'form-with-validation', 'method' => 'PATCH', 'route' => array(config('quickadmin.route').'.assignments.update', $row->id))) !!}
	    <fieldset>
	      {!! Form::label('user_id', 'User*', array('class'=>'col-sm-4 control-label')) !!}
		    <div>
		        {!! Form::hidden('order_id', old('order_id'), array('class'=>'form-control', 'id' => 'orderid')) !!}
		        {!! Form::select('user_id', $formusers); !!}
		    </div>
	      
	      <!-- Allow form submission with keyboard without duplicating the dialog button -->
	      <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
	    </fieldset>
	  </form>
	</div>
@endsection
@section('javascript')
<script>

        $(document).ready(function () {    

		    
		    function reassignUser() {
	           
	          form = $("#dialog-form form").serializeArray();
			  dataObj = {};
			
			  $(form).each(function(i, field){
			  	dataObj[field.name] = field.value;
			  });
			  
			  id = dataObj['order_id'];
			  
	          var url = "https://admin.bannerworld.co.uk/admin/assignments/"+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('User Assigned Successfully.'); // show response from the php script.
	              user = data;
	              name = $('select#user_id option[value="' + user + '"]').html();
				  alert('Order reassigned to: '+name);
				  $('tr.'+id).remove();
	            } 
         	  });
         	  
		      dialog.dialog( "close" );
		    }
		    
		    

            dialog = $( "#dialog-form" ).dialog({
		      autoOpen: false,
		      height: 150,
		      width: 350,
		      modal: true,
		      buttons: {
		        "ReAssign User": reassignUser,
		        Cancel: function() {
		          dialog.dialog( "close" );
		        }
		      },
		      close: function() {
		        dialog.dialog( "close" );
		      }
		    });

		    
		       
		    form = dialog.find( "form" ).on( "submit", function( event ) {
		      event.preventDefault();
		      addUser();
		    });
		    
            
            $( ".reassignuser" ).button().on( "click", function(event) {
				event.preventDefault();
				var id = $(this).attr('id');
				$( "#orderid" ).val(id);
				dialog.dialog( "open" );
				
			});
			
			$( "span.btn" ).on( "click", function(event) {
				$( "span.btn" ).each(function() {
				  $( this ).removeClass( "active" );
				});				
				event.preventDefault();
				$(this).addClass('active');
				var status = $(this).attr('id');
				$( "#datatable_filter input" ).val(status).trigger('keyup');
				$( "#datatable_filter input" ).trigger('keyup');
			});
			
        });
    </script>
@stop