<!doctype html>
<html>

<head>
  <base href="/">
  <script src="/dmxAppConnect/dmxAppConnect.js"></script>
  <meta charset="UTF-8">
  <title>RPM Industries</title>

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/css/style.css" />
  <script src="/js/jquery-3.5.1.slim.min.js"></script>
  <script src="/js/moment.js/2/moment.min.js"></script>
  <script src="/dmxAppConnect/dmxRouting/dmxRouting.js" defer></script>
  <script src="/dmxAppConnect/dmxDataTraversal/dmxDataTraversal.js" defer></script>
  <script src="/dmxAppConnect/dmxTyped/dmxTyped.js" defer></script>
  <script src="/dmxAppConnect/dmxTyped/typed.min.js" defer></script>
  <link rel="stylesheet" href="/dmxAppConnect/dmxValidator/dmxValidator.css" />
  <script src="/dmxAppConnect/dmxValidator/dmxValidator.js" defer></script>
  <link rel="stylesheet" href="/dmxAppConnect/dmxNotifications/dmxNotifications.css" />
  <script src="/dmxAppConnect/dmxNotifications/dmxNotifications.js" defer></script>
  <script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer></script>
  <script src="/dmxAppConnect/dmxBootstrap5Navigation/dmxBootstrap5Navigation.js" defer></script>
  <script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer></script>
  <script src="/dmxAppConnect/dmxStateManagement/dmxStateManagement.js" defer></script>
  <script src="/dmxAppConnect/dmxFormRepeat/dmxFormRepeat.js" defer></script>
  <link rel="stylesheet" href="/dmxAppConnect/dmxBootstrap5TableGenerator/dmxBootstrap5TableGenerator.css" />
  <script src="/dmxAppConnect/dmxBootstrap5Modal/dmxBootstrap5Modal.js" defer></script>
  <script src="/dmxAppConnect/dmxScheduler/dmxScheduler.js" defer></script>
  <script src="/dmxAppConnect/dmxBootstrap5Toasts/dmxBootstrap5Toasts.js" defer></script>
  <script src="/socket.io/socket.io.js" defer></script>
  <script src="/dmxAppConnect/dmxSockets/dmxSockets.js" defer></script>
  <script src="/dmxAppConnect/dmxDatastore/dmxDatastore.js" defer></script>
  <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/daterangepicker.min.css" />
  <script src="/dmxAppConnect/dmxDatePicker/daterangepicker.min.js" defer></script>
  <link rel="stylesheet" href="/dmxAppConnect/dmxDatePicker/dmxDatePicker.css" />
  <script src="/dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer></script>


  <link rel="stylesheet" href="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.css" />
  <script src="/dmxAppConnect/dmxAutocomplete/dmxAutocomplete.js" defer></script>
  <script src="/dmxAppConnect/dmxBootbox5/bootstrap-modbox.min.js" defer></script>
  <script src="/dmxAppConnect/dmxBootbox5/dmxBootbox5.js" defer></script>
  <script src="/dmxAppConnect/dmxBootstrap5Alert/dmxBootstrap5Alert.js" defer></script>
  <link rel="stylesheet" href="/css/bootstrap-icons.min.css" />
  <link rel="stylesheet" href="/dmxFramework7_icons/css/framework7-icons.css" />


  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
  <link rel="stylesheet" href="/Framework7/7/css/framework7-bundle-rtl.min.css" />
  <script src="/Framework7/7/js/framework7-bundle.min.js"></script>
  <script src="/dmxAppConnect/dmxFramework7/dmxFramework7.js" defer></script>
  <script src="/Framework7/7/js/framework7-bundle-rtl.min.js"></script>
</head>

<body is="dmx-app" id="main">
  <dmx-serverconnect id="conn_urls" url="/api/gs/urls"></dmx-serverconnect>
  <dmx-notifications id="notifies1"></dmx-notifications>
  <dmx-serverconnect id="whoami" url="/api/security/isauthenticated" noload="true" dmx-on:success="browser1.goto('/partinfo')" dmx-on:forbidden="browser1.goto('/cnfrm')" dmx-on:unauthorized="notifies1.danger('You do not have the appropriate permissions')"></dmx-serverconnect>
  <dmx-serverconnect id="conn_auth" url="/api/security/isauthenticated" noload="true"></dmx-serverconnect>
  <dmx-serverconnect id="conn_useonce" url="/api/security/defaultadmin" dmx-on:success="conn_uploadtoapi.load({id: conn_useonce.data.insert.identity})"></dmx-serverconnect>
  <dmx-serverconnect id="conn_uploadtoapi" noload="true" url="/api/security/defalutadminapi"></dmx-serverconnect>

  <div is="dmx-browser" id="browser1"></div>
  <div class="modal" id="modal1" is="dmx-bs5-modal" tabindex="-1" dmx-on:hide-bs-modal="login1.reset()">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Login</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <form id="login1" is="dmx-serverconnect-form" method="post" action="/api/security/authenticate" dmx-on:success="whoami.load({},true)">
            <div class="row">
              <div class="col-12 col-lg-7 col-xl-5 text-start col-md-12 w-100">
                <div class="row">
                  <div class="col mt-4 w-100">
                    <input type="text" id="inp_email" name="email" class="form-control" placeholder="Email">
                  </div>
                </div>
                <div class="row mt-4">
                  <div class="col w-100">
                    <input type="password" id="inp_password" name="pwd" class="form-control" placeholder="Password">
                  </div>
                </div>
                <div class="row mt-4">
                  <div class="col w-100">
                    <div class="form-check">
                      <input class="form-check-input" type="checkbox" value="1" id="inp_remember" name="remember">
                      <label class="form-check-label" for="inp_remember">Remember me</label>
                    </div>
                  </div>
                </div>
                <div class="row mt-4">
                  <div class="col text-end w-100">
                    <button id="login1_submit" class="btn btn-primary" type="submit">Submit</button>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>



  <div class="container">


    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <div class="container-fluid">
        <a class="navbar-brand" href="#">RPM Studio</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navbar1_collapse">
          <div class="navbar-nav">

            <a class="nav-item nav-link active" href="/partinfo">Home</a>
            <div class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" id="dropdown1" role="button" aria-haspopup="true" aria-expanded="false">Actions</a>
              <div class="dropdown-menu" aria-labelledby="dropdown1">
                <a class="dropdown-item" internal="true" dmx-on:click="modal_newpart.show()">New Part</a>
                <a class="dropdown-item" href="/wadmin/usermanage" id="lnk_admin" dmx-show="conn_isauthenticated.data.administrator">User Management</a>
                <a class="dropdown-item" href="#">Something else here</a>
              </div>
            </div>
            <div class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbar1_dropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Account&nbsp;</a>
              <div class="dropdown-menu" aria-labelledby="navbar1_dropdown">
                <a class="dropdown-item" href="#" dmx-on:click="modal1.show()">Login</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Account</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nav>
  </div>

  <div is="dmx-view" id="content">
    <%- await include(content, locals); %>
  </div>
  <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
  <script src="/Framework7/7/js/app.js"></script>
</body>

</html>