{{-- Form Header --}}
@if(isset($article) || isset($invoice) || isset($profile)  || isset($market) || isset($exhibitor))
<div class="panel panel-info">
	<div class="panel-heading collapse-trigger" data-toggle="collapse" data-target="#form_editting">{{ isset($profile) ? "Personal Information" : $form['result']['name'] }} <i class="glyphicon glyphicon-chevron-up pull-right"></i></div>
	<div id="form_editting" class="collapse in">
		<div class="panel-body">
			<div class="form-group form-content" data-form-id="{{ $form['result']['id'] }}">
@endif

{{-- Form Body --}}
<div id="form_{{ $form['result']['timestamp'] }}" class="stepwizard">
	@if(count($form['result']['fields']) > 1)
	<div class="stepwizard-row setup-panel">
		@foreach($form['result']['fields'] as $active_key => $active_value)
		@if($active_value['page_display'] == 1)
		<div class="stepwizard-step" style="width: {{ $form['result']['col_seperate'] }}em;">
			<a href="#step_{{ $form['result']['timestamp'] }}_{{$active_value['page_id']}}" type="button" class="btn btn-{{$active_key == 0 ? 'primary' : 'default'}} btn-circle">{{$active_key + 1}}</a>
			<p class="hidden-sm hidden-xs">{{ $active_value['page_name'] == null ? ('Step '.$active_key + 1) : $active_value['page_name'] }}</p>
		</div>
		@endif
		@endforeach
	</div>
	@endif
	@foreach($form['result']['fields'] as $panel_key => $panel_value)
	<div id="step_{{ $form['result']['timestamp'] }}_{{$panel_value['page_id']}}" class="row setup-content" style="margin-top: 20px;">
		<div class="col-xs-12 col-md-10 col-lg-10 col-md-offset-1">
			<div class="col-md-12">
				<div class="page-form" style="margin-top: 20px;"></div>
				@if($panel_key != 0)
				<button class="btn btn-info previous-button pull-left" type="button" style="margin-top: 15px;">@lang('global.previous')</button>
				@endif
				@if(($panel_key + 1) < count($form['result']['fields']))
				<button class="btn btn-info next-button pull-right" type="button" style="margin-top: 15px;">@lang('global.next')</button>
				@else
				@if(isset($article) && $form['result']['form_submission'])
				<button class="btn btn-primary pull-right article-save" style="margin-top: 15px;" type="submit">@lang('global.submit')</button>
				@endif
				@if(isset($market) && $form['result']['form_submission'])
				<button class="btn btn-primary pull-right market-save" style="margin-top: 15px;" type="submit">@lang('global.submit')</button>
				@endif
				@if(isset($invoice) && $form['result']['form_submission'])
				<button class="btn btn-primary pull-right invoice-save" type="submit">@lang('global.save')</button>
				@endif
				@endif
			</div>
		</div>
	</div>
	@endforeach
</div>

{{-- Form Footer --}}
@if(isset($article) || isset($invoice) || isset($profile) || isset($market) || isset($exhibitor))
			</div>
		</div>
	</div>
	<div class="{{ isset($market) || isset($exhibitor) ? "row" : "" }}">
		<div class="{{ isset($market) || isset($exhibitor) ? "col-xs-12 col-md-10 col-lg-10 col-md-offset-1" : "col-md-12"}}">
			@if(isset($profile) || isset($exhibitor))
				@if(Request::session()->get('attendee_type') == 'Attendee / Trade Visitor')
					@if($event['result']['code'] != "uOCMp")
						<a href="/form/{{ $event['result']['code'] }}" target="_blank" class="btn btn-info" style="margin-top: 3%;">@lang('global.add_registration')</a>
					@endif
				@endif
			@endif

			@if(!$form['result']['form_submission'])
				@if(!isset($save_block))
				<button type="submit" class="btn btn-success form-save pull-right" style="margin-top: 3%; margin-right: 3%; margin-bottom: 1%;">@lang('global.save')</button>
				@endif
			@endif
		</div>
	</div>
</div>
@endif

<script type="text/javascript">
	@foreach($form['result']['fields'] as $key => $value)
	var formData = {
		dataType: 'json',
		formData: JSON.stringify({!! $value['form_data'] !!})
	}
	$('#form_{{ $form['result']['timestamp'] }} div#step_{{ $form['result']['timestamp'] }}_{{$value['page_id']}} .page-form').formRender(formData);
	@endforeach
	// Init Stepwizard
	stepwizard_init();

	@if(isset($article) || isset($invoice) || isset($profile) || isset($market))
	$('.collapse').on('shown.bs.collapse', function(){
        $(this).prev('.collapse-trigger').find(".glyphicon-chevron-down").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
    }).on('hidden.bs.collapse', function(){
        $(this).prev('.collapse-trigger').find(".glyphicon-chevron-up").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
    });
	@endif

	@if(isset($article))
	@if(isset($event_code))
	var event_code = '{{ $event_code }}';
	var custom_attendee_type = '{{ $attendee_type }}';
	@endif
	@endif
</script>