
<div class="row">
	<div class="col-md-6 col-lg-6">
		<form action="<?= base_url("admin/vcards/add_vcard_icon"); ?>" method="POST" class="submitForm">
			<!-- csrf token -->
			<input type="hidden" name="<?= $this->security->get_csrf_token_name(); ?>" value="<?= $this->security->get_csrf_hash(); ?>">
			<div class="card">
				<div class="card-header">
					<h4><?= lang('add_vcard_icon'); ?></h4>
				</div>
				<div class="card-body">
					<div class="iconBody" id="sortable">
						<div class="input_fields_wrap">
							<?php foreach ($sites as $key => $row): ?>
								<div class="form-group">
									<div class="addField">
										<div class="addFieldHeading">
											<div class="d handle">
												<i class="fa fa-reorder"></i>
												<h4><span class="mr-2"><?= $row['icon'] ;?></span> <?= $row['name'] ;?></h4>
											</div>
											<a href="<?= base_url('delete-icon/'.html_escape($row['vsite_id']).'/vcard_social_sites'); ?>" class="action_btn" data-msg="<?= !empty(lang('want_to_delete'))?lang('want_to_delete'):'Want to delete?' ;?>"><i class="fa fa-close"></i></a>
										</div>
										<div class="addFieldDetails">
											<input type="text" name="label[<?= $row['site_id'] ;?>]" class="form-control" value="<?= $row['label'] ;?>">
											<input type="text" name="value[<?= $row['site_id'] ;?>]" class="form-control" value="<?= $row['value'] ;?>">
											<input type="hidden" name="site_id[]" value="<?= $row['site_id'] ;?>">
										</div>
									</div>
								</div>
							<?php endforeach ?>
						</div>
					</div>
				</div>
				<?php $limit = single_select_by_id($u_info->account_type,'features_type') ?>
				
				<a href="javascript:;" class="vcard_limit" data-limit="<?= $limit['vcard_limit'] ;?>"></a>
				<a href="javascript:;" class="limit_text" data-msg="<?= !empty(lang('field_limit_exists'))?lang('field_limit_exists'):"Limit exceed, please upgrade your membership" ;?>"></a>
				<div class="card-footer d-flex space-between">
					<input type="hidden" name="id" value="<?= isset($data['id'])?$data['id']:0 ;?>">
					<a href="<?= base_url("admin/vcards/?_user_token=".md5($data['id'])."&p=2"); ?>" class="btn btn-default"><i class="icofont-double-left"></i> <?= lang('previous'); ?></a>
					<button name="submit" type="submit" class="btn btn-secondary"><?= lang('next'); ?> <i class="icofont-double-right"></i></button>
				</div>
			</div>
		</form>
	</div><!-- col-8 -->
	<div class="col-md-6 col-lg-6">
		<div class="card">
			<div class="card-header">
				<h4><?= lang('choose_icons'); ?></h4>
			</div>

			<div class="card-body">
				<div class="rightSideIcon">
					<ul>
						<?php foreach ($social_sites as $key => $value): ?>
							<li><a href="javascript:;" class="add_icon_btn" data-id="<?=  $value['id'];?>" data-field-type="text" data-type="<?= !empty($value['type'])?$value['type']:"others" ;?>" data-placeholder="<?= $value['name'];?>" data-icon='<?= $value['icon'];?>'>
								<?= $value['icon'];?>
								<span><?= $value['name'];?></span>
							</a></li>
						<?php endforeach ?>

					</ul>
				</div>
			</div>
		</div>
		<!-- card -->
		<?php include 'vcard_mockup.php'; ?>
	</div>
</div>







