|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/mis/app/Views/theme/BeyondAdmin/halaman/modul/pelanggan/ |
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="widget">
<div class="widget-header ">
<span class="widget-caption"><?= $page1 ?></span>
<div class="widget-buttons">
<a href="tables-data.html#" data-toggle="maximize">
<i class="fa fa-expand"></i>
</a>
<a class="sidebar-toggler" href="#">
<i class="fa fa-arrows-h"></i>
</a>
</div>
</div>
<div class="widget-body">
<?php if (!empty(session()->getFlashdata('error'))): ?>
<div class="alert alert-danger fade in">
<button class="close" data-dismiss="alert">
×
</button>
<i class="fa-fw fa fa-times"></i>
<strong>Error!</strong> <?= session()->getFlashdata('error'); ?>
</div>
<?php endif; ?>
<div id="horizontal-form">
<form class="form-horizontal" role="form" method="post" enctype="multipart/form-data"
action="<?= $url_form ?>">
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="margin-top: 5px;padding-top: 1px;">Title</label>
<div class="col-sm-10">
<span class="input-icon icon-right">
<input type="text" class="form-control" placeholder="Title" name="title"
value="<?= $title ?>">
<!--<i class="fa fa-user blue"></i>-->
</span>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="margin-top: 5px;padding-top: 1px;">Alias</label>
<div class="col-sm-10">
<span class="input-icon icon-right">
<input type="text" class="form-control" placeholder="Alias" name="alias"
value="<?= $alias ?>">
<!--<i class="fa fa-user blue"></i>-->
</span>
</div>
</div>
</div>
</div>
<!--<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right" style="margin-top: 5px;padding-top: 1px;">Kategori</label>
<div class="col-sm-10">
<select id="catid" name="catid" class="select2 style1" style="width: 100%">
<option value="0">Select Kategori </option>
<?php
// foreach($data_artikel_category as $dt) {
// $select='';
// if($dt['id']==$catid ) { $select='selected';} else {$select='';}
// echo '<option value="'.$dt['id'].'" '.$select.'>'.$dt['name'].'</option>';
// }
?>
</select>
</div>
</div>
</div>
</div>-->
<!--<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right" style="margin-top: 5px; padding-top: 1px;">Internal tags</label>
<div class="col-sm-10">
<span class="input-icon icon-right">
<input type="text" class="form-control" placeholder="Add tags" name="internaltags" value="<?= '';//$internaltags ?>" data-role="tagsinput">
</span>
</div>
</div>
</div>
</div>-->
<?php
$date = date_create($publish_up);
$tgl = date_format($date, "d-m-Y");
$jam = date_format($date, "H:i:s");
?>
<div class="row" style="margin-bottom: -30px;">
<div class="form-group col-sm-8">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right">Tgl
Publish</label>
<div class="col-sm-4">
<div class="input-group">
<input class="form-control date-picker" id="id-date-picker-1" type="text"
data-date-format="dd-mm-yyyy" name="tgl" value="<?= $tgl ?>">
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
</div>
</div>
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right">Jam
Publish</label>
<div class="col-sm-4">
<div class="input-group">
<input class="form-control" id="timepicker1" name="jam" type="text" <?= $jam ?>>
<span class="input-group-addon">
<i class="fa fa-clock-o"></i>
</span>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: -30px;">
<div class="form-group col-sm-8">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="padding-top: 1px;">Published</label>
<div class="col-sm-10">
<label>
<input class="checkbox-slider slider-icon colored-blue" type="checkbox"
name="published" value="1" <?php if ($published == 1) {
echo 'checked';
} ?>>
<span class="text"></span>
</label>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-6">
<div class="form-group">
<div class="col-sm-12 text-left">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Image /
Foto</label>
<br>
</div>
<div class="col-sm-12" style="margin-top: 5px;">
<?php if ($data_baru == 'Y' or $url_image == '') { ?>
<img id="output_image" alt="100%x140"
style="padding: 10px; max-height: 350px; width: 100%; display: block;"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDI0OCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzLz48cmVjdCB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjkxLjg0OTk5ODQ3NDEyMTEiIHk9IjcwIiBzdHlsZT0iZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEycHQ7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MjQ4eDE0MDwvdGV4dD48L2c+PC9zdmc+"
data-holder-rendered="true">
<?php } else { ?>
<img id="output_image" alt="100%x140"
style="padding: 10px; max-height: 350px; width: 100%; display: block;"
src="<?= base_url() . $url_image ?>" data-holder-rendered="true">
<?php } ?>
<script type='text/javascript'>
function preview_image(event) {
var reader = new FileReader();
reader.onload = function() {
var output = document.getElementById('output_image');
output.src = reader.result;
}
reader.readAsDataURL(event.target.files[0]);
}
</script>
</div>
<div class="col-sm-12" style="margin-top: 5px;">
<div class="input-group">
<input type="hidden" name="sampulLama" value="<?= $url_image ?>">
<br>
<input accept="image/*" type='file' id="imgInp"
onchange="preview_image(event)" value="<?= $url_image ?>"
name="image" />
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<!--<div class="col-sm-12 text-center">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Deskripsi</label>
</div>
<div class="col-sm-12">
<textarea cols="80" id="editor1" name="introtext" rows="4" ><?= '';// $introtext ?></textarea>
</div>-->
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-12">
<div class="form-group">
<div class="col-sm-12 text-left">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Isi
Artikel</label>
</div>
<div class="col-sm-12">
<textarea cols="80" id="editor2" name="fulltexts"
rows="10"><?= $fulltexts ?></textarea>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-6">
<div class="form-group">
<div class="col-sm-12 text-center">
<label for="inputEmail3" class="control-label no-padding-right "
style="margin-top: 5px;">Meta Diskripsi / Ringkasan Konten</label>
</div>
<div class="col-sm-12">
<textarea id="metadesc" name="metadesc" rows="10"
style="width: 100%;"><?= $metadesc ?></textarea>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<div class="col-sm-12 text-center">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Meta
Keyword / Kata Kunci</label>
</div>
<div class="col-sm-12">
<textarea id="metakey" name="metakey" rows="10"
style="width: 100%;"><?= $metakey ?></textarea>
</div>
</div>
</div>
</div>
<br>
<input type="hidden" name="id" value="<?= $id ?>">
<button type="submit" class="btn btn-primary shiny">Simpan Pelanggan</button>
<button type="button" class="btn btn-danger shiny" onclick="onBack()">Cancel</button>
<br>
<br><br>
</form>
</div>
</div>
</div>
</div>
</div>
<!--Dropzone-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/dropzone/dropzone.min.js"></script>
<!--Bootstrap Tags Input-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/tagsinput/bootstrap-tagsinput.js"></script>
<!--Bootstrap Date Picker-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/datetime/bootstrap-datepicker.js"></script>
<!--Bootstrap Time Picker-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/datetime/bootstrap-timepicker.js"></script>
<!-- <script src="https://cdn.ckeditor.com/4.20.1/standard-all/ckeditor.js"></script> -->
<script src="<?= base_url(); ?>/assets/js/ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('editor2', {
height: 260,
/* Default CKEditor 4 styles are included as well to avoid copying default styles. */
// contentsCss: [
// 'http://cdn.ckeditor.com/4.20.1/full-all/contents.css',
// 'https://ckeditor.com/docs/ckeditor4/4.20.1/examples/assets/css/classic.css'
// ],
removeButtons: 'PasteFromWord'
});
</script>
<script type="text/javascript">
function onBack() {
var url = '<?= base_url('pelanggan') ?> ';
window.open(url, "_self");
}
</script>
<script>
//--Bootstrap Date Picker--
$('.date-picker').datepicker();
//--Bootstrap Time Picker--
$('#timepicker1').timepicker();
</script>