
<div class="container" ng-app="firstapp" ng-controller="Index">

<div class="col-md-12">
<div class="panel panel-default">
	<div class="panel-body">
<center>

<h1><b>
  ระบบสต๊อคสินค้า ใช้งานง่าย รายงานตรง
</b></h1>

</center>


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


<div class="col-md-12">
<div class="panel panel-default">
  <div class="panel-body" style="font-size: 30px;font-weight: bold;">

<div class="col-md-6">
<span class="glyphicon glyphicon-plus-sign" style="color: green;" aria-hidden="true"></span>
เช็คสต๊อคคงเหลือ
<br />
<span class="glyphicon glyphicon-barcode" style="color: green;" aria-hidden="true"></span>
ใช้บาร์โค้ด 
<br />
<span class="glyphicon glyphicon-minus-sign" style="color: green;" aria-hidden="true"></span>

วางแผนเพื่อกำไรสูงสุด
</div>


<div class="col-md-6">
  <span class="glyphicon glyphicon-barcode" style="color: green;" aria-hidden="true"></span>
รู้สินค้าขายดี/ไม่ดี
<br />
<span class="glyphicon glyphicon-list-alt" style="color: green;" aria-hidden="true"></span>
รายงานยอดขายทันที
<br />
<span class="glyphicon glyphicon-usd" style="color: green;" aria-hidden="true"></span>
ป้องกันการขาดทุน
</div>

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




<div class="col-md-6">
	<div class="panel panel-default">
	<div class="panel-body">

<div id="bar"></div>


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


<div class="col-md-6">
	<div class="panel panel-default">
	<div class="panel-body">

<div id="donut"></div>

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



<div class="col-md-12">
  <div class="panel panel-default">
  <div class="panel-body" style="font-size: 30px;font-weight: bold;">

<div class="col-md-12 text-center">
  <u><i>ขั้นตอนที่ง่ายใน 3 นาที</i></u>
</div>
<div class="col-md-6">
<iframe width="470" height="315" src="https://www.youtube.com/embed/C_l1T5NHcmc" frameborder="0" allowfullscreen></iframe>
</div>

<div class="col-md-6">
  1. เพิ่มหมวดหมู่  <br />
  2. เพิ่มสินค้า  <br />
  3. เพิ่มสต็อค  <br />
  4. ขายสินค้า
</div>



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



<div class="col-md-12">
  <div class="panel panel-default">
  <div class="panel-body" style="font-size: 30px;font-weight: bold;">


<div class="col-md-6">
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
จำนวนสินค้า ไม่จำกัด
<br />
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
สต็อคสินค้า ไม่จำกัด
<br />
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
รายการขาย ไม่จำกัด
<br />
</div>

<div class="col-md-6">
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
ใช้งานง่าย
<br />
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
Full Function
<br />
<span class="glyphicon glyphicon-ok-circle" style="color: green;" aria-hidden="true"></span>
Support 8/24 ชั่วโมง
<br />
</div>



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




<div class="col-md-12">
	<div class="panel panel-default">
	<div class="panel-body">



<center>
<a class="btn btn-success btn-lg" href="http://cus2mer.co/file/C2M.rar" style="font-size: 30px;">C2M Free Starter ดาวน์โหลดไฟล์ และติดตั้ง</a>

<a class="btn btn-warning btn-lg" data-toggle="modal" data-target="#payment" style="font-size: 30px;">C2M Premium 950 บาท/ตลอดชีพ</a>

<br /><br />
* ช่วยเหลือการติดตั้งและใช้งาน <a href="https://www.facebook.com/cus2merpage" target="_blank">
  Fackbook Page
</a>
<br />
<br />
<a class="btn btn-danger btn-lg" href="register" style="font-size: 30px;">ทดลองใช้งานออนไลน์ ฟรี</a>


			</center>	

		


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




<div class="col-md-12 text-center">
Support: <a href="https://www.facebook.com/cus2merpage" target="_blank">
  Fackbook Page
</a> , <a href="https://www.facebook.com/groups/644387455769151/" target="_blank">
  Fackbook Group
</a>
, <a data-toggle="modal" data-target="#payment">ชำระเงิน</a>

</div>



<div class="modal fade" id="payment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">ชำระเงิน</h4>
      </div>
      <div class="modal-body">
      ชื่อบัญชี <font color="red">นายอาณัติ ปัสสาสัย</font>
        <table class="table table-hover">
        	<thead>
        		<tr style="background-color: #eee;">
        			<th>ธนาคาร</th><th>เลขที่บัญชี</th><th>สาขา</th>
        		</tr>
        	</thead>
        	<tbody>
        		<tr>
        			<td><img src="<?php echo $base_url; ?>/pic/kasikorn.jpg"  width="32px"> กสิกรไทย</td>
        			<td>657-2-14820-1</td>
        			<td>บิ้กซี ร่มเกล้า กทม.</td>
        		</tr>
        		
        	</tbody>
        </table>
        <hr />
        แจ้งชำระเงิน ส่งสลิปโอนเงินมาที่ 
         <a href="https://www.facebook.com/cus2merpage" target="_blank">
  Fackbook Page Cus2merpage
</a>

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








</div>




<script>
var app = angular.module('firstapp', []);
app.controller('Index', function($scope,$http,$location) {

$scope.color =[];
$scope.Datachart = [{"count":"1000","name":"ชาย","id":"1"},{"count":"900","name":"หญิง","id":"2"}];

$scope.Datachart2 = [{"count":"5500","name":"เมล็ดพันธุ์","id":"1"},{"count":"3900","name":"ต้นไม้","id":"2"},{"count":"1950","name":"กระถางต้นไม้","id":"3"},{"count":"900","name":"แจกัน","id":"4"}];


$scope.DataLine = [{"count":"30","name":"12-02-2017"},{"count":"50","name":"13-02-2017"},{"count":"100","name":"14-02-2017"},{"count":"200","name":"15-02-2017"},{"count":"400","name":"16-02-2017"},{"count":"600","name":"17-02-2017"},{"count":"700","name":"18-02-2017"},{"count":"1000","name":"19-02-2017"}];




Morris.Bar({
  element: 'bar',
  data: $scope.Datachart2,
  xkey: 'name',
  ykeys: ['count'],
  labels: ['จำนวน'],
  barColors: function (row, series, type) {
    if (type === 'bar') {
     var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
    }
  }

});

$scope.donutdada =[];
angular.forEach($scope.Datachart,function(item){
$scope.donutdada.push({label:item.name,value:item.count});
});


for(x=1;x<=$scope.Datachart.length;x++){
 
  var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    $scope.color.push(color);
   

  }
 

    Morris.Donut({
  element: 'donut',
  colors: $scope.color,
  data:  $scope.donutdada
});



$scope.Chartl = function(){
$scope.colorl = [];
$('#line').empty();
for(x=1;x<=$scope.DataLine.length;x++){
 
  var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    $scope.colorl.push(color);
   

  }

Morris.Line({
  element: 'line',
  data: $scope.DataLine,
  xkey: 'name',
  ykeys: ['count'],
  labels: ['จำนวน'],
  parseTime: false,
  lineColors: $scope.colorl,
  pointFillColors: $scope.colorl

});
};
$scope.Chartl();




});
	</script>