@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Add Service Contact
@stop
@section('content')

<div class="serviceContactForm">
    <form class="form addFormWrap" autocomplete="off" id="serviceContact" onsubmit='return false;'>
		<span class="notification" id="notification"></span>

        <div class="addForm fleft">
            <p>
                <span class="mandatory">*</span>
                {{ Form::label('firstName', 'First Name') }}
                {{ Form::text('firstName', Input::old('firstName'),array('class'=>'inputStyle')) }}
                @if($errors->has('firstName'))<p class="error">{{$errors->first('firstName')}}</p> @endif

            </p>           
            <p>
                <span class="mandatory">*</span>
                {{ Form::label('lastName', 'Last Name') }}
                {{ Form::text('lastName', Input::old('lastName'),array('class'=>'inputStyle')) }}
                @if($errors->has('lastName'))<p class="error">{{ $errors->first('lastName')}}</p> @endif

            </p>

            <p>
                <span class="mandatory">*</span>
                {{ Form::label('email', 'Email') }}
                {{ Form::text('email', Input::old('email'),array('class'=>'inputStyle','style'=>'text-transform:lowercase;')) }}
                @if($errors->has('email'))<p class="error">{{$errors->first('email')}}</p>@endif
            </p>
        </div>
        <div class="addForm fleft">
        	 <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('middleName', 'Middle Name') }}
                {{ Form::text('middleName', Input::old('middleName'),array('class'=>'inputStyle')) }}
            </p>

            <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('phoneNumber', 'Phone Number') }}
                {{ Form::text('phoneNumber', Input::old('phoneNumber'),array('class'=>'inputStyle')) }}
                @if($errors->has('phoneNumber'))<p class="error">{{$errors->first('phoneNumber')}}</p> @endif
            </p>
            <p>
                    <span class="mandatory">&nbsp;&nbsp;</span>
                    {{ Form::label('adminCopy', 'Administrative Copy') }}
                    {{ Form::text('adminCopy', Input::old('adminCopy'),array('class'=>'inputStyle','style'=>'text-transform:lowercase;')) }}
            </p>
                        
            <!-- <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('addressLine1', 'Street Address') }}
                {{ Form::text('addressLine1', Input::old('addressLine1'),array('class'=>'inputStyle')) }}
                @if($errors->has('addressLine1'))<p class="error">{{ $errors->first('addressLine1')}}</p> @endif
            </p>
            <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('addressLine2', 'Address line 2') }}
                {{ Form::text('addressLine2', Input::old('addressLine2'),array('class'=>'inputStyle')) }}
                @if($errors->has('addressLine2'))<p class="error">{{$errors->first('addressLine2')}}</p> @endif
            </p>
            <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('city', 'City') }}
                {{ Form::text('city', Input::old('city'),array('class'=>'inputStyle')) }}
                @if($errors->has('city'))<p class="error">{{$errors->first('city')}}</p> @endif

            </p>

            <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('state', 'State') }}
                {{ Form::select('state',array('AL' => 'Alabama', "AK" => "Alaska", "AZ" => "Arizona", "AR" => "Arkansas", "CA" => "California", "CO" => "Colorado", "CT" => "Connecticut", "DE" => "Delaware", "DC" => "District Of Columbia", "FL" => "Florida", "GA" => "Georgia", "HI" => "Hawaii", "ID" => "Idaho", "IL" => "Illinois", "IN" => "Indiana", "IA" => "Iowa", "KS" => "Kansas", "KY" => "Kentucky", "LA" => "Louisiana", "ME" => "Maine", "MD" => "Maryland", "MA" => "Massachusetts", "MI" => "Michigan", "MN" => "Minnesota", "MS" => "Mississippi", "MO" => "Missouri", "MT" => "Montana", "NE" => "Nebraska", "NV" => "Nevada", "NH" => "New Hampshire", "NJ" => "New Jersey", "NM" => "New Mexico", "NY" => "New York", "NC" => "North Carolina", "ND" => "North Dakota", "OH" => "Ohio", "OK" => "Oklahoma", "OR" => "Oregon", "PA" => "Pennsylvania", "RI" => "Rhode Island", "SC" => "South Carolina", "SD" => "South Dakota", "TN" => "Tennessee", "TX" => "Texas", "UT" => "Utah", "VT" => "Vermont", "VA" => "Virginia", "WA" => "Washington", "WV" => "West Virginia", "WI" => "Wisconsin", "WY" => "Wyoming"), 'TX',array('class'=>'selectWidth'))}}
                @if($errors->has('state'))<p class="error">{{$errors->first('state')}}</p> @endif
            </p>
 -->
            <!-- <p>
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('country', 'Country') }}
                <select class="selectWidth" id="country" name="country">
                    <option value="US">USA</option>
                    <option value="IN">India</option>
                </select>
                @if($errors->has('country'))<p class="error">{{$errors->first('country')}}</p> @endif
            </p> -->
            
            <!-- <p>
				<span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('zipCode', 'Zip Code') }}
                {{ Form::text('zipCode', Input::old('zipCode'),array('class'=>'inputStyle')) }}
                @if($errors->has('zipCode'))<p class="error">{{$errors->first('zipCode')}}</p> @endif
            </p>
			<p class="hidden">
                <span class="mandatory">&nbsp;&nbsp;</span>
                {{ Form::label('country', 'Country') }}
                {{ Form::text('country', 'US',array('class'=>'inputStyle')) }}
                @if($errors->has('country'))<p class="error">{{$errors->first('country')}}</p> @endif
            </p> -->
        </div>
        <div class="clearfix"></div>
        @if(Config::get('app.is_public_service_contact'))
        <p class="ifPublic">
                        {{Form::checkbox('ifPublic', Input::old('ifPublic'),false);}}
			{{Form::label('ifPublic','Make this service contact Public')}}
		</p>
        @endif
        

        <p class="addContactInfo">
			<input type="checkbox" id="showContactCheck" name="showContactCheck" class="showContactCheck" ng-model="newParty.isAddress" ng-change="ifAddress()">
			{{Form::label('addContactInfo','Add Contact Information')}}
		</p>
		<div class="showServiceContactInfo">
			<div class="addForm fleft">
				<p>
					<span class="mandatory">*</span>
	                {{ Form::label('addressLine1', 'Street Address') }}
	                {{ Form::text('addressLine1', Input::old('addressLine1'),array('class'=>'inputStyle')) }}
	                @if($errors->has('addressLine1'))<p class="error">{{ $errors->first('addressLine1')}}</p> @endif
				</p>
				<p>
					<span class="mandatory">&nbsp;&nbsp;</span>
	                {{ Form::label('addressLine2', 'Address line 2') }}
	                {{ Form::text('addressLine2', Input::old('addressLine2'),array('class'=>'inputStyle')) }}
	                @if($errors->has('addressLine2'))<p class="error">{{$errors->first('addressLine2')}}</p> @endif
				</p>
				<p>
					<span class="mandatory">&nbsp;&nbsp;</span>
	                {{ Form::label('state', 'State') }}
	                {{ Form::select('state',array('AL' => 'Alabama', "AK" => "Alaska", "AZ" => "Arizona", "AR" => "Arkansas", "CA" => "California", "CO" => "Colorado", "CT" => "Connecticut", "DE" => "Delaware", "DC" => "District Of Columbia", "FL" => "Florida", "GA" => "Georgia", "HI" => "Hawaii", "ID" => "Idaho", "IL" => "Illinois", "IN" => "Indiana", "IA" => "Iowa", "KS" => "Kansas", "KY" => "Kentucky", "LA" => "Louisiana", "ME" => "Maine", "MD" => "Maryland", "MA" => "Massachusetts", "MI" => "Michigan", "MN" => "Minnesota", "MS" => "Mississippi", "MO" => "Missouri", "MT" => "Montana", "NE" => "Nebraska", "NV" => "Nevada", "NH" => "New Hampshire", "NJ" => "New Jersey", "NM" => "New Mexico", "NY" => "New York", "NC" => "North Carolina", "ND" => "North Dakota", "OH" => "Ohio", "OK" => "Oklahoma", "OR" => "Oregon", "PA" => "Pennsylvania", "RI" => "Rhode Island", "SC" => "South Carolina", "SD" => "South Dakota", "TN" => "Tennessee", "TX" => "Texas", "UT" => "Utah", "VT" => "Vermont", "VA" => "Virginia", "WA" => "Washington", "WV" => "West Virginia", "WI" => "Wisconsin", "WY" => "Wyoming"), 'TX',array('class'=>'selectWidth'))}}
	                @if($errors->has('state'))<p class="error">{{$errors->first('state')}}</p> @endif
				</p>

			</div>
			<div class="addForm fleft">
				
				<p>
					<span class="mandatory">*</span>
	                {{ Form::label('city', 'City') }}
	                {{ Form::text('city', Input::old('city'),array('class'=>'inputStyle')) }}
	                @if($errors->has('city'))<p class="error">{{$errors->first('city')}}</p> @endif
				</p>
				<p>
					<span class="mandatory">*</span>
	                {{ Form::label('zipCode', 'Zip Code') }}
	                {{ Form::text('zipCode', Input::old('zipCode'),array('class'=>'inputStyle')) }}
	                @if($errors->has('zipCode'))<p class="error">{{$errors->first('zipCode')}}</p> @endif
				</p>
				<p>
					<span class="mandatory">&nbsp;&nbsp;</span>
	                {{ Form::label('country', 'Country') }}
	                {{ Form::text('country', 'US',array('class'=>'inputStyle')) }}
	                @if($errors->has('country'))<p class="error">{{$errors->first('country')}}</p> @endif
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
<!--                @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-->
                <p class="submitBtnWrap submitCenter">
            <input type="submit" value="Save Service Contact" class="btn btn-large btn-bluebg" name='serviceContactSubmit'>
        </p>
    </form>
</div>
@stop

@section('scripts_bottom')
<script src="/js/jquery.validate.min.js"></script>
<script src="/js/additional-methods.min.js"></script>
<script type="text/javascript" src="/js/servicecontact.js?@assetsVersion()"></script>
<script>
		$(function() {

			var ifAddress = function() {
				return $('#showContactCheck').prop('checked');
			};
			
			jQuery.validator.addMethod("zipcode", function(value, element) {
				return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
			}, "Please provide a valid zipcode.");
			$("#serviceContact").validate({
				rules: {
					email: {
						required: true,
						email: true
					},
                                        adminCopy: {
                                                email: true
                                        },
					firstName: {
						required: true
					},
					lastName: {
						required: true
					},
					phoneNumber: {						
						phoneUS: true
					},
					addressLine1: {
						required: {
							depends: ifAddress
						}
					},
					state: {
						required: {
							depends: ifAddress
						}
					},
					zipCode: {
						required: {
							depends: ifAddress
						},
						zipcode: true
					},
					city: {
						required: {
							depends: ifAddress
						}
					},
					country: {
						required: {
							depends: ifAddress
						}
					}
				},
				messages: {
					email: {
						required: 'Email is required'
					},
					firstName: {
						required: 'First Name is required'
					},
					lastName: {
						required: 'Last Name is required'
					},
					phoneNumber: {
						required: 'Phone number is required',
						phoneUS: 'Enter valid US phone number'
					},
					addressLine1: {
						required: 'Street Address is required'
					},
					city: {
						required: 'City is required'
					},
					state: {
						required: 'State is required'
					},
					zipCode: {
						required: 'Zip code is required',
						zipcode:'Please enter valid zip code'
					},
					country: {
						required: 'Country is required'
					}
				},
				errorPlacement: function(error, element) {
					if (element.attr("type") == "radio") {
						error.appendTo(".dropdownWrap");
					} else {
						error.insertAfter(element);
					}
				},
				onfocusout: function(element, event) {
					this.element(element);
				},
				submitHandler: function(form) {
					$(form).find(':input').removeAttr('disabled');
					var sdata = $(form).serialize();
					var $inputs = $(form).find("input, select, button, textarea, checkbox");
					$inputs.prop("disabled", true);
					request = $.ajax({
						url: "/servicecontact",
						type: "post",
						beforeSend: function(request) {
							$('.loader').show();
							$('.overlay').show();
						},
						data: sdata
					});
					request.done(function(msg) {
						if (msg.error) {
							$("#notification").html(msg.errors);
							$('.loader').hide();
							$('.overlay').hide();
							$inputs.prop("disabled", false);
						} else {
                                                        $.ajax({
								url: "/servicecontact",
								type: 'get',
								success: function(msg) {
									if (msg.error) {
										if (msg.errorMsg == "loginredirect")
											location.href = 'auth/login';
									}
									$('.loader').hide();
									$('.overlay').hide();
									$("#heading").html("Service Contacts");
									$("#content").html(msg);
									$("#notification").html("<span class='success'>" + msg.message + "</span>");
                                                                        var total = MFR.serviceContactDT.fnSettings().aiDisplay.length;
                                                                        if(total<=10){
                                                                            MFR.serviceContactDT.fnPageChange('last');  
                                                                        }      
									else{
                                                                            var index = MFR.serviceContactDT.fnSettings().aiDisplay.indexOf(total-1);
                                                                            var page = Math.floor(index / 10);
                                                                            MFR.serviceContactDT.fnPageChange(page);  
                                                                        }       
								}
							});
						}
					});
					request.always(function() {
						$inputs.prop("disabled", true);
					});

					return false;
				}
			});


			$('#showContactCheck').click(function(){
			  $('.showServiceContactInfo').slideToggle();
			})
		});
</script>
@stop