<div class="container-fluid">
	<!-- ============================================================== -->
	<!-- Start Page Content -->
	<!-- ============================================================== -->
	<div class="row ">
		<div class="col-12">
			<div class="card card-outline-info">
				<div class="card-header">
					<h6 class="m-b-0 text-white">Portfolio</h6>
				</div>

				<div class="card-body">
					<button type="button" class="btn btn-info open" data-toggle="collapse" data-target="#add">Add New</button>
					<div id="add" class="collapse">
						<div class="row justify-content-center">
							<div class="col col-md-8">
								<form id="addForm" method="post">
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												<label class="control-label">Date</label>
												<input type="text" name="date" class="form-control datepicker" autocomplete="off" placeholder="Choose a date" value="<?php echo date('d/m/Y')?>">
											</div>
										</div>
										<div class="col-md-5">
											<div class="form-group">
												<label class="control-label">Title</label>
												<input type="text" name="portfolio_title" class="form-control" autocomplete="off" placeholder="Type portfolio title">
											</div>
										</div>
										<div class="col-md-4">
											<div class="form-group">
												<label class="control-label">Company</label>
												<input type="text" name="company_name" class="form-control" autocomplete="off" placeholder="Type company name">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
												<label class="control-label">Company Address</label>
												<input type="text" name="company_address" class="form-control" autocomplete="off" placeholder="Type company address">
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="control-label">Portfolio Details</label>
										<textarea class="form-control" id="ckfield" name="content" rows="10"></textarea>
									</div>
									<!--<hr>
									<label><input type='checkbox' class='custom-checkbox' name="check" id="check"> Have any testimony from this company? </label>
									--><div id="testimony" style="display: none">
										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label class="control-label">Reviewer Name</label>
													<input type="text" name="contact_person" class="form-control" autocomplete="off" placeholder="Type reviewer name">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label class="control-label">Reviewer's Designation</label>
													<input type="text" name="contact_person_post" class="form-control" autocomplete="off" placeholder="Type reviewer's designation">
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<label class="control-label">Testimony</label>
													<textarea class="form-control" name="testimonial" autocomplete="off" placeholder="Type testimonial"></textarea>
												</div>
											</div>
										</div>
									</div>
									<?php
									$csrf = array(
										'name' => $this->security->get_csrf_token_name(),
										'hash' => $this->security->get_csrf_hash()
									);
									?>
									<input type="hidden" name="<?=$csrf['name'];?>" id="token_key" value="<?=$csrf['hash'];?>" class="form-control login_style" readonly>


									<div class="submit-btn-group text-xs-right">
										<button type="submit" class="btn btn-info submit_button">Submit</button>
										<button type="reset" class="btn btn-inverse reset_button">Cancel</button>
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="table-responsive">
						<br>
						<table id="portfolioTable" class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>#</th>
									<th width="10%">Date</th>
									<th width="15%">Title</th>
									<th width="15%">Company</th>
									<th width="20%">Address</th>
									<th width="10%">Publish</th>
									<th width="10%">Status</th>
									<th width=10%">Action</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>


					<div class="modal fade" id="full_width_modal_parent" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" data-backdrop="static" data-keyboard="false">
						<div class="modal-dialog modal-lg full_width_modal" role="document">
							<div class="modal-content full_width_modal_content">
								<div class="modal-header">
									<h4 class="modal-title" id="exampleModalLabel1">View Portfolio</h4>
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								</div>
								<div class="modal-body">
									<div class="row">
										<div class="col-md-6">
											<form id="updateLogo">
												<div class="form-group">
													<label>Picture</label>
													<input type="file"  class="form-control" id="upload" accept="image/*">
												</div>
												<div id="upload-demo" style="width:100%;margin: 0 auto;background: #e6efec;padding-top: 10px;">
												</div>
												<div class="form-group">
													<button type="submit" class="btn btn-info upload-result">Add Picture</button>
												</div>
											</form>
										</div>
										<div class="col-md-6">
											<div id="modal_image"></div>
											<form id="updateForm" method="post">
												<div class="row">
													<div class="col-md-3">
														<div class="form-group">
															<label class="control-label">Date</label>
															<input type="text" name="date" class="form-control datepicker" autocomplete="off" placeholder="Choose a date" id="modal_date">
														</div>
													</div>
													<div class="col-md-5">
														<div class="form-group">
															<label class="control-label">Title</label>
															<input type="text" name="portfolio_title" id="modal_portfolio_title" class="form-control" autocomplete="off" placeholder="Type portfolio title">
														</div>
													</div>
													<div class="col-md-4">
														<div class="form-group">
															<label class="control-label">Company</label>
															<input type="text" name="company_name" id="modal_company_name" class="form-control" autocomplete="off" placeholder="Type company name">
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<div class="form-group">
															<label class="control-label">Company Address</label>
															<input type="text" name="company_address" id="modal_company_address" class="form-control" autocomplete="off" placeholder="Type company address">
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="control-label">Portfolio Details</label>
													<textarea class="form-control" id="modal-ckfield" name="content" rows="10"></textarea>
												</div>
												<!--<hr>
												<label><input type='checkbox' class='custom-checkbox' name="check" id="modal_check"> Have any testimony from this company? </label>
												--><div id="modal_testimony">
													<div class="row">
														<div class="col-md-6">
															<div class="form-group">
																<label class="control-label">Reviewer Name</label>
																<input type="text" name="contact_person" id="modal_contact_person" class="form-control" autocomplete="off" placeholder="Type reviewer name">
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-group">
																<label class="control-label">Reviewer's Designation</label>
																<input type="text" name="contact_person_post" id="modal_contact_person_post" class="form-control" autocomplete="off" placeholder="Type reviewer's designation">
															</div>
														</div>
														<div class="col-md-12">
															<div class="form-group">
																<label class="control-label">Testimony</label>
																<textarea class="form-control" name="testimonial" id="modal_testimonial" autocomplete="off" placeholder="Type testimonial"></textarea>
															</div>
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="control-label">Status</label>
													<select class="form-control" name="status" id="modal_status">
														<option value="">-select a status-</option>
														<option value="Active">Active</option>
														<option value="De-Active">De-Active</option>
													</select>
												</div>
												<?php
												$csrf = array(
													'name' => $this->security->get_csrf_token_name(),
													'hash' => $this->security->get_csrf_hash()
												);
												?>
												<input type="hidden" name="<?=$csrf['name'];?>" value="<?=$csrf['hash'];?>" class="form-control login_style" readonly>
												<input type="hidden" name="portfolio_id" id="modal_portfolio_id" readonly>

												<div class="form-group">
													<button type="submit" class="btn btn-info update_button_2">Update</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
												</div>
											</form>
										</div>
									</div>
									<input type="hidden" id="modal_portfolio_id_picture" name="portfolio_id" readonly>

								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- ============================================================== -->
	</div>

</div>

