{"version":3,"sources":["webpack:///./src/midone/views/point-of-sale/Main.vue","webpack:///./src/midone/views/point-of-sale/Main.vue?94f7"],"names":["class","href","data-toggle","data-target","type","placeholder","id","$f","users","name","$_","take","faker","fakerKey","key","alt","src","foods","image","totals","script","render"],"mappings":"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","file":"js/chunk-2d0dd7a4.302d7ede.js","sourcesContent":["<template>\n  <div>\n    <div class=\"intro-y flex flex-col sm:flex-row items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">Point of Sale</h2>\n      <div class=\"w-full sm:w-auto flex mt-4 sm:mt-0\">\n        <a\n          href=\"javascript:;\"\n          data-toggle=\"modal\"\n          data-target=\"#new-order-modal\"\n          class=\"button text-white bg-theme-1 shadow-md mr-2\"\n          >New Order</a\n        >\n        <div class=\"pos-dropdown dropdown ml-auto sm:ml-0\">\n          <button\n            class=\"dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300\"\n          >\n            <span class=\"w-5 h-5 flex items-center justify-center\">\n              <ChevronDownIcon class=\"w-4 h-4\" />\n            </span>\n          </button>\n          <div class=\"pos-dropdown__dropdown-box dropdown-box\">\n            <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <ActivityIcon class=\"w-4 h-4 mr-2\" />\n                <span class=\"truncate\"\n                  >INV-0206020 - {{ $f()[3].users[0].name }}</span\n                >\n              </a>\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <ActivityIcon class=\"w-4 h-4 mr-2\" />\n                <span class=\"truncate\"\n                  >INV-0206022 - {{ $f()[4].users[0].name }}</span\n                >\n              </a>\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <ActivityIcon class=\"w-4 h-4 mr-2\" />\n                <span class=\"truncate\"\n                  >INV-0206021 - {{ $f()[5].users[0].name }}</span\n                >\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"pos intro-y grid grid-cols-12 gap-5 mt-5\">\n      <!-- BEGIN: Item List -->\n      <div class=\"intro-y col-span-12 lg:col-span-8\">\n        <div class=\"lg:flex intro-y\">\n          <div class=\"relative text-gray-700 dark:text-gray-300\">\n            <input\n              type=\"text\"\n              class=\"input input--lg w-full lg:w-64 box pr-10\"\n              placeholder=\"Search item...\"\n            />\n            <SearchIcon\n              class=\"w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0\"\n            />\n          </div>\n          <select\n            class=\"input input--lg box w-full lg:w-auto mt-3 lg:mt-0 ml-auto\"\n          >\n            <option>Sort By</option>\n            <option>A to Z</option>\n            <option>Z to A</option>\n            <option>Lowest Price</option>\n            <option>Highest Price</option>\n          </select>\n        </div>\n        <div class=\"grid grid-cols-12 gap-5 mt-5\">\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Soup</div>\n            <div class=\"text-gray-600\">5 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box bg-theme-1 dark:bg-theme-1 p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base text-white\">Pancake & Toast</div>\n            <div class=\"text-theme-25 dark:text-gray-400\">8 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Pasta</div>\n            <div class=\"text-gray-600\">4 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Waffle</div>\n            <div class=\"text-gray-600\">3 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Snacks</div>\n            <div class=\"text-gray-600\">8 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Deserts</div>\n            <div class=\"text-gray-600\">8 Items</div>\n          </div>\n          <div\n            class=\"col-span-12 sm:col-span-4 xxl:col-span-3 box p-5 cursor-pointer zoom-in\"\n          >\n            <div class=\"font-medium text-base\">Beverage</div>\n            <div class=\"text-gray-600\">9 Items</div>\n          </div>\n        </div>\n        <div class=\"grid grid-cols-12 gap-5 mt-5 pt-5 border-t border-theme-5\">\n          <a\n            v-for=\"(faker, fakerKey) in $_.take($f(), 8)\"\n            :key=\"fakerKey\"\n            href=\"javascript:;\"\n            data-toggle=\"modal\"\n            data-target=\"#add-item-modal\"\n            class=\"intro-y block col-span-12 sm:col-span-4 xxl:col-span-3\"\n          >\n            <div class=\"box rounded-md p-3 relative zoom-in\">\n              <div class=\"flex-none pos-image relative block\">\n                <div class=\"pos-image__preview image-fit\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    :src=\"require(`@/midone/assets/images/${faker.foods[0].image}`)\"\n                  />\n                </div>\n              </div>\n              <div class=\"block font-medium text-center truncate mt-3\">\n                {{ faker.foods[0].name }}\n              </div>\n            </div>\n          </a>\n        </div>\n      </div>\n      <!-- END: Item List -->\n      <!-- BEGIN: Ticket -->\n      <div class=\"col-span-12 lg:col-span-4\">\n        <div class=\"intro-y pr-1\">\n          <div class=\"box p-2\">\n            <div class=\"pos__tabs nav-tabs justify-center flex\">\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#ticket\"\n                href=\"javascript:;\"\n                class=\"flex-1 py-2 rounded-md text-center active\"\n                >Ticket</a\n              >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#details\"\n                href=\"javascript:;\"\n                class=\"flex-1 py-2 rounded-md text-center\"\n                >Details</a\n              >\n            </div>\n          </div>\n        </div>\n        <div class=\"tab-content\">\n          <div id=\"ticket\" class=\"tab-content__pane active\">\n            <div class=\"pos__ticket box p-2 mt-5\">\n              <a\n                v-for=\"(faker, fakerKey) in $_.take($f(), 5)\"\n                :key=\"fakerKey\"\n                href=\"javascript:;\"\n                data-toggle=\"modal\"\n                data-target=\"#add-item-modal\"\n                class=\"flex items-center p-3 cursor-pointer transition duration-300 ease-in-out bg-white dark:bg-dark-3 hover:bg-gray-200 dark:hover:bg-dark-1 rounded-md\"\n              >\n                <div class=\"pos__ticket__item-name truncate mr-1\">\n                  {{ faker.foods[0].name }}\n                </div>\n                <div class=\"text-gray-600\">x 1</div>\n                <EditIcon class=\"w-4 h-4 text-gray-600 ml-2\" />\n                <div class=\"ml-auto font-medium\">${{ faker.totals[0] }}</div>\n              </a>\n            </div>\n            <div class=\"box flex p-5 mt-5\">\n              <div class=\"w-full relative text-gray-700\">\n                <input\n                  type=\"text\"\n                  class=\"input input--lg w-full bg-gray-200 pr-10\"\n                  placeholder=\"Use coupon code...\"\n                />\n                <SearchIcon\n                  class=\"w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0\"\n                />\n              </div>\n              <button class=\"button text-white bg-theme-1 ml-2\">Apply</button>\n            </div>\n            <div class=\"box p-5 mt-5\">\n              <div class=\"flex\">\n                <div class=\"mr-auto\">Subtotal</div>\n                <div class=\"font-medium\">$250</div>\n              </div>\n              <div class=\"flex mt-4\">\n                <div class=\"mr-auto\">Discount</div>\n                <div class=\"font-medium text-theme-6\">-$20</div>\n              </div>\n              <div class=\"flex mt-4\">\n                <div class=\"mr-auto\">Tax</div>\n                <div class=\"font-medium\">15%</div>\n              </div>\n              <div\n                class=\"flex mt-4 pt-4 border-t border-gray-200 dark:border-dark-5\"\n              >\n                <div class=\"mr-auto font-medium text-base\">Total Charge</div>\n                <div class=\"font-medium text-base\">$220</div>\n              </div>\n            </div>\n            <div class=\"flex mt-5\">\n              <button\n                class=\"button w-32 border border-gray-400 dark:border-dark-5 text-gray-600 dark:text-gray-300\"\n              >\n                Clear Items\n              </button>\n              <button\n                class=\"button w-32 text-white bg-theme-1 shadow-md ml-auto\"\n              >\n                Charge\n              </button>\n            </div>\n          </div>\n          <div id=\"details\" class=\"tab-content__pane\">\n            <div class=\"box p-5 mt-5\">\n              <div class=\"flex items-center border-b dark:border-dark-5 pb-5\">\n                <div class=\"\">\n                  <div class=\"text-gray-600\">Time</div>\n                  <div class=\"mt-1\">02/06/20 02:10 PM</div>\n                </div>\n                <ClockIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n              </div>\n              <div class=\"flex items-center border-b dark:border-dark-5 py-5\">\n                <div class=\"\">\n                  <div class=\"text-gray-600\">Customer</div>\n                  <div class=\"mt-1\">{{ $f()[0].users[0].name }}</div>\n                </div>\n                <UserIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n              </div>\n              <div class=\"flex items-center border-b dark:border-dark-5 py-5\">\n                <div class=\"\">\n                  <div class=\"text-gray-600\">People</div>\n                  <div class=\"mt-1\">3</div>\n                </div>\n                <UsersIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n              </div>\n              <div class=\"flex items-center pt-5\">\n                <div class=\"\">\n                  <div class=\"text-gray-600\">Table</div>\n                  <div class=\"mt-1\">21</div>\n                </div>\n                <MicIcon class=\"w-4 h-4 text-gray-600 ml-auto\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- END: Ticket -->\n    </div>\n    <!-- BEGIN: New Order Modal -->\n    <div id=\"new-order-modal\" class=\"modal\">\n      <div class=\"modal__content\">\n        <div\n          class=\"flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5\"\n        >\n          <h2 class=\"font-medium text-base mr-auto\">New Order</h2>\n        </div>\n        <div class=\"p-5 grid grid-cols-12 gap-4 gap-y-3\">\n          <div class=\"col-span-12\">\n            <label>Name</label>\n            <input\n              type=\"text\"\n              class=\"input w-full border mt-2 flex-1\"\n              placeholder=\"Customer name\"\n            />\n          </div>\n          <div class=\"col-span-12\">\n            <label>Table</label>\n            <input\n              type=\"text\"\n              class=\"input w-full border mt-2 flex-1\"\n              placeholder=\"Customer table\"\n            />\n          </div>\n          <div class=\"col-span-12\">\n            <label>Number of People</label>\n            <input\n              type=\"text\"\n              class=\"input w-full border mt-2 flex-1\"\n              placeholder=\"People\"\n            />\n          </div>\n        </div>\n        <div\n          class=\"px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5\"\n        >\n          <button\n            type=\"button\"\n            data-dismiss=\"modal\"\n            class=\"button w-32 border dark:border-dark-5 text-gray-700 dark:text-gray-300 mr-2\"\n          >\n            Cancel\n          </button>\n          <button type=\"button\" class=\"button w-32 bg-theme-1 text-white\">\n            Create Ticket\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- END: New Order Modal -->\n    <!-- BEGIN: Add Item Modal -->\n    <div id=\"add-item-modal\" class=\"modal\">\n      <div class=\"modal__content\">\n        <div\n          class=\"flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5\"\n        >\n          <h2 class=\"font-medium text-base mr-auto\">\n            {{ $f()[0].foods[0].name }}\n          </h2>\n        </div>\n        <div class=\"p-5 grid grid-cols-12 gap-4 gap-y-3\">\n          <div class=\"col-span-12\">\n            <label>Quantity</label>\n            <div class=\"flex mt-2 flex-1\">\n              <button\n                type=\"button\"\n                class=\"button w-12 border bg-gray-200 dark:bg-dark-1 text-gray-600 dark:text-gray-300 mr-1\"\n              >\n                -\n              </button>\n              <input\n                type=\"text\"\n                class=\"input w-24 border text-center\"\n                placeholder=\"QTY\"\n                value=\"2\"\n              />\n              <button\n                type=\"button\"\n                class=\"button w-12 border bg-gray-200 dark:bg-dark-1 text-gray-600 dark:text-gray-300 ml-1\"\n              >\n                +\n              </button>\n            </div>\n          </div>\n          <div class=\"col-span-12\">\n            <label>Notes</label>\n            <textarea\n              class=\"input w-full border mt-2 flex-1\"\n              placeholder=\"Item notes\"\n            ></textarea>\n          </div>\n        </div>\n        <div\n          class=\"px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5\"\n        >\n          <button\n            type=\"button\"\n            data-dismiss=\"modal\"\n            class=\"button w-24 border dark:border-dark-5 text-gray-700 dark:text-gray-300 mr-2\"\n          >\n            Cancel\n          </button>\n          <button type=\"button\" class=\"button w-24 bg-theme-1 text-white\">\n            Add Item\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- END: Add Item Modal -->\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=0e9b61ec\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}