@if(count($service_contact_list)>0)
<ul class="serviceListings clearfix">	
	@foreach ($service_contact_list as $key=>$list) 
	<li>

		@if ($list['check'] == 0) 
		<input class="serviceContactList" id="serviceContactList" type='checkbox' value="{{$key}}" data-first_name="{{$list['first_name']}}" data-last_name="{{$list['last_name']}}" data-firm_name="{{$firm_name}}" data-email="{{$list['email']}}"/>
		<label for="serviceContactList" >{{ $list['name'] }} </label>

		@else 
		<input class="serviceContactList" id="serviceContactList"  type='checkbox' value="{{$key}}" checked="checked" data-first_name="{{$list['first_name']}}" data-last_name="{{$list['last_name']}}" data-firm_name="{{$firm_name}}" data-email="{{$list['email']}}" />
		<label for="serviceContactList" >{{ $list['name'] }} </label>
		@endif

	</li>
	@endforeach
</ul>
@else
<div class="infotext fontsizetext">No service contacts are added as part of your firm.</div>
@endif
<script type='text/javascript'>
	$(function() {
                var added_service_contacts = angular.element(document.getElementById('PartyServiceCtrl')).scope().get_added_service_contacts();
                for(var i=0; i<added_service_contacts.length; i++){
                    $(":checkbox[value="+added_service_contacts[i]+"]").prop("checked",true);
                }

                $('.serviceContactList').click(function(e) {
			var serviceContact = {'FirstName': $(this).data('first_name'), 'LastName': $(this).data('last_name'),'Email': $(this).data('email'), 'FirmName': $(this).data('firm_name'), 'ServiceContactID': $(this).val()};
			if ($(this).is(':checked')) {
				$(e.target).scope().addOrRemoveServiceContact(serviceContact, 1);
			}
			else {
				$(e.target).scope().addOrRemoveServiceContact(serviceContact, 0);
			}

		});
	});

</script>