@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Manage Service Contacts
@stop
@section('content')
<!--<a href="{{route('case.index')}}" class="fleft btn btn-large btn-bluebg">Back to case search</a>-->
<a href="{{route('case.index')}}" class="btn btn-padding btn-bluebg" style="margin-bottom:1em;margin-left:1px">Back to case search</a>

<div class="filingSteps" ng-controller='PartyServiceCtrl' ng-cloak id="PartyServiceCtrl">
    <input id='is_subsequent_service_contact_party' type='hidden' value={{Config::get('app.subsequent_service_contact_party')}} />
    @if(Config::get('app.subsequent_service_contact_party'))
        <div class="popupWrapper_attorney serivcePartyPopWidthwithListScroll" id="party_service_contact">
            <div class="popupContentwithListScroll">
                <p id="popup_response_text2" class="c-align popup_response_text_attorney" style="height: 1.3em;">Attach Service Contact to any Party or Case</p>
                <div id="attorney_body">
                    <div id="configure_content_attorney">			    
                        <ul class="content_attorney">
                            <form>
                            <li ng-repeat="option in service_party_options">
                                <div class="attorneyList" style="font-size: 1.5em;" ng-hide="!option.case_party_id">
                                    <input type="radio" name="service_contact_party_intermediate" ng-model="$parent.service_party_selected" ng-value="[[option.id]]"> [[option.party_type.name]][[option.id=='0' ? '' : ':']]  [[option.is_business=='1' ? option.business_name : option.firstname + ' ' + (option.middlename ? option.middlename : '') + ' ' + option.lastname]]<br>
                                </div>
                            </li>
                            </form>
                        </ul>                            
                    </div>
                    <p class="c-align">
                        <a class="btn btn-medium btn-bluebg" id="close">Cancel</a>
                        <a class="btn btn-medium btn-bluebg" ng-click="attachDetachServiceContactParty()">OK</a>
                    </p>
                </div>
            </div>
        </div>
    @endif
    @if(Config::get('app.subsequent_service_contact_party'))
        <div class="popupWrapper_attorney serivcePartyPopWidthwithListScroll" id="party_service_contact_intermediate">
            <div class="popupContentwithListScroll">
                <p id="popup_response_text2" class="c-align popup_response_text_attorney" style="height: 1.3em;">Attach Service Contact to any Party or Case</p>
                <div id="attorney_body">
                    <div id="configure_content_attorney">			    
                        <ul class="content_attorney">
                            <form>
                            <li ng-repeat="option in service_party_options">
                                <div class="attorneyList" style="font-size: 1.5em;" ng-hide="!option.case_party_id">
                                    <input type="radio" name="service_contact_party" ng-model="$parent.service_party_selected_intermediate" ng-value="[[option.id]]"> [[option.party_type.name]][[option.id=='0' ? '' : ':']]  [[option.is_business=='1' ? option.business_name : option.firstname + ' ' + (option.middlename ? option.middlename : '') + ' ' + option.lastname]]<br>
                                </div>
                            </li>
                            </form>
                        </ul>                            
                    </div>
                    <p class="c-align">
                        <a class="btn btn-medium btn-bluebg" id="close_intermediate_party_service" ng-click="closeIntermediatePartyService()">Cancel</a>
                        <a class="btn btn-medium btn-bluebg" ng-click="addOrRemoveServiceContact(1, 1, 1)">OK</a>
                    </p>
                </div>
            </div>
        </div>
    @endif
<!--    @if(Config::get('app.state_code') == "TX")
        <div class="font_site_status_black" id="site_status_steps"><b>NOTE:</b> Electronic Service Address — The Texas Supreme Court issued an order in June 2016 requiring that all Texas attorneys provide the State Bar of Texas with an electronic service email address for use in the statewide e-filing system and for other important communications. Provide your electronic service address today at <a href="https://texasbar.com/Content/NavigationMenu/ForLawyers/MembershipInformation/eService/default.htm" target="_blank">texasbar.com/eservice</a>, and read <a href="https://www.texasbar.com/AM/Template.cfm?Section=Table_of_Contents&Template=/CM/ContentDisplay.cfm&ContentID=33829" target="_blank">this article</a> from the July 2016 Texas Bar Journal for more information.</div>
    @endif-->
    <div id='location_hide' class="hide_from_display" data-loc='{{$location}}'>{{$location}}</div>
    <div id="trackid_hide" class="hide_from_display" data-trackid='{{$tracking_id}}'>{{$tracking_id}}</div>
        <div class="popupWrapper customPopWidth popup_response" id='show_case_list'>
	    <div class="popupContent">
		<img src="/images/modal_close.png"  class="closePopup" alt="close">
		<div class="popupBody" ng-show="pagedItemsCase[currentPageCase].length>0">
		    <div class="centerstyle" style="text-align:center">
			<h3>Attached cases for the service contact</h3>
<!--					<div class="table-wrap">
					<table class="table tablewHeader caselisttable" id="case_list_data" style="overflow: auto">
					    
					</table>
					</div>-->
			<table  id='case_list_data' class="table tablewHeader caselisttable summaryTable">
			    <tr class="theader">
				<th>Case No</th>
				<th>Title</th>
				<th>Location</th>
			    </tr>
			    <tr ng-repeat="case in pagedItemsCase[currentPageCase]" class="case_list_data_span">
				<td><span title="[[case.CaseDocketID]]" style="width: 130px;">[[case.CaseDocketID]]</span></td>
				<td><span title="[[case.CaseTitleText]]" style="width: 200px;">[[case.CaseTitleText]]</span></td>
				<td><span style="width: 180px;" title="[[case.CaseAugmentation.CaseCourt.OrganizationIdentification.IdentificationID]]">[[case.CaseAugmentation.CaseCourt.OrganizationIdentification.IdentificationID]]</span></td>				
			    </tr>
			</table>
			<div class="pagination dataTables_paginate">
			    <ul class="clearfix">
				<li ng-class="{disabled: currentPageCase == 0}">
				    <a href ng-click="prevPageCase()">« Prev</a>
				</li>
				<li ng-repeat="n in range(pagedItemsCase.length)"
				    ng-class="{active: n == currentPageCase}"
				    ng-click="setPageCase()">
				    <a href ng-bind="n + 1">1</a>
				</li>
				<li ng-class="{disabled: currentPageCase == pagedItemsCase.length - 1}">
				    <a href ng-click="nextPageCase()">Next »</a>
				</li>
			    </ul>
			</div>
    
    
			<p class="c-align">
			    <a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
			</p>
		    </div>
    
		</div>
	    </div>
	</div>
        
<div class="popupWrapperServiceHistory customPopWidthServiceHistory popup_response" id='show_service_contact_history'>
    <div class="popupContent">
        <img src="/images/modal_close.png"  ng-click="closecaseservicelist()" class="closePopup" alt="close">
        <div class="popupBody" ng-show="pagedItemsCaseServiceHistory[currentPageCaseServiceHistory].length>0">
            <div class="centerstyle" style="text-align:center">
                <h3>Service Contact History</h3>
<!--                <div class="table-wrap">
                <table class="table tablewHeader caselisttable" id="case_list_data" style="overflow: auto">
                    
                </table>
                </div>-->
        <table  id='case_list_data' class="table tablewHeader caselisttable summaryTable">
            <tr class="theader">
                <th>Name</th>
                <th>Action</th>
                <th>Time</th>
            </tr>
            <tr ng-repeat="case in pagedItemsCaseServiceHistory[currentPageCaseServiceHistory]" class="case_list_data_span">
                <td><span title="[[case.name]]" style="width: 200px;">[[case.name]]</span></td>
                <td><span title="[[case.action]]" style="width: 50px;">[[case.action]]</span></td>
                <td><span style="width: 220px;" title="[[case.time]]">[[case.time]]</span></td>				
            </tr>
        </table>
        <div class="pagination dataTables_paginate">
            <ul class="clearfix">
                <li ng-class="{disabled: currentPageCaseServiceHistory == 0}">
                    <a href ng-click="prevPageCaseServiceHistory()">« Prev</a>
                </li>
                <li ng-repeat="n in range(pagedItemsCaseServiceHistory.length)"
                    ng-class="{active: n == currentPageCaseServiceHistory}"
                    ng-click="setPageCaseServiceHistory()">
                    <a href ng-bind="n + 1">1</a>
                </li>
                <li ng-class="{disabled: currentPageCaseServiceHistory == pagedItemsCaseServiceHistory.length - 1}">
                    <a href ng-click="nextPageCaseServiceHistory()">Next »</a>
                </li>
            </ul>
        </div>

                
<!--                <p class="c-align">
                    <a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
                </p>-->
            </div>
            <!--<div class="infotext">NOTE: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</div>-->
        </div>
    </div>
</div>
    
<!--@if(Config::get('app.subsequent_service_contact_party'))
    <a  href="#" class="btn btn-padding btn-bluebg" style="padding:12px 24.5px 14px 27px" id="service_history" ng-click="getcaseservicelist()">Service Contact History</a>
@endif-->
    <div class='search_result' ng-show='addded_contacts.length > 0'>
        <table  id='addedTable_servicecontact' class="table tablewHeader summaryTable DocumentTable servicecontacts_check">
            <tr class='theader'>
                <th>Name</th>
                <th>Firm or Organization</th>
<!--                <th>Associated To</th>-->
                <th>Email</th>
                @if(Config::get('app.subsequent_service_contact_party'))
                     <th>Party/Case</th>
                @endif
                <th>Actions</th>
            </tr>

            <tr ng-repeat="contact in addded_contacts| orderBy: 'FirstName' ">

                <td><span>[[contact.FirstName + ' ' + contact.LastName]]</span></td>
                <td><span>[[contact.FirmName]]</span>	
    <!--                <td><span ngif>[[contact.display_name]]</span></td>-->
                <td><span>[[contact.Email]]</span></td>
                @if(Config::get('app.subsequent_service_contact_party'))
                    <td ng-if="contact.case_party_id"><span>[[ servicePartyType(contact.case_party_id) ]]</span></td>
                    <td ng-if="!contact.case_party_id"><span>Case</span></td>
                @endif
                <td>
                    <ul class="summary-actions">
                    @if(Config::get('app.subsequent_service_contact_party'))
                            <li ng-if="isFirmServiceContact(contact.ServiceContactID)"><a title="Remove service contact from case" href='#' ng-click="addOrRemoveServiceContact(contact, 0)" class="cancel_case"></a></li>
                            <li ng-if="isFirmServiceContact(contact.ServiceContactID)"><a title="Attach service contact" href='#' ng-click="showServiceContactPartyPopUp(contact)" class="add_service_party_case"></a></li>
                            <li ng-if="!isFirmServiceContact(contact.ServiceContactID)"></li>
                            <li ng-if="!isFirmServiceContact(contact.ServiceContactID)"></li>
                            <li><a href="#" title="View Service Attached Case List" ng-click="getservicecaselist(contact)" class="case_list"></a></li>
                    @else
                            <li><a href="#" title="View Service Attached Case List" ng-click="getservicecaselist(contact)" class="case_list"></a></li>
                            <li><a title="Remove service contact from case" href='#' ng-click="addOrRemoveServiceContact(contact, 0)" class="cancel_case"></a></li>
                    @endif
                    </ul>
                </td>
            </tr>
        </table>
	<div class="save_success_msg_sc">Selected service contact has been attached to the case.</div>
    </div>	

    <!--New Section UI starts-->
    <div class="collapse-step" id="collapse-step1">
        <h3 class="expand">Search For Service Contact</h3>
        <div class="expandBlkStep">
            <form class="form clearfix mb4">
                <div id="search_contacts" class="addForm fleft">
                    <p>
                        <span class="mandatory">&nbsp;&nbsp;</span>
                        <label for="firstName">First Name</label>
                        <input name="firstName" id="firstName" type="text" class="inputStyle" value=""ng-model="search_fname">
                    </p>

                    <p>
                        <span class="mandatory">&nbsp;&nbsp;</span>
                        <label for="lastName">Last Name</label>
                        <input id="lastName" name="lastName" type="text" class="inputStyle" value="" ng-model="search_lname" >
                    </p>
                    <p>
                        <span class="mandatory">&nbsp;&nbsp;</span>
                        <label for="OrgName">Firm Name</label>
                        <input id="OrgName" name="OrgName" type="text" class="inputStyle" value="" ng-model="search_oname">
                    </p>
                    <p>
                        <span class="mandatory">&nbsp;&nbsp;</span>
                        <label for="Email">Email</label>
                        <input id="Email" name="Email" type="text" class="inputStyle" value="" ng-model="search_email">
                    </p>
                    <p>
                        <span class="mandatory">&nbsp;&nbsp;</span>
                        <label for=""></label>
                        <a  href="#" class="btn btn-padding btn-bluebg" ng-click="submit_search()">Search For Attorney</a>
                    </p>
                </div>
            </form>
            <div id='noResults' class="noResults" style="display: none">
                <h3 class="non-expandable">No Results were found for your search criteria</h3>
	    </div>
	    <div class='search_result' ng-show='search_contacts.length > 0'>
		<h3 class="non-expandable">Search Results</h3>
		<table  id='searchtable' class="table tablewHeader DocumentTable summaryTable">
		    <tr class='theader'>
			<th ng-click="sortSearch('FirstName')">
			    Name
			    <span class="sortorder" ng-show="sortType === 'FirstName'" ng-class="{sortReverse:sortReverse}"></span>
			</th>
                        @if($PublicServiceContactShowEmail->isvisible)
			<th ng-click="sortSearch('Email')">
			    Email
			    <span class="sortorder" ng-show="sortType === 'Email'" ng-class="{sortReverse:sortReverse}"></span>
			</th>
                        @endif
			<th ng-click="sortSearch('FirmName')">
			    Firm or Organization
			    <span class="sortorder" ng-show="sortType === 'FirmName'" ng-class="{sortReverse:sortReverse}"></span>
			</th>
			<th>Actions</th>
		    </tr>

		    <tr ng-repeat="contact in pagedItems[currentPage]">
			<td><span>[[ contact.FirstName+' '+contact.MiddleName+' ' +contact.LastName]]</span></td>
                        @if($PublicServiceContactShowEmail->isvisible)
			<td><span>[[contact.Email]]</span></td>
                        @endif
			@if($PublicServiceContactShowFreeFormFirmName->isvisible)
                        <td><span>[[contact.FirmName]]</span></td>
                        @else
                        <td><span>[[contact.AddByFirmName]]</span></td>
                        @endif				
			<td>
			    <ul class="summary-actions">
				<li><a title="Add service contact to case" href='#' ng-click="addOrRemoveServiceContact(contact, 1)" class="editParty add_ac"></a></li>

			    </ul>
			</td>
		    </tr>
		</table>
		<div class="pagination dataTables_paginate">
		    <ul class="clearfix">
			<li ng-class="{disabled: currentPage == 0}">
			    <a href ng-click="prevPage()">« Prev</a>
			</li>
			<li ng-repeat="n in range(pagedItems.length)"
			    ng-class="{active: n == currentPage}"
			    ng-click="setPage()">
			    <a href ng-bind="n + 1">1</a>
			</li>
			<li ng-class="{disabled: currentPage == pagedItems.length - 1}">
			    <a href ng-click="nextPage()">Next »</a>
			</li>
		    </ul>
		</div>
	    </div>
            <div class="clearfix"></div>
            <div class='infotext padbot35'>NOTE: Please search for the attorneys associated with this case.
		Electronic Service is required under Rule 21 if the attorney’s email address is on file.</div>
        </div>
    </div>
    @if(Session::get('user')->CurrentRole !== 'Individual')
    <div class="clearfix"></div>
        <div class="collapse-step" id="collapse-step2">
	    <h3>Select from Existing Firm Contacts</h3>
	    <div class="expandBlkStep">
		<form class="form clearfix mb4">
		    <div id="service_contact_div" class=" ">
<!--			<ul class="serviceListings clearfix" ng-show="firm_contacts.length>0">			    
			    <li ng-repeat="contact in firm_contacts">
				<input class="serviceContactList" type='checkbox' checked ng-checked="addded_contactIds.indexOf(contact.ServiceContactID)>-1" ng-click="addOrRemoveServiceContact(contact, 2)"/>
				<label for="serviceContactList" >[[contact.FirstName +' '+contact.LastName]]</label>				
			    </li>			    
			</ul>
			<div class="infotext fontsizetext" ng-show='firm_contacts.length==0'>No service contacts are added as part of your firm.</div>-->
			
		    </div>
		</form>
	    </div>
	</div>
    @endif
    <div class="clearfix"></div>
    <div class="collapse-step" id="collapse-step3">
	<h3>Add New Service Contact
	    @if(Session::get('user')->CurrentRole !== 'Individual')
	    To Firm
	    @endif
	</h3>
	<div class="expandBlkStep">
	    <form class="form clearfix mb4"  id="addNewServiceContactFiling">
		<div id="" class="addForm fleft">
		    <p>
			<span class="mandatory">*</span>
			<label for="">First Name</label>
			<input name="firstName" id="firstName" type="text" class="inputStyle" value="">
		    </p>

		    <p>
			<span class="mandatory">*</span>
			<label for="">Last Name</label>
			<input id="lastName" name="lastName" type="text" class="inputStyle" value=""  >
		    </p>
		    <p>
			<span class="mandatory">*</span>
			<label for="">Email</label>
			<input id="email" name="email" type="text" class="inputStyle" value="" >
		    </p>

		</div>
		<div id="" class="addForm fleft">
		    <p>
			<span class="mandatory">&nbsp;&nbsp;</span>
			<label for="">Middle Name</label>
			<input name="middleName" id="middleName" type="text" class="inputStyle" value="">
		    </p>

		    <p>
			<span class="mandatory">&nbsp;&nbsp;</span>
			<label for="">Phone Number</label>
			<input id="phoneNumber" name="phoneNumber" type="text" class="inputStyle" value=""  >
		    </p>
		    <p>
			<span class="mandatory">&nbsp;&nbsp;</span>
			<label for="">Administrative Copy</label>
			<input id="adminCopy" name="adminCopy" type="text" class="inputStyle" value="" >
		    </p>

		</div>
		<div class="clearfix"></div>
                @if(Config::get('app.is_public_service_contact'))
		<p class="ifPublic">
		    <input name="ifPublic" type="checkbox" id="isPublic">
		    <label for="ifPublic">Make this service contact Public</label>
		</p>
                @endif
		<div class="clearfix"></div>
		<p class="c-align">
		    <input type="text" value="1" name="checkFiling" id="checkFiling" style="display: none">

		    <button class="btn btn-large btn-bluebg" name='serviceContactSubmit' ng-click="addnewServiceContactFiling()">Save Service Contact</button>
		</p>
	    </form>
	    <div class="clearfix"></div>
	    <div class='infotext'>NOTE: Only add your firm’s attorneys to the Service Contact List as the attorneys added in this section will be associated with your firm.
		If an assistant would like to be cc’d on the attorney’s electronic service emails, please enter one email address in the ‘Administrative Copy’ field.</div>
	</div>
	<div class="clearfix"></div>
    </div>
    <!--- for add from existing contact list -->

    <div class="popupWrapper customPopWidth popup_response" id='service_contact'>
        <div class="popupContent">
            <img src="/images/modal_close.png"  class="closePopup" alt="close">
            <div class="popupBody">
                <div class="centerstyle"  >
                    <div id="service_contact_div" class="mb35"></div>
                    <p class="c-align">
                        <a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="popupWrapper customPopWidth popup_response" id='mfr_message_box'>
	<div class="popupContent">
	    <img src="/images/modal_close.png"  class="closePopup" alt="close">
	    <div class="popupBody">
		<div class="centerstyle" style="text-align:center">
		    <p id="popup_response_text" class="mb35"></p>
		    <p class="c-align">
			<a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
		    </p>
		</div>
	    </div>
	</div>
    </div>

</div>


@stop

@section('scripts_bottom')
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/additional-methods.min.js"></script>
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-resource.min.js"></script>
<script type="text/javascript" src="/js/case.servicecontact.js?@assetsVersion()?@assetsVersion()"></script>
<script type='text/javascript'>
        $(function() {
//            $('#selectExistingContacts').click(function() {
//            $('#masterSCList').show();
//                    $('#newSCForm').hide();
//            });
//          
//                    $('#addNewSCLink').click(function() {
//            $('#masterSCList').hide();
//                    $('#newSCForm').show();
//            });
            $.ajax({url: "/case/contact/" + -1, success: function(result) {
                    $("#service_contact_div").html(result);
                            //$("#service_contact").show();
                            //MFR.hideLoader();
                            //$('.overlay').show();
            }});
            $("#close, #close_intermediate_party_service").on('click',function() {
                $(this).parents('.popupWrapper_attorney').hide();
                // $(".customPopWidth").css({"display":"none"});
                $(".overlay").hide();
                MFR.hideLoader();
            });
            $('.collapse-step h3').click(function(){
                if($(this).hasClass('expand'))
                {
                    $(this).removeClass('expand');
                    $(this).siblings('.expandBlkStep').slideUp('slow')
                }
                else{
                    $('.collapse-step h3').removeClass('expand');
                    $(this).addClass('expand');
                    $('.expandBlkStep').slideUp('slow');
                    $(this).siblings('.expandBlkStep').slideDown('slow')
                }
               // $('.collapse-step h3:not(this)').removeClass('expand');
               //if($(this).hasClass('expand'))
                //$(this).toggleClass('expand');
                //var expandThis = $(this).siblings('.expandBlkStep');
                //$('.expandBlkStep:not(expandThis)').slideUp('slow');
                //$(this).siblings('.expandBlkStep').slideToggle('slow')
             })
             
//            $('#existingcontacts').click(function() {
//            MFR.showLoader();
//                    $.ajax({url: "/case/contact/" + MFR.Steps.id, success: function(result) {
//                    $("#service_contact_div").html(result);
//                            $("#service_contact").show();
//                            MFR.hideLoader();
//                            $('.overlay').show();
//                    }});
//            });
////                    $(document.body).on('click', '.receiveServiceSC', function() {
//            var name = $(this).parent().find('span').html();
//                    if ($(this).is(":checked")) {
//            MFR.messageBox(name + ' added as a service contact.');
//            } else {
//            MFR.messageBox(name + ' removed as a service contact.');
//            }
//            });
//
//                $(document).on('click','#helo',function() {
//        		upload_bind_eserve();
//                });

                  
                    $('#cancelFee').click(function() {
            
                    $('.overlay').hide();
                    $('#errorCountPopup').html('');
                    $('#countPopup').hide();
            });
                    $('#add,#remove,#confirm_copy,#cancelFee,.closePopup').click(function(e) {
            e.preventDefault();
            });
                    $('#partyTable tr td:nth-child(5n+3),#filingTable tr td:nth-child(4n+1),#filingTable tr td:nth-child(4n+2),#filingTable tr td:nth-child(4n+3)').each(function() {
            $(this).children('span').attr('title', $(this).children('span').html());
            });
//			$('#addAttorneyBtn').click(function(e) {
//				var parties = $(e.target).scope().parties;
//				var service_party = [];
//				for (var key in parties) {
//					var obj = {};
//					if (parties[key].firstname != "") {
//						obj.name = parties[key].firstname + ' ' + parties[key].lastname;
//					} else {
//						obj.name = parties[key].business_name;
//					}
//					obj.value = parties[key].id;
//					service_party.push(obj);
//				}
//				$(e.target).scope().service_parties = service_party;
//				$('#addServiceCntctPop').show();
//			});

                    $('#continue-search').click(function() {
            $('#noResults').hide();
                    $('.searchServiceCntctWrap').show();
            });
            
            
            });
</script>
@stop