%PDF-
%PDF-
Mini Shell
Mini Shell
<style>
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}
ul.tabs li.current{
background: #fff;
color: #222;
border-bottom: 3px solid #ffb70b;
}
.tab-content{
display: none;
background: #fff;
padding: 15px;
}
.tab-content.current{
display: inherit;
}
.blockcard-detail h3{
font-size: 16px;
font-weight: bold;
}
.blockcard-detail p{
font-size: 15px;
}
.blockcard-detail{
padding-top: 20px;
padding-bottom: 20px;
}
.btedit {
width: 79px;
}
.items ul {
overflow: auto;
}
.items ul li {
list-style-type: none;
float: left;
}
.items ul li a i {
background: #205D7A;
color: #fff;
width: 30px;
height: 31px;
border-radius: 20px;
font-size: 20px;
text-align: center;
margin-right: 10px;
padding-top: 15%;
}
.items span{
display:block;
font-size: 14px;
text-align: center;
}
.block-50{
width:50%;
border: 2px solid #f4f3f3;
padding: 20px 10px 20px 10px;
}
</style>
<script src="https://cdn.ckeditor.com/ckeditor5/17.0.0/classic/ckeditor.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="content-wrapper">
<section class="content-header">
<h1>Dashboard</h1>
</section>
<section class="content">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="card card-primary card-outline">
<div class="card-body box-profile">
<div class="text-center">
</div>
<h3 class="profile-username text-center"><?=$customer['name']?></h3>
<p class="text-muted text-center">Package</p>
</div>
<!-- /.card-body -->
</div>
</div>
<div class="col-sm-9">
<div class="card card-primary card-outline">
<div class="card-body box-profile">
<div class="row">
<div class="col-md-6">
<p class="text-muted ">Email <?=$customer['email']?> </p>
<p class="text-muted ">Phone: <?=$customer['phone']?> </p>
<div class="items">
<ul>
<li><a href="http://facebook.com/"><i class="fa fa-car"></i><span>Email</span></a></li>
<li><a href="http://linkedin.com/"><i class="fa fa-linkedin"></i></a><span>Follow Up</span></li>
<li><a href="http://twitter.com/"><i class="fa fa-twitter"></i></a><span>Task</span></li>
<li><a href="http://plus.google.com/"><i class="fa fa-google-plus"></i> </a><span>Follow up</span></li>
</ul>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
<!-- /.card-body -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">Activity</li>
<li class="tab-link" data-tab="tab-2">Notes</li>
<li class="tab-link" data-tab="tab-3">Tasks</li>
<li class="tab-link" data-tab="tab-4">Followup</li>
<li class="tab-link" data-tab="tab-5">Terms and conditions</li>
</ul>
<div id="tab-1" class="tab-content current">
<div class="row blockcard blockcard-detail block-50 ">
<div class="col-md-2">
<i class="fa fa-car"></i>
</div>
<div class="col-md-8">
<h3>Enquiry</h3>
<p> <?=$customer['enquiry']?></p>
</div>
<div class="col-md-2">
<p>Dec 4 2017</p>
</div>
</div>
</div>
<div id="tab-2" class="tab-content">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal11">Add Hotels</button>
<?php foreach ($hotels as $hotel) { ?>
<div class="row blockcard blockcard-detail ">
<div class="col-md-2">
<img src="http://localhost/boniface/assets/images/<?=$plan['image'];?>" width="150px">
</div>
<div class="col-md-6">
<h3><?=$hotel['hotel_name'];?></h3>
<p><?=$hotel['city'];?></p>
<p><?=$hotel['type'];?></p>
</div>
<div class="col-md-1">
<a href="#" class="btn btn-success btn-sm" data-toggle="modal" data-target="#myModal">Edit</a>
</div>
</div>
<?php } ?>
</div>
<div id="tab-3" class="tab-content">
</div>
<div id="tab-4" class="tab-content">
<form action="<?php echo site_url('packages/savepolicies');?>" method="post">
<textarea id="editor" name="policies" class="ckeditor"><?=$customer['policies']?></textarea>
<input type="hidden" name="package_id" value="<?=$customer['package_id']?>">
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div id="tab-5" class="tab-content">
<form action="<?php echo site_url('packages/saveterms');?>" method="post">
<textarea id="editor2" name="terms" class="ckeditor"><?=$customer['terms']?></textarea>
<input type="hidden" name="package_id" value="<?=$customer['package_id']?>">
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
<!-- Modal -->
<form id="add-row-form" action="<?php echo site_url('packages/adddayplan');?>" method="post">
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<input type="hidden" name="lead_id" value="">
<div class="form-group">
<label>Enter Day Plan</label>
<input type="text" name="day" class="form-control" placeholder="Day 1- Arrive in Krabbbi" required>
</div>
<div class="form-group">
<label>Enter Description</label>
<input type="text" name="description" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<input type="hidden" name="package_id" class="form-control" placeholder="" value="<?=$customer['package_id']?>">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
</form>
<!-- Modal 1 -->
<?php echo form_open_multipart('packages/addhotels');?>
<div id="myModal11" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<input type="hidden" name="lead_id" value="">
<div class="form-group">
<label>Enter Hotel Name</label>
<input type="text" name="hotel_name" class="form-control" placeholder="Day 1- Arrive in Krabbbi" required>
</div>
<div class="form-group">
<label>Enter Location</label>
<input type="text" name="hotel_location" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<label>Enter Type</label>
<input type="text" name="hotel_type" class="form-control" placeholder="" required>
</div>
<div class="form-group">
<input type="file" id="image" name="image"/>
</div>
<div class="form-group">
<input type="hidden" name="package_id" class="form-control" placeholder="" value="<?=$customer['package_id']?>">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
</form>
<!--Modal1 -->
</section>
<script type="text/javascript">
$(document).ready(function(){
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
})
</script>
<script>
tinymce.init({
selector:'.editor',
theme: 'modern',
height: 200
});
</script>
<script>
ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
console.log( editor );
} )
.catch( error => {
console.error( error );
} );
ClassicEditor
.create( document.querySelector( '#editor2' ) )
.then( editor => {
console.log( editor );
} )
.catch( error => {
console.error( error );
} );
</script>
</script>
Zerion Mini Shell 1.0