{"version":3,"sources":["webpack:///./static/img/maxresdefault.jpeg","webpack:///src/components/school/shared/modals/VideoModal.vue","webpack:///./src/components/school/shared/modals/VideoModal.vue?4e4e","webpack:///./src/components/school/shared/modals/VideoModal.vue"],"names":["module","exports","__webpack_require__","p","VideoModal","data","premuimEnglishVideo","premuimArabicVideo","methods","hideModal","this","$refs","homeVideoModal","hide","document","getElementById","pause","shown","show","play","Register","routes","push","name","query","lang","$route","mounted","modals_VideoModal","render","_vm","_h","$createElement","_c","_self","staticClass","ref","attrs","id","size","title","hideHeader","hide-footer","on","hidden","staticStyle","cursor","width","height","viewBox","fill","xmlns","click","cx","cy","r","stroke","stroke-width","_v","d","controls","preload","poster","playsinline","loop","src","type","$store","getters","isAuth","_e","$event","_s","$t","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAAAA,OAAAC,QAAiBC,oBAAAC,EAAuB,8NCkCxCC,YACAC,KADA,WAEA,OACAC,oBAAA,mHACAC,mBAAA,oHAIAC,SACAC,UADA,WAEAC,KAAAC,MAAAC,eAAAC,OACAC,SAAAC,eAAA,SACAC,SAEAC,MANA,WAOAP,KAAAC,MAAAC,eAAAM,OACAJ,SAAAC,eAAA,SACAI,QAEAC,SAXA,WAYAC,OAAA,EAAAC,MACAC,KAAA,WACAC,OAAAC,KAAAf,KAAAgB,OAAAF,MAAAC,UAIAE,QA1BA,WA2BAb,SAAAC,eAAA,SACAC,UC3DeY,mBADEC,OAFjB,WAA0B,IAAAC,IAAApB,KAAaqB,GAAAD,IAAAE,eAA0BC,GAAAH,IAAAI,MAAAD,IAAAF,GAAwB,OAAAE,GAAA,OAAiBE,YAAA,cAAwBF,GAAA,WAAgBG,IAAA,iBAAAD,YAAA,iBAAAE,OAAyDC,GAAA,iBAAAC,KAAA,KAAAC,MAAA,GAAAC,YAAA,EAAAC,eAAA,GAAkFC,IAAK1B,MAAAa,IAAAb,MAAA2B,OAAAd,IAAArB,aAA0CwB,GAAA,OAAYE,YAAA,YAAAU,aAAqCC,OAAA,WAAmBT,OAAQU,MAAA,KAAAC,OAAA,KAAAC,QAAA,YAAAC,KAAA,OAAAC,MAAA,8BAAoGR,IAAKS,MAAAtB,IAAArB,aAAuBwB,GAAA,UAAeI,OAAOgB,GAAA,KAAAC,GAAA,KAAAC,EAAA,KAAAL,KAAA,UAAAM,OAAA,UAAAC,eAAA,OAAqF3B,IAAA4B,GAAA,KAAAzB,GAAA,QAAyBY,aAAaC,OAAA,WAAmBT,OAAQsB,EAAA,2XAAAT,KAAA,eAAiZpB,IAAA4B,GAAA,KAAAzB,GAAA,SAA4BE,YAAA,QAAAE,OAA2BuB,SAAA,GAAAtB,GAAA,QAAAuB,QAAA,OAAAC,OAAqD5D,oBAAQ,QAA8C6D,YAAA,GAAAC,KAAA,MAA8B/B,GAAA,UAAeI,OAAO4B,IAAA,MAAAnC,IAAAJ,OAAAF,MAAAC,KAAAK,IAAAvB,mBAAAuB,IAAAxB,oBAAA4D,KAAA,iBAA0GpC,IAAA4B,GAAA,KAAA5B,IAAAqC,OAAAC,QAAAC,OAA8HvC,IAAAwC,KAA9HrC,GAAA,UAA0DE,YAAA,UAAAQ,IAA0BS,MAAA,SAAAmB,QAAyBzC,IAAAV,eAAiBU,IAAA4B,GAAA5B,IAAA0C,GAAA1C,IAAA2C,GAAA,+CAElgDC,oBCCjB,IAcAC,UAdyBzE,oBAAQ,OAcjC0E,CACExE,WACAwB,mBATF,EAVA,SAAAiD,YACE3E,oBAAQ,SAaV,kBAEA,MAUe4E,oBAAA,QAAAH,UAAiB","file":"static/js/183.dd012bab666161df8500.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/maxresdefault.95d4a0b.jpeg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./static/img/maxresdefault.jpeg\n// module id = St3R\n// module chunks = 0 156 183","<template>\r\n \r\n       <div class=\"container\">\r\n         \r\n    <b-modal id=\"homeVideoModal\" class=\"homeVideoModal\" size=\"lg\" ref=\"homeVideoModal\" title @shown=\"shown\" :hideHeader=\"true\" @hidden=\"hideModal\" :hide-footer=\"true\">\r\n          <svg width=\"44\" @click=\"hideModal\"  style=\"cursor: pointer;\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"svg-close\">\r\n            <circle cx=\"22\" cy=\"22\" r=\"20\" fill=\"#254178\" stroke=\"#BACFF7\" stroke-width=\"4\" />\r\n            <path\r\n                style=\"cursor: pointer;\"\r\n                d=\"M28.3 15.71C27.91 15.32 27.28 15.32 26.89 15.71L22 20.59L17.11 15.7C16.72 15.31 16.09 15.31 15.7 15.7C15.31 16.09 15.31 16.72 15.7 17.11L20.59 22L15.7 26.89C15.31 27.28 15.31 27.91 15.7 28.3C16.09 28.69 16.72 28.69 17.11 28.3L22 23.41L26.89 28.3C27.28 28.69 27.91 28.69 28.3 28.3C28.69 27.91 28.69 27.28 28.3 26.89L23.41 22L28.3 17.11C28.68 16.73 28.68 16.09 28.3 15.71V15.71Z\"\r\n                fill=\"#FCFCFD\"\r\n            />\r\n        </svg>\r\n       \r\n\t\r\n\t\t<video controls  class=\"video\"  id=\"video\" preload=\"auto\"  poster=\"../../../../../static/img/maxresdefault.jpeg\" playsinline  loop>\r\n\t\t\t<source :src=\"$route.query.lang =='ar' ? premuimArabicVideo : premuimEnglishVideo\" type=\"video/mp4\">  \r\n\t\t</video>\r\n\t\r\n\r\n      <button     v-if=\"!$store.getters.isAuth\"\r\n                  @click=\"Register()\"\r\n                  class=\"request\"\r\n                >{{$t(\"message.thirdSectionHome.btn_reg\")}}</button>\r\n     </b-modal>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\n\r\n\r\n import router from \"@/routes\";\r\n\r\n \r\nexport default {   \r\n  data() {\r\n      return{\r\n      premuimEnglishVideo:\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/HelloCodeVideo-EnglishRV5-Compress.mp4\",\r\n      premuimArabicVideo:\"https://cdn-static-images-frontend.s3.eu-west-1.amazonaws.com/hellocodeV2/HelloCodeVideo-ArabicRV4-Compress.mp4\",\r\n      }\r\n},\r\n\r\n methods: {\r\n     hideModal() {\r\n      this.$refs.homeVideoModal.hide();\r\n      const video = document.getElementById(\"video\");\r\n     video.pause();\r\n     },\r\n     shown() {\r\n       this.$refs.homeVideoModal.show();\r\n     const video = document.getElementById(\"video\");\r\n     video.play();\r\n    },\r\n    Register(){\r\n            router.push({\r\n             name: \"Register\",\r\n           query: { lang: this.$route.query.lang }\r\n           });\r\n    }\r\n },      \r\n     mounted() {\r\n         const video = document.getElementById(\"video\");\r\n     video.pause();\r\n  },\r\n }\r\n</script>\r\n<style scoped>\r\n.svg-video{\r\n    margin:28px 117px 28px 117px;\r\n    \r\n}\r\n.svg-close{\r\n       position: relative;\r\n    left: 4%;\r\n}\r\n.video{\r\n   max-width: 1140px;\r\n    top: 35px;\r\n}\r\n.video-container{\r\n    top:35px;\r\n}\r\n .request{\r\n    padding: 10px 32px;\r\n background: #FFFFFF;\r\n/* Primary Color/900 */\r\n\r\nborder: 2px solid #0B1E41;\r\nbox-sizing: border-box;\r\nbox-shadow: inset 0px -4px 0px #0B1E41;\r\nborder-radius: 14px;\r\ndisplay: flex;\r\nmargin: 30px auto;\r\ncursor: pointer;\r\n  }\r\n .video-container {\r\n\tmax-width: 1140px;\r\n    border-radius: 4px;\r\n    margin: 0px auto 50px auto;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n\tjustify-content: center;\r\n    box-shadow: 0px 8px 20px rgb(0 0 0 / 40%);\r\n}\r\n .video-container .video-wrapper {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t display: flex;\r\n\t justify-content: center;\r\n\t align-items: center;\r\n}\r\n .video-container video {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t border-radius: 4px;\r\n}\r\n .play-button-wrapper {\r\n\t position: absolute;\r\n\t top: 0;\r\n\t left: 0;\r\n\t right: 0;\r\n\t bottom: 0;\r\n\t display: flex;\r\n\t align-items: center;\r\n\t justify-content: center;\r\n\t width: 100%;\r\n\t height: auto;\r\n\t pointer-events: none;\r\n}\r\n .play-button-wrapper #circle-play-b {\r\n\t cursor: pointer;\r\n\t pointer-events: auto;\r\n}\r\n .play-button-wrapper #circle-play-b svg {\r\n\t width: 80px;\r\n\t height: 80px;\r\n\t fill: #fff;\r\n\t stroke: #fff;\r\n\t cursor: pointer;\r\n\t background-color: rgba(0, 0, 0, 0.2);\r\n\t border-radius: 50%;\r\n\t opacity: 0.9;\r\n}\r\n@media (max-width: 1024px){\r\n    .video{\r\n    width: 100%;\r\n}\r\n}\r\n@media (min-width:768px) and (max-width:1023px){\r\n        .video{\r\n    width: 100%;\r\n    right: 0;\r\n    left: 0;\r\n\r\n}\r\n}\r\n\r\n@media (min-width:321px)and (max-width: 480px){\r\n \r\n\r\n}\r\n\r\n@media (max-width:320px){\r\n      .video{\r\n     right: 0;\r\n    left: 0;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/school/shared/modals/VideoModal.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"homeVideoModal\",staticClass:\"homeVideoModal\",attrs:{\"id\":\"homeVideoModal\",\"size\":\"lg\",\"title\":\"\",\"hideHeader\":true,\"hide-footer\":true},on:{\"shown\":_vm.shown,\"hidden\":_vm.hideModal}},[_c('svg',{staticClass:\"svg-close\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"width\":\"44\",\"height\":\"44\",\"viewBox\":\"0 0 44 44\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"},on:{\"click\":_vm.hideModal}},[_c('circle',{attrs:{\"cx\":\"22\",\"cy\":\"22\",\"r\":\"20\",\"fill\":\"#254178\",\"stroke\":\"#BACFF7\",\"stroke-width\":\"4\"}}),_vm._v(\" \"),_c('path',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"d\":\"M28.3 15.71C27.91 15.32 27.28 15.32 26.89 15.71L22 20.59L17.11 15.7C16.72 15.31 16.09 15.31 15.7 15.7C15.31 16.09 15.31 16.72 15.7 17.11L20.59 22L15.7 26.89C15.31 27.28 15.31 27.91 15.7 28.3C16.09 28.69 16.72 28.69 17.11 28.3L22 23.41L26.89 28.3C27.28 28.69 27.91 28.69 28.3 28.3C28.69 27.91 28.69 27.28 28.3 26.89L23.41 22L28.3 17.11C28.68 16.73 28.68 16.09 28.3 15.71V15.71Z\",\"fill\":\"#FCFCFD\"}})]),_vm._v(\" \"),_c('video',{staticClass:\"video\",attrs:{\"controls\":\"\",\"id\":\"video\",\"preload\":\"auto\",\"poster\":require(\"../../../../../static/img/maxresdefault.jpeg\"),\"playsinline\":\"\",\"loop\":\"\"}},[_c('source',{attrs:{\"src\":_vm.$route.query.lang =='ar' ? _vm.premuimArabicVideo : _vm.premuimEnglishVideo,\"type\":\"video/mp4\"}})]),_vm._v(\" \"),(!_vm.$store.getters.isAuth)?_c('button',{staticClass:\"request\",on:{\"click\":function($event){_vm.Register()}}},[_vm._v(_vm._s(_vm.$t(\"message.thirdSectionHome.btn_reg\")))]):_vm._e()])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1477e632\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/school/shared/modals/VideoModal.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1477e632\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./VideoModal.vue\")\n}\nvar normalizeComponent = require(\"!../../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./VideoModal.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./VideoModal.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1477e632\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./VideoModal.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-1477e632\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/school/shared/modals/VideoModal.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}