@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark
	{
		color: red;
	}
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary{
		border: 1px solid #3c8dbc;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}	
	.my-current
	{
		color: #00c0ef;
	}
    #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Update Company Info') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Update Company Info') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
	@endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">			 	
                        	{!! Form::open(array('url' => route('company-info.update', [$result['Company_infoData']['id']]), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
                         		<input type="hidden" name="_method" value="PUT">
                         		<input type="hidden" name="id" id="id" value="{{$result['Company_infoData']['id']}}">
								<div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="name" class="control-label">{{ trans('Company Name') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('name', $result['Company_infoData']['name'], array('class'=>'form-control', 'id'=>'name', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>                  
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="phone_number" class="control-label">{{ trans('Phone Number') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('phone_number', $result['Company_infoData']['phone_number'], array('class'=>'form-control', 'id'=>'phone_number', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>               
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="email_address" class="control-label">{{ trans('Email Address') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('email_address', $result['Company_infoData']['email_address'], array('class'=>'form-control', 'id'=>'email_address', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>      
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="address1" class="control-label">{{ trans('Address 1') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('address1', $result['Company_infoData']['address'], array('class'=>'form-control', 'id'=>'address1', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>    
                                    <div class="clearfix"></div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="address2" class="control-label">{{ trans('Address 2') }}</label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('address2', $result['Company_infoData']['address2'], array('class'=>'form-control', 'id'=>'address2')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="country" class="control-label">{{ trans('Country') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('country', $result['Company_infoData']['country'], array('class'=>'form-control', 'id'=>'country', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="province" class="control-label">{{ trans('Province') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('province', $result['Company_infoData']['province'], array('class'=>'form-control', 'id'=>'province', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="city" class="control-label">{{ trans('City') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('city', $result['Company_infoData']['city'], array('class'=>'form-control', 'id'=>'city', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>    
                                    <div class="clearfix"></div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="postal_code" class="control-label">{{ trans('Postal Code') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('postal_code', $result['Company_infoData']['postal_code'], array('class'=>'form-control', 'id'=>'postal_code', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>           
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="website" class="control-label">{{ trans('Website') }} </label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('website', $result['Company_infoData']['website'], array('class'=>'form-control', 'id'=>'website')) !!}
                                            </div>
                                        </div>
                                    </div>                                                       
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="box-footer text-center">
                                            <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                            <a href="{{URL('admin/company-info')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                        </div>
                                    </div>
                                </div>
                        	{!! Form::close() !!}	
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
		</div>

      </div>
    </div>
  </section>
</div>
</div>
@endsection  
@section('scripts')
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
<script type="text/javascript">
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
    }); 
    
    // Numeric Only
    $.validator.addMethod("numericData", function(value, element) {
        return this.optional(element) || value == value.match(/^[0-9]+$/);
    }); 
    
    // Password Check
    $.validator.addMethod("pwcheck", function(value) {
        return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
    });
    
    // Email Check
    $.validator.addMethod("email", function(value) {
        return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
    });
    
    // File Size Validation
    jQuery.validator.addMethod("filesize_max", function(value, element, param) {
        var isOptional = this.optional(element),
            file;

        if(isOptional) {
            return isOptional;
        }
        if ($(element).attr("type") === "file") {

            if (element.files && element.files.length) {

                file = element.files[0];            
                return ( file.size && file.size <= param ); 
            }
        }
        return false;
    }, "File size is too large.");
    
    $( "#addNewLeadSources" ).validate( {
            rules: {                
                name: {
                    required: true,
                    //rangelength: [1, 100],
                    //alpha: true,                   
                    // remote: {
                    //     url: "{{URL('admin/check-check-point-for-add')}}",
                    //     data: {
                    //         name: function () {
                    //             //you need to read this value when the validation is executed, so pass the value as a function which will be called
                    //             return $('#name').val();
                    //         }
                    //     },
                    //     type: "GET"
                    // },
                },              
                phone_number: {
                    required: true,
                    numericData: true,
                },              
                email_address: {
                    required: true,
                    email: true,
                },              
                address: {
                    required: true,
                },             
                city: {
                    required: true,
                },             
                province: {
                    required: true,
                },             
                country: {
                    required: true,
                },             
                postal_code: {
                    required: true,
                },
            },
            messages: {
                name: {
                    required: "Please enter name",
                    //alpha: "Please enter name alphabets only",
                    //remote: "Name alrady exists"
                },
                phone_number: {
                    required: "Please enter phone number",
                    numericData: "Please enter numbers only",
                },
                email_address: {
                    required: "Please enter email address",
                    email: "Please enter valid email address",
                },
                address: {
                    required: "Please enter address",
                },
                city: {
                    required: "Please enter city",
                },
                province: {
                    required: "Please enter province",
                },
                country: {
                    required: "Please enter country",
                },
                postal_code: {
                    required: "Please enter postal code",
                },
            },
            errorElement: "em",
            errorPlacement: function ( error, element ) {
                // Add the `help-block` class to the error element
                error.addClass( "help-block" );

                // Add `has-feedback` class to the parent div.form-group
                // in order to add icons to inputs
                element.parents( ".col-sm-5" ).addClass( "has-feedback" );

                if ( element.prop( "type" ) === "checkbox" ) {
                    error.insertAfter( element.parent( "label" ) );
                } else {
                    error.insertAfter( element );
                }

                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !element.next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
                }
            },
            success: function ( label, element ) {
                // Add the span element, if doesn't exists, and apply the icon classes to it.
                if ( !$( element ).next( "span" )[ 0 ] ) {
                    $( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
                }
            },
            highlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
                $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
            },
            unhighlight: function ( element, errorClass, validClass ) {
                $( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
                $( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
            }
        } );    
</script>
@endsection