
<link href="<?php echo base_url();?>assets/css/bootstrap.min.css">
<link href="<?php echo base_url();?>assets/css/dataTables.bootstrap5.css">
<script src="<?php echo base_url();?>assets/js/jquery-3.7.1.js"></script>
<script src="<?php echo base_url();?>assets/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo base_url();?>assets/js/dataTables.js"></script>
<script src="<?php echo base_url();?>assets/js/dataTables.bootstrap5.js"></script>
<style>
.jsgrid-table th, .table td, .jsgrid .jsgrid-table td {
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.9;
  white-space: nowrap;
}

</style>

<div class="main-panel">
	<div class="content-wrapper">
		<div class="page-header">
			<h3 class="page-title">Chart / Map Colors </h3>
			
		</div>
		<div class="row">
			<div class="col-lg-12 grid-margin stretch-card">
				<div class="card">
					<div class="card-body">
						
						<div class="table-responsive">
							<form name="colorFOrm" method="post" action="<?php echo base_url();?>setting/saveColor">
							<?php if ($this->session->flashdata('color_save')): ?>
								<div class="alert alert-success alert-dismissible fade show" role="alert">
									<?php echo $this->session->flashdata('color_save'); ?>
									
								</div>
							<?php endif; ?>
							<table class="table table-bordered" id="example">
								<tbody>
									<tr>
										<td>Color 1 </td>
										<td> <input type="color" id="favcolor" name="color_one" value="<?php echo $request_data[0]['color_one'];?>"></td>
									</tr>
									<tr>
										<td>Color 2</td>
										<td> <input type="color" id="favcolor" name="color_two" value="<?php echo $request_data[0]['color_two'];?>"></td>
									</tr>
									<tr>	
										<td colspan="2"><input type="submit" class="btn btn-success btn-rounded" name="submit" value="Save">
									</tr>
								</tbody>
							</table>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>	
</div>	