<%--
  Created by IntelliJ IDEA.
  User: fajar
  Date: 26/11/17
  Time: 3:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="utility.CookieChecker" %>
<%@ page import="java.util.Map" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    if (!CookieChecker.check(request.getCookies())) {
        response.sendRedirect("index.jsp");
    } else {

        String username = "";
        Cookie[] cookies = null;
        cookies = request.getCookies();
        if (cookies != null) {
            for (Cookie cooky : cookies) {
                String cookieName = cooky.getName();
                String cookieValue = cooky.getValue();
                if (cookieName.equals("uname")) {
                    username = cookieValue;
                }
            }
        }

        Map<String, String> driver_data_account = (Map<String, String>) request.getAttribute("driver_data_account");
%>
<html ng-app="app">
<head>
    <meta charset="utf-8">
    <title>Chat Driver</title>
    <link rel="stylesheet" href="css/master.css">
    <link rel="icon" href="img/gojek.png">
    <link rel="manifest" href="/manifest.json">
    <script src="js/master.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
    <script >
        var driver = <%=driver_data_account.get("uname")%>;
        var customer = <%=username%>;
    </script>
    <script src="js/main.js"></script>
    <script src="js/chat.js" charset="utf-8"></script>
</head>
<body data-ng-controller="maincontrol">
<div class="order">
    <div class="order-title">
        <%@ include file = "navbar.jsp" %>
        <script type="text/javascript">chooseNavbar(0);</script>
        <div class="font-bebas">
            <h1>Make an order</h1>
        </div>
        <div class="order-steps">
            <div class="step-field flex-center current-step">
                <div class="step-number flex-center">1</div>
                <div class="step-text">Select Destination</div>
            </div>
            <div class="step-field flex-center">
                <div class="step-number flex-center">2</div>
                <div class="step-text">Select a Driver</div>
            </div>
            <div class="step-field flex-center">
                <div class="step-number flex-center">3</div>
                <div class="step-text">Chat Driver</div>
            </div>
            <div class="step-field flex-center">
                <div class="step-number flex-center">4</div>
                <div class="step-text">Complete your order</div>
            </div>
        </div>
    </div>

    <div class="chat-box" >
        <div ng-repeat="msg in msgs" class="{{msg.pos}}">
            {{msg.text}}
        </div>
    </div>
    <div class="chat-form">
        <form class="" id="chat-text-input">
            <input type="text" class="chat-input" ng-model="cht" name="chatmessage" placeholder="message"/>
            <button type="submit" class="green-button" data-ng-click="submit(cht); cht = '';" name="send">SEND</button>
        </form>
    </div>

</div>
</body>

</html>
<% } %>