<div class="row mb-4">
	<div class="col-lg-12 col-md-12 mb-md-0">
		<div class="card">
			<div class="card-header pb-0">
				<div class="row">
					<div class="col-lg-6 col-7">
						<h6>Manage Intro</h6>
					</div>
					
				</div>
			</div>
			<div class="card-body px-0 pb-2">
				<div class="container">
					<div class="row">
						<div class="col-xl-12 col-lg-12 col-md-12 d-flex flex-column ms-auto me-auto ms-lg-auto me-lg-12">
							<div class="card card-plain">
								<div class="card-body">
                                <div class="list-group-item border-0 d-flex p-4 mb-2 bg-gray-100 border-radius-lg" style=" align-items: center;justify-content: center;">
										<div class="d-flex flex-column">
											<span style="vertical-align:middle;"><i class="material-icons opacity-10" style="font-size:40px;vertical-align:middle;">info</i>&nbsp;IMPORTANT: Images should ideally be 500kb or less in size. If images are too large the app may crash. You can use a service like https://bulkresizephotos.com/ to resize images down to this size.</span>
										</div>
									</div>
									<form action="action.php" method="post" role="form" enctype="multipart/form-data">
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img1file'] ?>"/>
									</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 1</label>
											<input name="img1file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 1 Caption</label>
											<input name="img1caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img1caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img2file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 2</label>
											<input name="img2file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 2 Caption</label>
											<input name="img2caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img2caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img3file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 3</label>
											<input name="img3file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 3 Caption</label>
											<input name="img3caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img3caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img4file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 4</label>
											<input name="img4file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 4 Caption</label>
											<input name="img4caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img4caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img5file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 5</label>
											<input name="img5file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 5 Caption</label>
											<input name="img5caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img5caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img6file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 6</label>
											<input name="img6file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 6 Caption</label>
											<input name="img6caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img6caption'] ?>">
										</div>
										<div class="input-group input-group-outline">
										<img style="max-height:150px;padding:10px" src="ad-images/<?php echo $smartersBackgroundInfo['img7file'] ?>"/>
									</div>
                                        <div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 7</label>
											<input name="img7file" type="file" class="form-control">
										</div>
										<div class="input-group input-group-outline mb-3 is-filled">
											<label class="form-label">Image 7 Caption</label>
											<input name="img7caption" type="text" class="form-control" value="<?php echo $smartersBackgroundInfo['img7caption'] ?>">
										</div>
										<div class="text-center">
											<button name="updatesmartersbackgrounds" type="submit" class="btn btn-lg bg-gradient-secondary btn-lg w-100 mt-4 mb-0">Update</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>