@extends('frontend.layouts.member-app')
@section('content')
<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">Occupation/Business</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.occupation-info.update',$editData->id)}}">
			@csrf
			@php
			if(old('primary_occupation')){
				$primary_occupation = old('primary_occupation');	
			}elseif($editData){
				$primary_occupation = $editData->primary_occupation;
			}else{
				$primary_occupation = null;
			}

			if(old('employeer_name')){
				$employeer_name = old('employeer_name');	
			}elseif($editData){
				$employeer_name = $editData->employeer_name;
			}else{
				$employeer_name = null;
			}

			if(old('designation')){
				$designation = old('designation');	
			}elseif($editData){
				$designation = $editData->designation;
			}else{
				$designation = null;
			}

			if(old('work_address')){
				$work_address = old('work_address');	
			}elseif($editData){
				$work_address = $editData->work_address;
			}else{
				$work_address = null;
			}

			if(old('work_telephone_cell')){
				$work_telephone_cell = old('work_telephone_cell');	
			}elseif($editData){
				$work_telephone_cell = $editData->work_telephone_cell;
			}else{
				$work_telephone_cell = null;
			}

			if(old('work_email')){
				$work_email = old('work_email');	
			}elseif($editData){
				$work_email = $editData->work_email;
			}else{
				$work_email = null;
			}

			if(old('work_additional_info')){
				$work_additional_info = old('work_additional_info');	
			}elseif($editData){
				$work_additional_info = $editData->work_additional_info;
			}else{
				$work_additional_info = null;
			}

			
			@endphp
			<div class="card">
				<div class="card-body">
					<div class="row">						
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Primary Occupation</label>
								<input type="text" name="primary_occupation" value="{{ $primary_occupation }}" class="form-control" placeholder="" />								
							</div>
						</div>						
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Employer Name</label>
								<input type="text" name="employeer_name" value="{{ $employeer_name }}" class="form-control" placeholder="" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Designation</label>
								<input type="text" name="designation" value="{{ $designation }}" class="form-control" placeholder="" />
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Telephone/Mobile</label>
								<input type="text" name="work_telephone_cell" value="{{ $work_telephone_cell }}" class="form-control">
							</div>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label">Email</label>
								<input type="text" name="work_email" value="{{ $work_email }}" class="form-control">
							</div>
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<label class="control-label">Address</label>
								<textarea name="work_address" class="form-control">{{ $work_address }}</textarea>
							</div>
						</div>						
						<div class="col-sm-5">
							<div class="form-group">
								<label class="control-label">Additional Information</label>
								<textarea name="work_additional_info" class="form-control">{{ $work_additional_info }}</textarea>
							</div>
						</div>
					</div>					
				</div>
				<div class="card-footer text-right">
					<a href="{{route('become-member.address-info', $editData->id)}}" class="btn btn-primary btn-sm">Previous</a>				
					<input type="submit" name="action" value="Next" 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>
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true
		});

		$(document).on('click', '.more-children', function(){
			var parentRow = $(this).closest('.children-container');
			var clonedElement = $(this).closest('.row').clone(true);
			clonedElement.find('.remove-children').removeClass('d-none');
			parentRow.append(clonedElement);
			$('.single-date-picker').daterangepicker({
				singleDatePicker: true,
				showDropdowns: true
			});
		});

		$(document).on('click', '.remove-children', function(){
			$(this).closest('.row').remove();
		});				
	});
</script>

@endsection