<!DOCTYPE html>
<html lang="en" ng-app="QueComenzi">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="assets/bootstrap.min.css">
    <link rel="stylesheet" href="assets/cstyle.css">
</head>
<body>
<div class="container-fluid" ng-controller="simpleController">
    <div class="row" >

        <div class="menu_comenzi">
            <div class="menu_item" ng-click="whatToShow('comenzi')"><img src="assets/img/order.svg" alt=""></div>
            <div class="menu_item" ng-click="whatToShow('users');getUsers()"><img src="assets/img/user.svg" alt=""></div>
            <div class="menu_item" ng-click="whatToShow('coffees')"><img src="assets/img/coffee_cup.svg" alt=""></div>
            <div class="menu_item" ng-click="whatToShow('maps')"><img src="assets/img/google-maps.svg" alt=""></div>
            <button ng-click="notifyMe()">Notify me!</button>
        </div>


        <div class="tbl_container" id="tabel_comenzi_container" ng-init="getComenzi()" ng-show="comenziSee">
            <div class="tbl_header">
                <div class="tbl_id"></div>
                <button class="tbl_apply" ng-click="UpdateOrder()">Apply</button>
                <input class="tbl_apply" type="checkbox" >
            </div>
            <table id="tabel_comenzi" class="table">
                <thead>
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Nume</th>
                    <th scope="col">Telefon</th>
                    <th scope="col">DataAdd</th>
                    <th scope="col">OraAdd</th>
                    <th scope="col">Greseli</th>
                    <th scope="col">Denumire</th>
                    <th scope="col">Variatie</th>
                    <th scope="col">LapteSoya</th>
                    <th scope="col">ExtraShot</th>
                    <th scope="col">NivelLapte</th>
                    <th scope="col">Nivel Spuma</th>
                    <th scope="col">Latitude</th>
                    <th scope="col">Longitude</th>
                    <th scope="col">Estimation</th>
                    <th scope="col">Total</th>
                    <th scope="col">Status</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="com in dataBack" data-id="{{com.ID}}" ng-class="com.Danger">
                    <th class="idComanda" scope="row">{{com.ID}}</th>
                    <th>{{com.Nume}}</th>
                    <th>{{com.Telefon}}</th>
                    <th>{{com.DataAdd}}</th>
                    <th class="dataAddVal">{{com.OraAdd}}</th>
                    <th>{{com.Greseli}}</th>
                    <th>{{com.denumire}}</th>
                    <th>{{com.Variatie}}</th>
                    <th>{{com.LapteSoya}}</th>
                    <th>{{com.ExtraShot}}</th>
                    <th>{{com.NivelLapte}}</th>
                    <th>{{com.NivelSpuma}}</th>
                    <th>{{com.Latitude}}</th>
                    <th>{{com.Longitude}}</th>
                    <th class="comEst">{{com.Estimation}}</th>
                    <th>{{com.Total}}</th>
                    <th class="comStatus">{{com.Status}}</th>
                </tr>
                </tbody>
            </table>

        </div>



        <div class="tbl_container" id="tabel_users_container" ng-init="getUsers()"  ng-show="userSee">
            <table id="tabel_comenzi" class="table">
                <thead>
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Nume</th>
                    <th scope="col">Telefon</th>
                    <th scope="col">Greseli</th>
                    <th scope="col">Ban</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="com in Users">
                    <th scope="row">{{com.ID}}</th>
                    <th>{{com.Nume}}</th>
                    <th>{{com.Telefon}}</th>
                    <th>{{com.Greseli}}</th>
                    <th>{{com.Ban}}</th>
                </tr>
                </tbody>
            </table>

        </div>





        <div class="tbl_container" id="tabel_coffees_container" ng-init="getCoffees()" ng-show="coffeeSee">
            <table id="tabel_comenzi" class="table">
                <thead>
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Denumire</th>
                    <th scope="col">Origine</th>
                    <th scope="col">Variatie</th>
                    <th scope="col">Pret</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="com in coffees">
                    <th scope="row">{{com.ID}}</th>
                    <th>{{com.Denumire}}</th>
                    <th>{{com.Origine}}</th>
                    <th>{{com.Variatie}}</th>
                    <th>{{com.Pret}}</th>
                </tr>
                </tbody>
            </table>

        </div>
<!--        end of table-->


        <div id="map" ng-init="initMap()"  ng-show="mapSee"></div>



    </div>
</div>





<script src="assets/jquery3.3.1.min.js"></script>
<script src="assets/angular.min.js"></script>

<script src="assets/bootstrap.bundle.min.js"></script>

<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6FjWFDqRTwhPxB2JeVUPuacsMjIF7rVg"></script>-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6FjWFDqRTwhPxB2JeVUPuacsMjIF7rVg"></script>

<script src="assets/cscripts.js"></script>


<script>
/*    function initMap() {
        var myLatLng = {lat: -25.363, lng: 131.044};

        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
            center: myLatLng
        });

        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            title: 'Hello World!'
        });
    }

    initMap();*/


/*var ele = document.createElement("div");
var eleID = ele.setAttribute("id","map");
document.getElementById("content").appendChild(ele);
}

*/
//44.467150, 26.086492



</script>
</body>
</html>

<?php

//echo "hello";