<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>/assets/favicon.png">
	<title>Summit CRM</title>
	<link href="<?=base_url();?>/assets/style.css" rel="stylesheet">
	<link href="<?=base_url();?>/assets/select2/select2.min.css" rel="stylesheet">
	<link href="<?=base_url();?>/assets/select2/select2-bootstrap-5-theme.min.css" rel="stylesheet">
	<style>
		.select2-results__option { font-size: 0.75rem !important; margin: 5px !important; padding: 5px !important; }
		li.select2-selection__choice { background-color : #000 !important; padding:5px !improtant; }
		.select2 {width:100%!important;}
    </style>
	<script src="<?=base_url();?>/assets/jquery/jquery.min.js"></script>
	<script src="<?=base_url();?>/assets/select2/select2.min.js"></script>
	<?= $this->renderSection('head'); ?>
</head>

<body class="skin-megna-dark fixed-layout">
	<div class="preloader">
		<div class="loader">
			<div class="loader__figure"></div>
			<p class="loader__label">Summit-CRM</p>
		</div>
    </div>

	<div id="main-wrapper">
		<div class="container-fluid">
			<div class="row">
				<div class="col-12">

					<div class="card mt-2">
						<div class="card-body">
							<?= $this->renderSection('content'); ?>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	
	<script src="<?=base_url();?>/assets/bootstrap.bundle.min.js"></script>
	<script src="<?=base_url();?>/assets/perfect-scrollbar.jquery.min.js"></script>
	<script src="<?=base_url();?>/assets/app.js"></script>
	<?= $this->renderSection('script'); ?>
	<script>
	$('.select2').select2();
	</script>
</body>
</html>