{"version":3,"sources":["webpack:///./src/midone/views/invoice-layout-1/Main.vue","webpack:///./src/midone/views/invoice-layout-1/Main.vue?20eb"],"names":["class","href","script","render"],"mappings":"6IACOA,MAAM,uD,EACT,gCAA2D,MAAvDA,MAAM,+BAA8B,kBAAc,G,GACjDA,MAAM,sC,EACT,gCAA0E,UAAlEA,MAAM,+CAA8C,SAAK,G,GAC5DA,MAAM,4B,GAEPA,MAAM,oE,GAEAA,MAAM,4C,GAITA,MAAM,qB,GACJA,MAAM,gD,GAEPC,KAAK,GACLD,MAAM,6I,+BAE2B,iB,GAGjCC,KAAK,GACLD,MAAM,6I,+BAE2B,gB,svHAxB7C,gCA8BM,MA9BN,EA8BM,CA7BJ,EACA,gCA2BM,MA3BN,EA2BM,CA1BJ,EACA,gCAwBM,MAxBN,EAwBM,CAvBJ,gCAMS,SANT,EAMS,CAHP,gCAEO,OAFP,EAEO,CADL,yBAA4B,GAAlBA,MAAM,gBAGpB,gCAeM,MAfN,EAeM,CAdJ,gCAaM,MAbN,EAaM,CAZJ,gCAKI,IALJ,EAKI,CADF,yBAAiC,GAAvBA,MAAM,iB,IAElB,gCAKI,IALJ,EAKI,CADF,yBAAiC,GAAvBA,MAAM,iB,cAQ5B,G,IChCF,MAAME,EAAS,GACfA,EAAOC,OAASA,EAED","file":"js/chunk-748484de.f0840b78.js","sourcesContent":["<template>\n  <div class=\"intro-y flex flex-col sm:flex-row items-center mt-8\">\n    <h2 class=\"text-lg font-medium mr-auto\">Invoice Layout</h2>\n    <div class=\"w-full sm:w-auto flex mt-4 sm:mt-0\">\n      <button class=\"button text-white bg-theme-1 shadow-md mr-2\">Print</button>\n      <div class=\"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            <PlusIcon class=\"w-4 h-4\" />\n          </span>\n        </button>\n        <div class=\"dropdown-box w-40\">\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              <FileIcon class=\"w-4 h-4 mr-2\" /> Export Word\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              <FileIcon class=\"w-4 h-4 mr-2\" /> Export PDF\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- BEGIN: Invoice -->\n  <div class=\"intro-y box overflow-hidden mt-5\">\n    <div\n      class=\"border-b border-gray-200 dark:border-dark-5 text-center sm:text-left\"\n    >\n      <div class=\"px-5 py-10 sm:px-20 sm:py-20\">\n        <div class=\"text-theme-1 dark:text-theme-10 font-semibold text-3xl\">\n          INVOICE\n        </div>\n        <div class=\"mt-2\">\n          Receipt <span class=\"font-medium\">#1923195</span>\n        </div>\n        <div class=\"mt-1\">Jan 02, 2021</div>\n      </div>\n      <div class=\"flex flex-col lg:flex-row px-5 sm:px-20 pt-10 pb-10 sm:pb-20\">\n        <div class=\"\">\n          <div class=\"text-base text-gray-600\">Client Details</div>\n          <div class=\"text-lg font-medium text-theme-1 dark:text-theme-10 mt-2\">\n            Arnold Schwarzenegger\n          </div>\n          <div class=\"mt-1\">arnodlschwarzenegger@gmail.com</div>\n          <div class=\"mt-1\">260 W. Storm Street New York, NY 10025.</div>\n        </div>\n        <div class=\"lg:text-right mt-10 lg:mt-0 lg:ml-auto\">\n          <div class=\"text-base text-gray-600\">Payment to</div>\n          <div class=\"text-lg font-medium text-theme-1 dark:text-theme-10 mt-2\">\n            Left4code\n          </div>\n          <div class=\"mt-1\">left4code@gmail.com</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"px-5 sm:px-16 py-10 sm:py-20\">\n      <div class=\"overflow-x-auto\">\n        <table class=\"table\">\n          <thead>\n            <tr>\n              <th class=\"border-b-2 dark:border-dark-5 whitespace-nowrap\">\n                DESCRIPTION\n              </th>\n              <th\n                class=\"border-b-2 dark:border-dark-5 text-right whitespace-nowrap\"\n              >\n                QTY\n              </th>\n              <th\n                class=\"border-b-2 dark:border-dark-5 text-right whitespace-nowrap\"\n              >\n                PRICE\n              </th>\n              <th\n                class=\"border-b-2 dark:border-dark-5 text-right whitespace-nowrap\"\n              >\n                SUBTOTAL\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"border-b dark:border-dark-5\">\n                <div class=\"font-medium whitespace-nowrap\">\n                  Midone HTML Admin Template\n                </div>\n                <div class=\"text-gray-600 text-xs whitespace-nowrap\">\n                  Regular License\n                </div>\n              </td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">2</td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">$25</td>\n              <td\n                class=\"text-right border-b dark:border-dark-5 w-32 font-medium\"\n              >\n                $50\n              </td>\n            </tr>\n            <tr>\n              <td class=\"border-b dark:border-dark-5\">\n                <div class=\"font-medium whitespace-nowrap\">\n                  Vuejs Admin Template\n                </div>\n                <div class=\"text-gray-600 text-xs whitespace-nowrap\">\n                  Regular License\n                </div>\n              </td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">1</td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">$25</td>\n              <td\n                class=\"text-right border-b dark:border-dark-5 w-32 font-medium\"\n              >\n                $25\n              </td>\n            </tr>\n            <tr>\n              <td class=\"border-b dark:border-dark-5\">\n                <div class=\"font-medium whitespace-nowrap\">\n                  React Admin Template\n                </div>\n                <div class=\"text-gray-600 text-xs whitespace-nowrap\">\n                  Regular License\n                </div>\n              </td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">1</td>\n              <td class=\"text-right border-b dark:border-dark-5 w-32\">$25</td>\n              <td\n                class=\"text-right border-b dark:border-dark-5 w-32 font-medium\"\n              >\n                $25\n              </td>\n            </tr>\n            <tr>\n              <td>\n                <div class=\"font-medium whitespace-nowrap\">\n                  Laravel Admin Template\n                </div>\n                <div class=\"text-gray-600 text-xs whitespace-nowrap\">\n                  Regular License\n                </div>\n              </td>\n              <td class=\"text-right w-32\">3</td>\n              <td class=\"text-right w-32\">$25</td>\n              <td class=\"text-right w-32 font-medium\">$75</td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class=\"px-5 sm:px-20 pb-10 sm:pb-20 flex flex-col-reverse sm:flex-row\">\n      <div class=\"text-center sm:text-left mt-10 sm:mt-0\">\n        <div class=\"text-base text-gray-600\">Bank Transfer</div>\n        <div class=\"text-lg text-theme-1 dark:text-theme-10 font-medium mt-2\">\n          Elon Musk\n        </div>\n        <div class=\"mt-1\">Bank Account : 098347234832</div>\n        <div class=\"mt-1\">Code : LFT133243</div>\n      </div>\n      <div class=\"text-center sm:text-right sm:ml-auto\">\n        <div class=\"text-base text-gray-600\">Total Amount</div>\n        <div class=\"text-xl text-theme-1 dark:text-theme-10 font-medium mt-2\">\n          $20.600.00\n        </div>\n        <div class=\"mt-1 tetx-xs\">Taxes included</div>\n      </div>\n    </div>\n  </div>\n  <!-- END: Invoice -->\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=a44ea8e2\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}