{{-- CityHub - Add / edit company --}}

<div class="container">
	<div class="row mt30">
		<div class="col-xs-12">
			<h2 class="pbot10">{{ $title or null }}</h2>
			<hr>
		</div>
	</div>

	<div class="row">
		<div class="col-xs-12">
			{{ Form::open(array('route' => $postRoute, 'role' => 'form', 'class' => 'form-horizontal', 'autocomplete' => 'off')) }}

				@if ($mode == 'edit')
					{{ Form::hidden('id', $company->id, array('id' => 'id')) }}
				@endif

				<div class="form-group">
					<label for="company_name" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_company_name') }}:*</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::text('company_name', isset($company->name) ? $company->name : null, array('id' => 'company_name', 'class' => 'form-control')) }}
						@if (isset($errors) && ($errors->first('company_name') != '' || $errors->first('company_name') != null))
            <p><small class="error">{{ $errors->first('company_name') }}</small></p>
            @endif
					</div>
				</div>
				<div class="form-group">
					<label for="company_email" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_company_email') }}:*</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::text('company_email', isset($company->email) ? $company->email : null, array('id' => 'company_email', 'class' => 'form-control')) }}
						@if (isset($errors) && ($errors->first('company_email') != '' || $errors->first('company_email') != null))
						<p><small class="error">{{ $errors->first('company_email') }}</small></p>
						@endif
					</div>
				</div>
				<div class="form-group">
					<label for="company_phone_number" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_company_phone_number') }}:*</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::text('company_phone_number', isset($company->phone) ? $company->phone : null, array('id' => 'company_phone_number', 'class' => 'form-control')) }}
						@if (isset($errors) && ($errors->first('company_phone_number') != '' || $errors->first('company_phone_number') != null))
						<p><small class="error">{{ $errors->first('company_phone_number') }}</small></p>
						@endif
					</div>
				</div>
				<div class="form-group">
					<label for="company_address" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_company_address') }}:*</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::text('company_address', isset($company->address) ? $company->address : null, array('id' => 'company_address', 'class' => 'form-control')) }}
						@if (isset($errors) && ($errors->first('company_address') != '' || $errors->first('company_address') != null))
						<p><small class="error">{{ $errors->first('company_address') }}</small></p>
						@endif
					</div>
				</div>

				<div class="form-group">
					<label for="company_description" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_company_description') }}:</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::textarea('company_description', isset($company->description) ? $company->description : null, array('id' => 'company_description', 'class' => 'form-control')) }}
						@if (isset($errors) && ($errors->first('company_description') != '' || $errors->first('company_description') != null))
						<p><small class="error">{{ $errors->first('company_description') }}</small></p>
						@endif
					</div>
				</div>

				<div class="form-group">
					<label for="fb_page_id" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.fb_page_id') }}:</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::text('fb_page_id', isset($company->fb_page_id) ? $company->fb_page_id : null, array('id' => 'fb-page-id', 'class' => 'form-control', 'onkeyup' => 'checkIfFbPageExists()')) }}
						<div id="fb-helper" data-toggle="modal" data-target="#myModal"><i class="fa fa-info-circle"></i></div>
						<div class="fb-loader" style="display: none; position: absolute; right: 25px; top: 5px;"><i class="fa fa-spinner fa-spin"></i></div>
						@if (isset($errors) && ($errors->first('fb_page_id') != '' || $errors->first('fb_page_id') != null))
						<p><small>{{ $errors->first('fb_page_id') }}</small></p>
						@endif
					</div>
				</div>

				<hr>

				<div class="form-group">
					<label for="city" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_cityname') }}:</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						{{ Form::select('city_id', $cities, isset($company) ? $company->city_id : null, array('id' => 'city_id', 'class' => 'form-control', 'data-live-search' => 'true', 'data-size' => '5')) }}
						@if (isset($errors) && ($errors->first('city_id') != '' || $errors->first('city_id') != null))
						<p><small class="error">{{ $errors->first('city_id') }}</small></p>
						@endif
					</div>
				</div>

				<div class="form-group">
					<label for="managers" class="col-xs-12 col-sm-4 col-md-3 control-label">{{ Lang::get('company.label_managers') }}:</label>
					<div class="col-xs-12 col-sm-8 col-md-9">
						<div class="mt10" id="managersContainer">
                        </div>
                        @if (isset($errors) && ($errors->first('managers') != '' || $errors->first('managers') != null))
						<p><small class="error">{{ $errors->first('managers') }}</small></p>
						@endif
						
					</div>
				</div>

				<div class="form-group mt40" id="buttons" >
					<div class="col-xs-12 text-right">
                        <span id="cancel_button" new_users="">
                            <a href="{{ URL::route('getCompaniesList')}}" class="btn btn-danger"><span class="icon icon-block"></span> {{ Lang::get('core.cancel') }}</a>
						</span>
						{{ Form::button('<span class="icon icon-add"></span> ' . Lang::get('user.title_add_user'), array('type' => 'button', 'class' => 'btn btn-info', 'onclick'=>"getNewUser()" )) }}
                        {{ Form::button('<span class="icon icon-done"></span> ' . Lang::get('core.save'), array('type' => 'submit', 'class' => 'btn btn-success')) }}

					</div>
				</div>

			{{ Form::close() }}
		</div>
	</div>
   <div id="new-user"></div>
</div>

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Upute</h4>
      </div>
      <div class="modal-body">
        {{HTML::image('img/modules/cityNews/step1.jpg')}}
				{{HTML::image('img/modules/cityNews/step2.jpg')}}
				{{HTML::image('img/modules/cityNews/step3.jpg')}}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<style>
.fb-error-border {
	border-color: red!important;
}
.fb-success-border {
	border-color: green!important;
}

#fb-helper {
	position: absolute;
	right: -5px;
	top: 7px;
}
</style>

<script>
    var back_url ="https://"+window.location.host+"/companies";
	var lang_loading = '{{ Lang::get('core.loading') }}';
	var lang_no_managers = '{{ Lang::get('core.loading') }}';
	var lang_loading_error = '{{ Lang::get('company.error_loading_managers') }}';
	var lang_loading_fail = '{{ Lang::get('company.error_loading_managers_fail') }}';
    var cancel_label= '{{ Lang::get('core.cancel') }}';
    // for newUser.js
    var lang_create_user_fail ='{{Lang::get('messages.error_creating_new_user')}}';
    var role_id=3;
    
 
	function checkIfFbPageExists()
	{
		var page_id = $('#fb-page-id').val();
		$.ajax({
			type: 'GET',
			url: 'https://graph.facebook.com/v2.2/'+ page_id +'/feed?limit=10&access_token=341384832723371|57f0fbc403b11de7aa2b2a5df4a777f3',
			dataType: 'json',
			beforeSend:function(){
				$('.fb-loader').show();
			},
			success:function(feed){
				$('#fb-page-id').closest('.form-control').removeClass("fb-error-border");
				$('#fb-page-id').closest('.form-control').addClass("fb-success-border");
				$('.fb-loader').hide();
			},
			error:function(){
				$('#fb-page-id').closest('.form-control').removeClass("fb-success-border");
				$('#fb-page-id').closest('.form-control').addClass("fb-error-border");
				$('.fb-loader').hide();
			}
		});
	}
</script>