<!--[#IMPORT:header.tpl;]-->
    
    <!-- Favicon -->
    <link rel="shortcut icon" href="<!--[#SITE_URL;]-->/favicon.ico" type="image/x-icon">
    <link rel="icon" href="<!--[#SITE_URL;]-->/favicon.ico" type="image/x-icon">

    <!-- Bootstrap -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Alertify -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/css/alertify.min.css" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/css/themes/default.min.css" rel="stylesheet">

    <!-- Font-Awesome -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/fontawesome-free/css/all.css" rel="stylesheet">

    <!-- Select2 -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/select2/css/select2.min.css" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/vendor/select2/css/select2-bootstrap.css" rel="stylesheet">

    <!-- Google Font -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">

    <!-- Page Stylesheets -->
    <link href="<!--[#SITE_URL;]-->/res/css/pos/hub.css" media="screen" rel="stylesheet">

    <div class="container display-error d-none">
        <div class="row align-items-center justify-content-center">
            <div class="col-3"></div>
            <div class="col-6 align-self-center p-5">
                <div class="alert alert-info" role="alert">
                    This website is only available on mobile and tablet devices.
                </div>
            </div>
            <div class="col-3"></div>
        </div>
    </div>

    <main class="page-content bg_light--cus h-100">
        <div class="row">
            <div class="col-sm-12 d-print-none">
                <nav class="navbar navbar-dark bg_primary--cus p-2 d-print-none">
                    <div class="text-light col-12 px-0 text-center d-flex font-weight-bold">
                        <div class="col-4 px-0 text-left">
                            <a class="btn btn-link text-light" href="<!--[#SITE_URL;]-->/p/water/hub/inventory.html">
                                <i  class="fas fa-chevron-left mr-2"></i> Back
                            </a> 
                        </div>
                        <div class="col-4 px-0 text-center d-flex justify-content-center align-items-center">
                            Stock Out
                        </div> 
                        <div col-4 px-0></div>
                    </div>
                    <a class="navbar-brand text-white d-none">
                        <img class="img-logo" src="<!--[#SITE_URL;]-->/res/img/peakpos-logo.png" alt="PeakPOS">
                    </a>