{"version":3,"sources":["webpack:///./src/pages/diary/open.vue?58e1","webpack:///./src/components/Dapaginator.vue","webpack:///./src/components/Dapaginator.vue?165e","webpack:///./src/pages/diary/open.vue","webpack:///./src/pages/diary/open.vue?dfff"],"names":["props","__props","currentPage","ref","totalPages","emit","__emit","changePage","page","value","watch","total","__exports__","router","useRouter","openDiary","id","push","name","params","openDiaryDiscount","diary","status_id","discount_request_id","getStatusClass","expirationDate","moment","valid_until","currentDate","isBefore","isSameOrAfter","diff","toggle_discount_request_list","async","useDiaryStore","discount_list_mode","customer_waiting_mode","toggle_customer_waiting_mode","onMounted","isClosed","getDiaries","closed","get_diary_statuses","current_page"],"mappings":"kHAAA,W,6pBC6BA,MAAMA,EAAQC,EAURC,EAAcC,iBAAI,GAClBC,EAAaD,iBAAI,GAEjBE,EAAOC,EAEPC,EAAcC,IAClBN,EAAYO,MAAQD,EACpBH,EAAK,aAAcG,I,OAErBE,mBAAM,IAAMV,EAAMI,WAAaO,IAC7BP,EAAWK,MAAQE,I,8wBC9CrB,MAAMC,EAAc,EAEL,U,0mHC6Of,MAAMC,EAASC,iBAETC,EAAaC,IACjBH,EAAOI,KAAK,CAAEC,KAAM,cAAeC,OAAQ,CAAEH,SAGzCI,EAAqBC,IACF,GAAnBA,EAAMC,WACRT,EAAOI,KAAK,CAAEC,KAAM,mBAAoBC,OAAQ,CAAEH,GAAIK,EAAME,wBAI1DC,EAAkBH,IACtB,MAAMI,EAAiBC,IAAOL,EAAMM,aAC9BC,EAAcF,MAEpB,OAAID,EAAeI,SAASD,GACnB,YAEPH,EAAeK,cAAcF,IAC7BH,EAAeM,KAAKH,EAAa,YAAc,EAExC,eAEA,eAILI,EAA+BC,UACnCC,iBAAgBC,oBAAsBD,iBAAgBC,mBACtDD,iBAAgBE,uBAAwB,GAGpCC,EAA+BJ,UACnCC,iBAAgBC,oBAAqB,EACrCD,iBAAgBE,uBAAyBF,iBAAgBE,uBAErDpC,GAAQC,E,OAMdqC,uBAAUL,UACNjC,GAAMuC,eACFL,iBAAgBM,WAAW,CAACC,QAAQ,UAEpCP,iBAAgBM,mBAEhBN,iBAAgBQ,qBACtBR,iBAAgBS,aAAe,I,gtUC9RjC,MAAM/B,GAA2B,KAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-72466686.17890807.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./open.vue?vue&type=style&index=0&id=72939c38&scoped=true&lang=css\"","<template> \n  <div class=\"flex justify-center items-center gap-2\"> \n    <button \n      :disabled=\"currentPage === 1\" \n      @click=\"changePage(currentPage - 1)\" \n      class=\"px-2 py-1 rounded-md bg-gray-200 text-gray-500 hover:bg-gray-300 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\" \n    > \n      <i class=\"fa fa-chevron-left\"></i> \n    </button> \n\n    <div class=\"px-2 py-1 rounded-md bg-green-50 text-gray-500 hover:bg-gray-300 hover:text-gray-600\"> \n      {{ currentPage }} \n    </div> \n    Of \n    <div class=\"px-2 py-1 rounded-md bg-gray-100 text-gray-500 hover:bg-gray-300 hover:text-gray-600\"> \n      {{ totalPages }}\n    </div>\n    <button \n      :disabled=\"currentPage === totalPages\" \n      @click=\"changePage(currentPage + 1)\" \n      class=\"px-2 py-1 rounded-md bg-gray-200 text-gray-500 hover:bg-gray-300 hover:text-gray-600 disabled:opacity-50 disabled:cursor-not-allowed\" \n    > \n      <i class=\"fa fa-chevron-right\"></i> \n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, defineProps, defineEmits } from 'vue' \nconst props = defineProps({ \n  currentPage: { \n    type: Number, \n    default: 1 \n  }, \n  totalPages: { \n    type: Number, \n    default: 1 \n  } \n})\nconst currentPage = ref(1)\nconst totalPages = ref(1)\n\nconst emit = defineEmits(['changePage'])\n\nconst changePage = (page) => {\n  currentPage.value = page\n  emit('changePage', page)\n}\nwatch(() => props.totalPages, (total) => {\n  totalPages.value = total\n})\n\n</script>\n","import script from \"./Dapaginator.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Dapaginator.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"flex flex-col h-screen\">\n    <!-- Header -->\n    <div class=\"px-4 py-3 shadow-md\" :class=\"props.isClosed ? 'bg-orange-700' : 'bg-blue-600' \">\n      <div class=\"flex items-center justify-between \">\n\t\t\t\t<h1 class=\"text-white text-xl font-semibold\">Ditare te {{props.isClosed ? 'mbyllur' : 'hapur'}}</h1>\n        <div class=\"flex space-x-3\" v-if=\"!props.isClosed\">\n          <button @click=\"toggle_discount_request_list()\" \n            class=\"flex items-center px-3 py-1.5 text-sm text-white border border-white/70 rounded-md hover:bg-blue-500 transition-colors\">\n            <i :class=\"['fa-regular mr-2', useDiaryStore().discount_list_mode ? 'fa-circle-dot' : 'fa-circle']\"></i>\n            Pret zbritje\n          </button>\n          <button @click=\"toggle_customer_waiting_mode()\"\n            class=\"flex items-center px-3 py-1.5 text-sm text-white border border-white/70 rounded-md hover:bg-blue-500 transition-colors\">\n            <i :class=\"['fa-regular mr-2', useDiaryStore().customer_waiting_mode ? 'fa-circle-dot' : 'fa-circle']\"></i>\n            Ne pritje nga klienti\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Filters -->\n    <div class=\"px-4 py-3 border-b\">\n      <div class=\"flex items-center justify-center\">\n        <div class=\"flex items-center w-full max-w-3xl px-4 py-2 bg-white border rounded-lg shadow-sm\">\n          <button @click=\"useDiaryStore().resetFilters\" \n            class=\"p-2 text-gray-500 hover:text-blue-600 border-r\">\n            <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\">\n              <path d=\"M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/>\n            </svg>\n            <div v-if=\"useDiaryStore().filtersEnabled\" \n              class=\"absolute bottom-0 right-0 w-2 h-2 bg-red-500 rounded-full\"></div>\n          </button>\n\n          <div class=\"relative px-4 border-r\">\n            <button @click=\"useDiaryStore().show_status_dropdown = !useDiaryStore().show_status_dropdown\"\n              class=\"flex items-center text-gray-600 hover:text-blue-600\">\n              <span>Statusi</span>\n              <i class=\"fa-solid fa-angle-down ml-2\"></i>\n            </button>\n            \n            <div v-if=\"useDiaryStore().show_status_dropdown\" \n              class=\"absolute left-0 z-10 w-48 mt-2 bg-white border rounded-md shadow-lg\">\n              <div class=\"py-1\">\n                <button @click=\"useDiaryStore().diary_filter_status = null, useDiaryStore().show_status_dropdown = null, useDiaryStore().change_page(1)\"\n                  class=\"block w-full px-4 py-2 text-left hover:bg-gray-100\">\n                  Te gjithe\n                </button>\n                <button v-for=\"status in useDiaryStore().diary_statuses.filter(status => status.is_closed == 0)\"\n                  :key=\"status.id\"\n                  @click=\"useDiaryStore().diary_filter_status = status.id, useDiaryStore().show_status_dropdown = null, useDiaryStore().change_page(1)\"\n                  :class=\"{'bg-blue-50': status.id === useDiaryStore().diary_filter_status}\"\n                  class=\"block w-full px-4 py-2 text-left hover:bg-gray-100\">\n                  {{ status.name }}\n                </button>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"px-4 border-r\">\n            <input v-model=\"useDiaryStore().diary_filter_id\"\n              @keyup=\"useDiaryStore().change_page(1)\"\n              placeholder=\"Kerko ID\"\n              class=\"w-24 px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500\">\n          </div>\n\n          <div class=\"flex items-center flex-1 px-4\">\n            <input type=\"text\"\n              v-model=\"useDiaryStore().diary_filter_text\"\n              @keyup=\"useDiaryStore().change_page(1)\"\n              placeholder=\"Kerko...\"\n              class=\"w-full px-3 py-1.5 text-sm border rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500\">\n            <i class=\"fa fa-search fa-sm ml-3 text-gray-400\"></i>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Table -->\n    <div class=\"flex-1 px-4 overflow-auto\">\n      <table class=\"w-full border-collapse\">\n        <thead>\n          <tr class=\"text-sm text-left text-gray-700 bg-gray-50\">\n            <th @click=\"useDiaryStore().sortBy('id')\" \n              class=\"px-4 py-3 font-medium border cursor-pointer hover:bg-gray-100 w-16 text-center\">\n              #\n            </th>\n            <th @click=\"useDiaryStore().sortBy('customer_name')\" \n              class=\"px-4 py-3 font-medium border cursor-pointer hover:bg-gray-100\">\n              <div class=\"flex items-center justify-between\">\n                <span>Klienti</span>\n                <i v-if=\"useDiaryStore().sort['customer_name']\" \n                  :class=\"['fa', useDiaryStore().sort['customer_name'] === 'desc' ? 'fa-sort-down' : 'fa-sort-up']\">\n                </i>\n              </div>\n            </th>\n            <th @click=\"useDiaryStore().sortBy('status')\" \n              class=\"px-4 py-3 font-medium border cursor-pointer hover:bg-gray-100\">\n              <div class=\"flex items-center justify-between\">\n                <span>Statusi</span>\n                <i v-if=\"useDiaryStore().sort['status']\" \n                  :class=\"['fa', useDiaryStore().sort['status'] === 'desc' ? 'fa-sort-down' : 'fa-sort-up']\">\n                </i>\n              </div>\n            </th>\n            <th @click=\"useDiaryStore().sortBy('created_at')\" \n              class=\"px-4 py-3 font-medium border cursor-pointer hover:bg-gray-100\">\n              <div class=\"flex items-center justify-between\">\n                <span>Krijuar</span>\n                <i v-if=\"useDiaryStore().sort['created_at']\" \n                  :class=\"['fa', useDiaryStore().sort['created_at'] === 'desc' ? 'fa-sort-down' : 'fa-sort-up']\">\n                </i>\n              </div>\n            </th>\n            <th @click=\"useDiaryStore().sortBy('valid_until')\" \n              class=\"px-4 py-3 font-medium border cursor-pointer hover:bg-gray-100\">\n              <div class=\"flex items-center justify-between\">\n                <span>Skadon me</span>\n                <i v-if=\"useDiaryStore().sort['valid_until']\" \n                  :class=\"['fa', useDiaryStore().sort['valid_until'] === 'desc' ? 'fa-sort-down' : 'fa-sort-up']\">\n                </i>\n              </div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-for=\"diary in useDiaryStore().diaries_list\" \n            :key=\"diary.id\"\n            class=\"hover:bg-gray-50 transition-colors\">\n            <td @click.prevent=\"openDiary(diary.guid)\"\n              class=\"px-4 py-3 border cursor-pointer hover:bg-blue-50 text-center\">\n              <i class=\"fa fa-hashtag text-gray-300 fa-xs\"></i>\n              {{ diary.id }}\n            </td>\n            <td class=\"border\">\n              <div class=\"flex items-center justify-between px-4 py-3\">\n                <span v-if=\"diary.customer_name\">\n                  <i class=\"fa fa-user text-gray-400 mr-2\"></i>\n                  {{ diary.customer_name }}\n                </span>\n                <span>\n                  <i class=\"fa fa-list\"></i>\n                </span>\n              </div>\n            </td>\n            <td class=\"border\">\n              <div class=\"px-4 py-3 flex justify-between items-center\">\n                <div class=\"flex flex-col\">\n                  <span\n                    @click=\"openDiaryDiscount(diary)\"\n                    :style=\"{\n                      backgroundColor: diary.bg_color,\n                      color: diary.text_color,\n                    }\"\n                    class=\"px-2 py-1 rounded text-xs\"\n                    :class=\"{'cursor-pointer': diary.status_id == 6}\"\n                    style=\"width: fit-content;\">\n                    <i class=\"fa fa-circle fa-xs mr-1\"></i>\n                    {{ diary.status }}\n                  </span>\n                  <span v-if=\"diary.requested_by_customer\"\n                    class=\"px-2 py-1 rounded text-xs bg-teal-300 mt-2\">\n                    <i class=\"fa fa-circle fa-xs mr-1\"></i>\n                    Ne pritje te konfirmimit te klientit\n                  </span>\n                </div>\n                <span class=\"text-gray-400 flex flex-col items-end text-xs\">\n                  <span>\n                    {{ diary.status_created_by }}\n                  </span>\n                  <span class=\"font-thin\">\n                    {{ moment(diary.status_created_at).fromNow() }}\n                  </span>\n                </span>\n              </div>\n            </td>\n            <td class=\"border\">\n              <div class=\"px-4 py-3 flex justify-between items-center\">\n                <span>\n                  {{ diary.name }}\n                </span>\n                <span class=\"text-gray-400 text-xs\">\n                  {{ moment(diary.status_created_at).format(\"DD/MM/YYYY HH:mm\") }}\n                </span>\n              </div>\n            </td>\n            <td :class=\"['border', getStatusClass(diary)]\">\n              <div class=\"px-4 py-3 flex items-center\">\n                <span class=\"text-gray-500 text-xs ml-auto\">\n                  {{ moment(diary.valid_until).format(\"DD/MM/YYYY HH:mm\") }}\n                </span>\n              </div>\n              <div v-if=\"diary.requested_by_customer && !diary.reject_reason_text\"\n                class=\"flex flex-col text-xs text-right border-t border-b px-4 py-2\">\n                <span>Ne pritje te konfirmimit nga klienti</span>\n                <span>\n                  {{ moment(diary.requested_by_customer).format(\"DD/MM/YYYY HH:mm\") }}\n                </span>\n              </div>\n              <div v-if=\"diary.requested_text && !diary.reject_reason_text\"\n                class=\"flex flex-col text-xs text-right border-t border-b px-4 py-2\">\n                <span>Arsyet e pritjes</span>\n                <span>\n                  {{ diary.requested_text }}\n                </span>\n              </div>\n              <div v-if=\"diary.reject_reason_text\"\n                class=\"flex flex-col text-xs text-right border-t border-b px-4 py-2\">\n                <span>Pritje e anulluar nga klienti: </span>\n                <span>\n                  {{ diary.reject_reason_text }}\n                </span>\n                <span v-if=\"diary.reject_text\">\n                  {{diary.reject_text}}\n                </span>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <!-- Pagination -->\n    <div class=\"px-4 py-3 border-t\">\n      <Dapaginator \n        :totalPages=\"useDiaryStore().total_pages\" \n        :currentPage=\"useDiaryStore().current_page\" \n        @changePage=\"useDiaryStore().change_page\"\n        class=\"flex justify-center\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useDiaryStore } from \"@/stores/diary\";\nimport { onMounted } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport moment from \"moment\";\nimport { defineProps } from 'vue'\n\nimport Dapaginator from '@/components/Dapaginator.vue'\n\nconst router = useRouter();\n\nconst openDiary = (id) => {\n  router.push({ name: \"Ditar Shiko\", params: { id } });\n};\n\nconst openDiaryDiscount = (diary) => {\n  if (diary.status_id == 6) {\n    router.push({ name: \"Konfirmo zbritje\", params: { id: diary.discount_request_id } });\n  }\n};\n\nconst getStatusClass = (diary) => {\n  const expirationDate = moment(diary.valid_until);\n  const currentDate = moment();\n\n  if (expirationDate.isBefore(currentDate)) {\n    return \"bg-red-50\";\n  } else if (\n    expirationDate.isSameOrAfter(currentDate) &&\n    expirationDate.diff(currentDate, \"minutes\") <= 5\n  ) {\n    return \"bg-yellow-50\";\n  } else {\n    return \"bg-green-50\";\n  }\n};\n\nconst toggle_discount_request_list = async () => {\n  useDiaryStore().discount_list_mode = !useDiaryStore().discount_list_mode;\n  useDiaryStore().customer_waiting_mode = false;\n};\n\nconst toggle_customer_waiting_mode = async () => {\n  useDiaryStore().discount_list_mode = false;\n  useDiaryStore().customer_waiting_mode = !useDiaryStore().customer_waiting_mode;\n};\nconst props = defineProps({\n  isClosed: {\n    type: Boolean,\n    default: false\n  }\n})\nonMounted(async () => {\n\tif(props.isClosed){ \n\t\tawait useDiaryStore().getDiaries({closed: true});\n\t}else{ \n\t\tawait useDiaryStore().getDiaries(); \n\t}\n  await useDiaryStore().get_diary_statuses();\n  useDiaryStore().current_page = 1;\n});\n</script>\n\n<style scoped>\n/* Remove custom table styles since we're using Tailwind classes */\n</style>\n","import script from \"./open.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./open.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./open.vue?vue&type=style&index=0&id=72939c38&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/user/Work/globe-seed/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-72939c38\"]])\n\nexport default __exports__"],"sourceRoot":""}