450 lines
19 KiB
PHP
450 lines
19 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>PENJUALAN</title>
|
|
<meta name="keywords" content="HTML5 Admin Template" />
|
|
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
<meta name="author" content="okler.net">
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
|
|
|
<!-- Skin CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
|
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
|
|
|
</head>
|
|
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
|
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
<style>
|
|
.ui-front {
|
|
z-index: 9999;
|
|
}
|
|
|
|
.solid {
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-width: 2px;
|
|
border-color: slateblue;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
let base_url = '<?= base_url() ?>';
|
|
</script>
|
|
|
|
<body>
|
|
<section class="body">
|
|
|
|
<!-- start: header -->
|
|
<?php $this->load->view('template/header'); ?>
|
|
<!-- end: header -->
|
|
|
|
<div class="inner-wrapper">
|
|
<!-- start: sidebar -->
|
|
<?php $this->load->view('template/sidebar'); ?>
|
|
<!-- end: sidebar -->
|
|
|
|
<section role="main" class="content-body">
|
|
|
|
<?php
|
|
$nama_panggilan = $this->session->userdata('nama_panggilan');
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h2><b>(Step 1) | Data SO | </b><b style="color:LightGreen">[<?=$tampil?>]</b></h2>
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><b style="color:Gold">Master Data </span></b></li>
|
|
</ol>
|
|
|
|
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- start: page -->
|
|
<section class="panel panel-featured panel-featured-quartenary">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>  
|
|
<a onclick="setToggle(0)" href="<?php echo base_url('') ?>index.php" class="text-dark"><b>Dashboard </b><i class="fa fa-home"></i></a>
|
|
</div>
|
|
<h2 class="panel-title"><b style="color:DarkOrchid">SALES ORDER<?php if ($kunciTombol==1) { ?> <b style="color:Red">[*Mode Kunci, hubungi Keuangan*]</b><?php } ?></b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-accordion">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title">
|
|
<a onclick="setToggle(1)" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
|
|
<b class="f18" style="color:Green"><b style="color:Black">[1]</b> SIAP DIKIRIM | <u style="color:DarkRed"><?=$countTahan?></u> DATA</b>
|
|
</a>
|
|
</h2>
|
|
</header>
|
|
<div id="collapseOne" class="accordion-body collapse <?php if ($posisiToggle==1) { ?>in<?php } ?>">
|
|
<div class="toggle-content">
|
|
<div class="panel-body">
|
|
<table class="table table-bordered table-striped mb-none" id="table1">
|
|
<thead>
|
|
<th class="center">No</th>
|
|
<th width="200px" class="default">Kode</th>
|
|
<th width="380px" class="default">Pelanggan</th>
|
|
<th width="380px" class="default">Keterangan Barang</th>
|
|
<th width="200px" class="default">Keterangan Pengiriman</th>
|
|
<?php if ($hak>2) { ?>
|
|
<th width="180px" class="center default">PILIHAN</th>
|
|
<?php } ?>
|
|
</thead>
|
|
<tbody>
|
|
<?php
|
|
if (is_array($soTahan) || is_object($soTahan)) {
|
|
$no = 1;
|
|
foreach ($soTahan as $key) { ?>
|
|
<tr>
|
|
<?php
|
|
if ($key['NAMA_PANGGILAN_KARYAWAN']==$nama_panggilan) {
|
|
$owner = 1;
|
|
} else {
|
|
$owner = 0;
|
|
}
|
|
|
|
$namaqc = "";
|
|
foreach ($key['QC'] as $dat) {
|
|
$nama_qc = $dat['NAMA_PANGGILAN_KARYAWAN'];
|
|
$namaqc .= "$nama_qc, " ;
|
|
}
|
|
|
|
if ($key['CORP_ID']==1) {
|
|
$kop = "TMP";
|
|
} else if ($key['CORP_ID']==2) {
|
|
$kop = "DMT";
|
|
} else if ($key['CORP_ID']==3) {
|
|
$kop = "PCM";
|
|
} else if ($key['CORP_ID']==4) {
|
|
$kop = "SFTR";
|
|
} else if ($key['CORP_ID']==5) {
|
|
$kop = "ITP";
|
|
}
|
|
|
|
?>
|
|
<td class="center <?php if ($owner==1) { ?>warning<?php } ?>"><?= $no; ?></td>
|
|
<td><b style="color:Tomato">(<?=$kop?>)</b> <b style="color:Black"><?= $key['KODE_SO']; ?></b><br><i>(<?= $key['SIAP_SO']; ?>)</i><br><b style="color:Green">QC : <?=$namaqc?></b></td>
|
|
<?php if ($key['TYPE_PELANGGAN']=="0") { ?>
|
|
<td><b style="color:Blue">Corporate</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="1") { ?>
|
|
<td><b style="color:Green">Dealer</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="2") { ?>
|
|
<td><b style="color:DarkOrange">User</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } ?>
|
|
<td>
|
|
<?php foreach ($key['DATDO'] as $dat) { ?>
|
|
<b style="color:DarkOliveGreen"><i class="fa fa-check-square"></i> <?= $dat['QTY_DO']; ?> <?= $dat['KODE_BARANG']; ?></b><br>
|
|
<?php } ?>
|
|
<?php if ($key['KET_SO_A']!="") { ?><br><b style="color:Coral">[<?= $key['KET_SO_A']; ?>]</b><?php } ?>
|
|
</td>
|
|
<td><b style="color:DarkBlue"><?= $key['KET_SO_P']; ?></b></td>
|
|
<?php if ($hak>2) { ?>
|
|
<td class="actions center">
|
|
<div class="btn-group-vertical">
|
|
<?php if ($kunciTombol==0) { ?>
|
|
<button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#modalKunci" onclick="kunciData('<?=$key['ID_SO']?>')"><b>Kunci Data</b> <i class="fa fa-lock"></i></button>
|
|
<button type="button" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalRevisi" onclick="revisiData('<?=$key['ID_SO']?>')"><b>Revisi SO</b> <i class="fa fa-arrow-down"></i></button>
|
|
<?php } ?>
|
|
<button type="button" class="btn btn-xs btn-default" onclick="window.location.href='<?= base_url('index.php/Menu/PJ_Sub1_ProsesBarang_2/');
|
|
echo $key['ID_SO'];?>'"><b>Cek Data</b> <i class="fa fa-search"></i></button>
|
|
</div>
|
|
</td>
|
|
<?php } ?>
|
|
</tr>
|
|
<?php $no++;
|
|
}
|
|
} ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-accordion">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title">
|
|
<a onclick="setToggle(2)" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
|
|
<b class="f18" style="color:Green"><b style="color:Black">[2]</b> SIAP DIKERJAKAN | <u style="color:DarkRed"><?=$countProses?></u> DATA</b>
|
|
</a>
|
|
</h2>
|
|
</header>
|
|
<div id="collapseTwo" class="accordion-body collapse <?php if ($posisiToggle==2) { ?>in<?php } ?>">
|
|
<div class="toggle-content">
|
|
<div class="panel-body">
|
|
<div class="col-md-6 solid">
|
|
<div class="col-md-3"><b style="color:DarkSlateGray"><i class="fa fa-check"></i><br>[Ready Stok]</b></div>
|
|
<div class="col-md-3"><b style="color:Red"><i class="fa fa-ban"></i><br>[Stok Kosong]</b></div>
|
|
<div class="col-md-3"><b style="color:DarkOrchid"><i class="fa fa-exclamation"></i><br>[Kurang dari Total SO]</b></div>
|
|
<div class="col-md-3"><b style="color:Chocolate"><i class="fa fa-refresh"></i><br>[Pas dengan Jumlah SO]</b></div>
|
|
</div>
|
|
<table class="table table-bordered table-striped mb-none" id="table2">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th width="300px" class="default">Kode</th>
|
|
<th width="350px" class="default">Pelanggan</th>
|
|
<th width="350px" class="default">Ketersediaan Barang</th>
|
|
<?php if ($hak>0) { ?>
|
|
<th width="175px" class="center default">Pilih Barang</th>
|
|
<?php } ?>
|
|
</thead>
|
|
<tbody>
|
|
<?php
|
|
if (is_array($soProses) || is_object($soProses)) {
|
|
$no = 1;
|
|
foreach ($soProses as $key) { ?>
|
|
<tr>
|
|
<?php
|
|
$diffawal = new DateTime($key['TGL_SO']);
|
|
$diffakhir = new DateTime($tgl);
|
|
$diff = date_diff($diffawal, $diffakhir);
|
|
$diff = $diff->format("%a");
|
|
|
|
if ($key['NAMA_PANGGILAN_KARYAWAN']==$nama_panggilan) {
|
|
$owner = 1;
|
|
} else {
|
|
$owner = 0;
|
|
}
|
|
|
|
if ($key['CORP_ID']==1) {
|
|
$kop = "TMP";
|
|
} else if ($key['CORP_ID']==2) {
|
|
$kop = "DMT";
|
|
} else if ($key['CORP_ID']==3) {
|
|
$kop = "PCM";
|
|
} else if ($key['CORP_ID']==4) {
|
|
$kop = "SFTR";
|
|
} else if ($key['CORP_ID']==5) {
|
|
$kop = "ITP";
|
|
}
|
|
|
|
?>
|
|
<td class="center <?php if ($owner==1) { ?>warning<?php } ?>"><?= $no; ?></td>
|
|
<td><b style="color:Tomato">(<?=$kop?>)</b> <b style="color:Black"><?= $key['KODE_SO']; ?></b><br><i>(<?= $key['CIPTA_SO']; ?>)</i><br><b style="color:Teal">Berjalan : <?=$diff?> Hari</b></td>
|
|
<?php if ($key['TYPE_PELANGGAN']=="0") { ?>
|
|
<td><b style="color:Blue">Corporate</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="1") { ?>
|
|
<td><b style="color:Green">Dealer</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } else if ($key['TYPE_PELANGGAN']=="2") { ?>
|
|
<td><b style="color:DarkOrange">User</b> : <b style="color:FireBrick">[<?= $key['NAMA_PANGGILAN_KARYAWAN']; ?>]</b><?php if ($owner==1) { ?> <b style="color:Red"><i class="fa fa-check"></i></b><?php } ?><br><?= $key['NAMA_PELANGGAN'] ?><br><i>(<?= $key['NAMA_KOTA'] ?>)</i></td>
|
|
<?php } ?>
|
|
<td>
|
|
<?php foreach ($key['DATDO'] as $dat) { ?>
|
|
<?php if ($dat['STAT']==0) { ?>
|
|
<b style="color:Red"><i class="fa fa-ban"></i> <?= $dat['QTY_DO']; ?> <?= $dat['KODE_BARANG']; ?></b><br>
|
|
<?php } else if ($dat['STAT']==1) { ?>
|
|
<b style="color:DarkSlateGray"><i class="fa fa-check"></i> <?= $dat['QTY_DO']; ?> <?= $dat['KODE_BARANG']; ?></b><br>
|
|
<?php } else if ($dat['STAT']==2) { ?>
|
|
<b style="color:DarkOrchid"><i class="fa fa-exclamation"></i> <?= $dat['QTY_DO']; ?> <?= $dat['KODE_BARANG']; ?></b><br>
|
|
<?php } else if ($dat['STAT']==3) { ?>
|
|
<b style="color:Chocolate"><i class="fa fa-refresh"></i> <?= $dat['QTY_DO']; ?> <?= $dat['KODE_BARANG']; ?></b><br>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
<?php if ($key['KET_SO_A']!="" OR $key['KET_SO_A']!=NULL) { ?><b style="color:Coral">[<?= $key['KET_SO_A']; ?>]</b><?php } ?>
|
|
</td>
|
|
<?php if ($hak>0) { ?>
|
|
<td class="actions center">
|
|
<?php if ($key['STATUS_SO']==0) { ?>
|
|
<button type="button" class="btn btn-xs btn-default text-quartenary" onclick="window.location.href='<?= base_url('index.php/Menu/PJ_Sub1_ProsesBarang_2/');
|
|
echo $key['ID_SO'];?>'"><b>Olah SO</b><br><i class="fa fa-search"></i></button>
|
|
<?php } else if ($key['STATUS_SO']==3) { ?>
|
|
<button type="button" class="btn btn-xs btn-default text-success" onclick="window.location.href='<?= base_url('index.php/Menu/PJ_Sub1_ProsesParsial_2/');
|
|
echo $key['ID_SO'];?>'"><b>Olah Parsial</b><br><i class="fa fa-search"></i></button>
|
|
<?php } ?>
|
|
</td>
|
|
<?php } ?>
|
|
</tr>
|
|
<?php $no++;
|
|
}
|
|
} ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:50%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="form-group">
|
|
<h5>
|
|
<b style="color:DarkRed">Berikut ini adalah Daftar Menu yang dapat diakses sesuai dengan Hak Akses Anda.</b><br>
|
|
<br><b style="color:DarkGreen">AKSES PENUH</b><br><b> Semua Fungsi (Termasuk Olah SO Siap Kirim)</b><br>
|
|
<br><b style="color:DarkGreen">OPERATOR</b><br><b> Proses Barang secara Biasa/Parsial</b><br>
|
|
<br><b style="color:DarkGreen">TERBATAS</b><br><b>Hanya dapat Membaca Data</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalKunci" class="modal fade" tabindex="-1" role="dialog">
|
|
<?= form_open('Menu/PJ_Kunci_Sub1_B1_DataSalesOrder'); ?>
|
|
<div class="modal-dialog">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Kunci Data [Terbit Nota]</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<input type="hidden" name="id_solock" id="id_solock" class="form-control">
|
|
<h4>Pastikan SO sudah siap Kirim.<br>Proses tidak dapat dibatalkan. Lanjutkan?</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-primary"><b>Kunci</b> <i class="fa fa-lock"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<?= form_close(); ?>
|
|
</div>
|
|
|
|
<div id="modalRevisi" class="modal fade" tabindex="-1" role="dialog">
|
|
<?= form_open('Menu/PJ_Revisi_Sub1_B1_DataSalesOrder'); ?>
|
|
<div class="modal-dialog">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Revisi Data</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<input type="hidden" name="id_sorev" id="id_sorev" class="form-control">
|
|
<h4>Apakah ingin revisi Data?</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-danger"><b>Revisi</b> <i class="fa fa-arrow-down"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<?= form_close(); ?>
|
|
</div>
|
|
|
|
<?php
|
|
$this->load->view('template/sidebar_right');
|
|
$this->load->view('template/script_vendor');
|
|
$this->load->view('template/script_flashdata');
|
|
$this->load->view('template/notification');
|
|
?>
|
|
|
|
<script>
|
|
setInterval(function() {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/PJ_Ambil_Sub1_B1_DataSalesOrder",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: 'countTahan=' + <?= $countTahan ?> + '&countProses=' + <?= $countProses ?>,
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
notify("autorefresh_changeitem");
|
|
delayReload(2000,"<?= base_url() ?>index.php/Menu/PJ_Sub1_ProsesBarang_1");
|
|
}
|
|
}
|
|
});
|
|
}, 5000);
|
|
|
|
$('#table1').dataTable( {
|
|
"paging": false
|
|
} );
|
|
|
|
$('#table2').dataTable( {
|
|
"paging": false
|
|
} );
|
|
|
|
function setToggle(node) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetTogglePosisi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
node : node,
|
|
menu : <?=$id_menu?>,
|
|
},
|
|
success: function(response) {
|
|
}
|
|
});
|
|
}
|
|
|
|
function kunciData(id_so) {
|
|
document.getElementById("id_solock").value = id_so;
|
|
}
|
|
|
|
function revisiData(id_so) {
|
|
document.getElementById("id_sorev").value = id_so;
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|