@extends('frontend.layouts.member-app')
@section('content')
<style type="text/css">
	input[type="file"]{
		height: 32px !important;
		line-height: 1.1rem;
	}
</style>
<div class="panel panel-default" style="margin-top: 20px;">
	<div class="panel-heading bg-success">
		{{-- @include('frontend.become-member.membership-header') --}}
		<h3 class="panel-title">References</h3>
	</div>
	<div class="panel-body">

		@if (Session::has('message'))
			    <div class="col-md-6 col-md-offset-2 alert alert-info">
			    	<button type="button" class="close" data-dismiss="alert">
						<i class="ace-icon fa fa-times"></i>
					</button>
					{{Session::get('message')}}
			    </div>
		@endif
		@if ($errors->any())
			    <div class="alert alert-danger col-md-6 col-md-offset-2">
			        <ul>
			            @foreach ($errors->all() as $error)
			                <li>{{ $error }}</li>
			            @endforeach
			        </ul>
			    </div>
		@endif
		
		<form method="POST" action="{{route('become-member.final-submit',$editData['id'])}}" enctype="multipart/form-data">
			@csrf
			<input type="hidden" name="member_id" value="{{ $editData['id'] }}">
			<div class="card">
				<div class="card-body">
					{{-- @for($i = 0; $i < sizeof($columns); $i++)
					<p>{{ ucfirst(str_replace('_', ' ',$columns[$i]) )}}</p>
					@endfor --}}
					@foreach ($editData as $key => $element)
					@php
					$values = explode("_", $key);
					foreach($values as &$value)
					{
						$value = str_replace(" ", "", $value);
					}
					$output = implode(" ", $values);
					@endphp
					@if ($key != 'id')
					<p><strong>{{ ucwords($output) }}</strong> : {{ $element }}</p>
					@endif
					@endforeach
				</div>
				<div class="card-footer text-right">
					<a href="{{route('become-member.golfing-background', $editData['id'])}}" class="btn btn-primary btn-sm">Previous</a>				
					<input type="submit" name="action" value="Submit" class="btn btn-warning btn-sm">					
				</div>
			</div>			
		</form>	
	</div>
	<div class="panel-footer">

	</div>
</div>

<style type="text/css">
	.action-column button {
		min-width: auto!important;
	}
</style>

@endsection