{"id":16994,"date":"2024-10-10T12:14:10","date_gmt":"2024-10-10T09:14:10","guid":{"rendered":"https:\/\/icfsme.iq\/?page_id=16994"},"modified":"2024-10-26T00:19:55","modified_gmt":"2024-10-25T21:19:55","slug":"e-service","status":"publish","type":"page","link":"https:\/\/icfsme.iq\/en\/e-service\/","title":{"rendered":"e-service"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2baf823 stk-block-background\" data-block-id=\"2baf823\"><style>.stk-2baf823 {background-color:var(--theme-palette-color-2, #39929a) !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;}.stk-2baf823:before{background-color:var(--theme-palette-color-2, #39929a) !important;}.stk-2baf823-column{--stk-columns-spacing:0px !important;--stk-column-gap:0px !important;row-gap:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2baf823-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2876f75\" data-v=\"4\" data-block-id=\"2876f75\"><style>.stk-2876f75 {align-self:center !important;}@media screen and (min-width: 768px){.stk-2876f75 {flex:var(--stk-flex-grow, 1) 1 calc(30.4% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2876f75-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2876f75-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e96d3f6\" id=\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a-\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\" data-block-id=\"e96d3f6\"><style>.stk-e96d3f6 {align-items:center !important;margin-top:30px !important;margin-bottom:30px !important;display:flex !important;}.stk-e96d3f6 .stk-block-heading__text{color:var(--theme-palette-color-8, #ffffff) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h2><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9fb7862\" data-v=\"4\" data-block-id=\"9fb7862\"><style>.stk-9fb7862-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}@media screen and (min-width: 768px){.stk-9fb7862 {flex:var(--stk-flex-grow, 1) 1 calc(69.6% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9fb7862-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9fb7862-inner-blocks\">\n<div class=\"wp-block-stackable-image alignfull stk-block-image stk-block stk-bdcd016\" data-block-id=\"bdcd016\"><style>.stk-bdcd016 .stk-img-wrapper{width:100% !important;height:270px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img fetchpriority=\"high\" decoding=\"async\" class=\"stk-img wp-image-16995\" src=\"https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1.webp\" width=\"1538\" height=\"720\" srcset=\"https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1.webp 1538w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-300x140.webp 300w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-1024x479.webp 1024w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-768x360.webp 768w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-1536x719.webp 1536w\" sizes=\"(max-width: 1538px) 100vw, 1538px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-66ea2cb\" data-block-id=\"66ea2cb\"><style>.stk-66ea2cb {margin-bottom:70px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-66ea2cb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f69496e\" data-v=\"4\" data-block-id=\"f69496e\"><style>.stk-f69496e-container{margin-top:17px !important;margin-right:17px !important;margin-bottom:17px !important;margin-left:17px !important;border-top-left-radius:27px !important;border-top-right-radius:27px !important;border-bottom-right-radius:27px !important;border-bottom-left-radius:27px !important;overflow:hidden !important;box-shadow:0 0 0 2px #7878781a !important;padding-top:15px !important;padding-right:15px !important;padding-bottom:15px !important;padding-left:15px !important;}.stk-f69496e {overflow:hidden !important;}@media screen and (max-width: 767px){.stk-f69496e-container{margin-top:6px !important;margin-right:6px !important;margin-bottom:6px !important;margin-left:6px !important;padding-top:1px !important;padding-right:1px !important;padding-bottom:1px !important;padding-left:1px !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f69496e-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-f69496e-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-8049e85\" data-block-id=\"8049e85\"><style>.stk-8049e85 {overflow:hidden !important;padding-top:9px !important;padding-right:9px !important;padding-bottom:9px !important;padding-left:9px !important;margin-top:1px !important;margin-right:1px !important;margin-bottom:1px !important;margin-left:1px !important;}.stk-8049e85 .stk-block-text__text{font-size:18px !important;font-family:\"Tajawal\", Sans-serif !important;}@media screen and (max-width: 1023px){.stk-8049e85 .stk-block-text__text{font-size:17px !important;}}@media screen and (max-width: 767px){.stk-8049e85 .stk-block-text__text{font-size:15px !important;}}<\/style><p class=\"stk-block-text__text has-text-align-justify\">\u062a\u0642\u0648\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629 \u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0628\u0634\u0643\u0644 \u0645\u062a\u0648\u0627\u0635\u0644 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062b \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0647\u0627 \u0644\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0649 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0636\u0627 \u0648\u0645\u0646 \u0636\u0645\u0646 \u0623\u0647\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0628\u062f\u0621 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u064a\u0623\u062a\u064a \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u062a\u0645\u0627\u0634\u064a\u0627\u064b \u0645\u0639 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0647\u0627\u0626\u0644 \u0627\u0644\u0645\u062a\u0645\u062b\u0644 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0646\u0643\u0648\u0646 \u0628\u0630\u0644\u0643 \u062d\u0642\u0642\u0646\u0627 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 \u0646\u0642\u062f\u0645\u0647\u0627 \u0628\u0633\u0631\u0639\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading aligncenter stk-block-heading stk-block-heading--v2 stk-block stk-4e34508 stk-block-background\" id=\"\u0628\u064a\u0627\u0646\u0627\u062a-\u0642\u0631\u0636\u064a\" data-block-id=\"4e34508\"><style>.stk-4e34508 {background-color:var(--theme-palette-color-8, #ffffff) !important;border-top-left-radius:20px !important;border-top-right-radius:20px !important;border-bottom-right-radius:20px !important;border-bottom-left-radius:20px !important;overflow:hidden !important;box-shadow:0px 0px 12px 0px #00000014 !important;margin-right:250px !important;margin-bottom:12px !important;margin-left:250px !important;}.stk-4e34508:before{background-color:var(--theme-palette-color-8, #ffffff) !important;}.stk-4e34508 .stk-block-heading__text{color:var(--theme-palette-color-2, #40adab) !important;}@media screen and (max-width: 1023px){.stk-4e34508 {margin-right:200px !important;margin-left:200px !important;}}@media screen and (max-width: 767px){.stk-4e34508 {margin-right:35px !important;margin-left:35px !important;}.stk-4e34508 .stk-block-heading__text{font-size:25px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">\u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0631\u0636\u064a<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns aligncenter stk-block-columns stk-block stk-f5af97f stk-block-background\" data-block-id=\"f5af97f\"><style>.stk-f5af97f {background-color:var(--theme-palette-color-8, #ffffff) !important;border-top-left-radius:31px !important;border-top-right-radius:31px !important;border-bottom-right-radius:31px !important;border-bottom-left-radius:31px !important;overflow:hidden !important;box-shadow:7px 5px 30px #48497927 !important;margin-top:100px !important;margin-right:100px !important;margin-bottom:100px !important;margin-left:100px !important;}.stk-f5af97f:before{background-color:var(--theme-palette-color-8, #ffffff) !important;}.stk-f5af97f > .stk-separator__top svg{fill:#abb8c3 !important;}@media screen and (max-width: 1023px){.stk-f5af97f {margin-top:60px !important;margin-right:60px !important;margin-bottom:60px !important;margin-left:60px !important;}}@media screen and (max-width: 767px){.stk-f5af97f {margin-top:6px !important;margin-right:6px !important;margin-bottom:6px !important;margin-left:6px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f5af97f-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a3e936c\" data-v=\"4\" data-block-id=\"a3e936c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a3e936c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a3e936c-inner-blocks\">\n<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <link\n      href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/css\/bootstrap.min.css\"\n      rel=\"stylesheet\"\n      integrity=\"sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M\/SXH301p5ILy+dN9+nJOZ\"\n      crossorigin=\"anonymous\"\n    \/>\n\n\n\n    <link\n      rel=\"stylesheet\"\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\"\n    \/>\n\n    <style>\n    \/\/  * {\n    \/\/    margin: 0;\n    \/\/    padding: 0;\n    \/\/    box-sizing: border-box;\n\n   \/\/   }\n      :root {\n        --primary-color: #c6c3c3;\n        --second-color: #ffffff;\n        --black-color: #000000;\n      }\n      body {\n\n    \n      }\n      a {\n        text-decoration: none;\n        color: var(--second-color);\n      }\n      a:hover {\n        text-decoration: underline;\n      }\n      .wrapper {\n        width: 100%;\n        \n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 1vh;\n         background-color: rgba(0, 0, 0, 0.0); \n    \n      }\n      .login-box {\n        position: relative;\n        width: 500px;\n      \n       \n       \n        border-radius: 10px;\n        padding: 8.5em 1.5em 4em 2.5em;\n        color: var(--second-color);\n\n\n\n      }\n      .login-header {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #ffffff;\n        width: 220px;\n        height: 60px;\n        border-radius: 0 0 20px 20px;\n\n        font-weight: 600;\n        \n      }\n      .login-header span {\n        font-size: 2px;\n        color: #46A6AF;\n\n      }\n     \n      .input-box {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        margin: 10px 0;\n        \n      }\n      .input-field {\n        width: 100% !important;\n        height: 55px !important;\n        font-size: 17px !important;\n        background: transparent !important;\n        color: ffffF !important;\n        padding-inline: 20px 50px !important;\n        border: 1px solid var(--primary-color) !important;\n        border-radius: 6px !important;\n        outline: none !important;\n\n      }\n      #user {\n        margin-bottom: 15px;\n      }\n      .label {\n        position: absolute;\n        top: -28px;\n        right: 20px;\n\n        transition: 0.2s;\n        font-weight: 600;\ncolor: var(--black-color) !important;\n      }\n      .underlineHover {\n        display: flex;\n        justify-content: center;\n        font-size: 14px;\n        color: #000;\n\n      }\n      \/*******  \u0631\u0642\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 \u0648\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631  *********\/\n      .input-field:focus ~ .label,\n      .input-field:valid .label {\n        position: absolute !important;\n        top: -10px !important;\n        right: 20px !important;\n        font-size: 14px !important;\n        background-color: #46A6AF !important;\n        border-radius: 10px !important;\n        color: white !important;\n        padding: 0 10px !important;\n\n      }\n   \n      .remember-forgot {\n        display: flex;\n        justify-content: space-between;\n        font-size: 17px;\n        color: #000;\n      }\n\n      .register {\n        text-align: center;\n      }\n      .register a {\n        font-weight: 500;\n      }\n     .input-submit {\n      width: 100% !important;\n        height: 50px;\n        background: #46A6AF !important;\n        font-size: 18px !important;\n        font-weight: 500 !important;\n\n        border: none !important;\n        border-radius: 6px !important;\n        cursor: pointer !important;\n        transition: 0.3s !important;\n        margin: 1px !important;\n\n      \n      .input-submit:hover {\nbackground: #000000 !important;\ncolor: #000000!important;\n      }\n\n      @media only screen and (max-width: 564px) {\n        .wrapper {\n          padding: 20px;\n        }\n        .login_box {\n          padding: 7.5em 1.5em 4em 1.5em;\n        }\n      }\n      @keyframes blink {\n        0% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0;\n        }\n        100% {\n          opacity: 1;\n        }\n      }\n      .icon.blinking {\n        animation: blink 1s infinite;\n      }\n\n      \/* -- YouTube Link Styles -- *\/\n      #source-link {\n        top: 60px;\n      }\n\n      #source-link > i {\n        color: rgb(94, 106, 210);\n      }\n\n      #yt-link {\n        top: 10px;\n      }\n\n      #yt-link > i {\n        color: rgb(219, 31, 106);\n      }\n\n      .meta-link {\n        align-items: center;\n        backdrop-filter: blur(3px);\n        background-color: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 6px;\n        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);\n        cursor: pointer;\n        display: inline-flex;\n        gap: 5px;\n        left: 10px;\n        padding: 10px 20px;\n        position: fixed;\n        text-decoration: none;\n        transition: background-color 600ms, border-color 600ms;\n        z-index: 10000;\n      \n\n      .meta-link:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n      }\n\n      .meta-link > i,\n      .meta-link > span {\n        height: 20px;\n        line-height: 20px;\n      }\n\n      .meta-link > span {\n        color: black;\n\n        transition: color 600ms;\n      }\n\n      \/******************************************  old Styles  ***********************************************\/\n\n \n      .div-center-results {\n        width: 100%;\n        min-height: 400px;\n        background-color: #fff;\n\n        padding: 1em 2em;\n        border-bottom: 2px solid #ccc;\n        border-radius: 15px;\n      }\n\n      \/* loading animation *\/\n      .loading {\n        margin: auto;\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        bottom: 0px;\n        right: 0px;\n        \/* background-color: rgba(0, 0, 0, 0.384); *\/\n        z-index: 5;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-content: center;\n        align-items: center;\n      }\n\n      .lds-dual-ring {\n        display: inline-block;\n        width: 80px;\n        height: 80px;\n      }\n\n      .lds-dual-ring:after {\n        content: \" \";\n        display: block;\n        width: 64px;\n        height: 64px;\n        margin: 8px;\n        border-radius: 50%;\n        border: 6px solid #fff;\n        border-color: #fff transparent #fff transparent;\n        animation: lds-dual-ring 1.2s linear infinite;\n      }\n\n      @keyframes lds-dual-ring {\n        0% {\n          transform: rotate(0deg);\n        }\n\n        100% {\n          transform: rotate(360deg);\n        }\n      }\n\n      @media print {\n        .no-print {\n          display: none !important;\n        }\n\n        body * {\n          visibility: hidden;\n          margin: 0;\n          padding: 0;\n        }\n\n        .wrapper {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          min-height: auto;\n          \/* background-color: rgba(0, 0, 0, 0.2); *\/\n        }\n\n        .print * {\n          visibility: visible !important;\n        }\n\n        .print {\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          left: 0px;\n        }\n      }\n\n      [v-cloak] {\n        display: none;\n      }\n\n      .title-cell {\n        background-color: #c9c6c6 !important;\n      }\n\n      .header-cell {\n        text-align: center;\n      }\n\n      .logo {\n        width: 120px;\n        height: 60px;\n      }\n\n      .slide-up-enter-active,\n      .slide-up-leave-active {\n        transition: all 0.25s ease-out;\n      }\n\n      .slide-up-enter-from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n\n      .slide-up-leave-to {\n        opacity: 0;\n        transform: translateY(-30px);\n      }\n\n      article {\n        background: transparent !important;\n      }\n    <\/style>\n  <\/head>\n\n  <body>\n    <div id=\"app\" class=\"wrapper\" v-cloak>\n      <div class=\"loading\" v-if=\"loading\">\n        <div class=\"lds-dual-ring\"><\/div>\n      <\/div>\n      <Transition name=\"slide-up\" mode=\"out-in\">\n        <div class=\"login-box\" v-if=\"!isLoggedIn\" dir=\"rtl\">\n          <div class=\"login-header\">\n      \n\n\n\n          <\/div>\n          <form @submit.prevent=\"login\" get=\"\" enctype=\"multipart\/form-data\">\n            <div class=\"input-box\">\n              <input\n                type=\"text\"\n                id=\"user\"\n                class=\"input-field\"\n                required\n                v-model=\"code\"\n              \/>\n              <label for=\"user\" class=\"label\">\u0631\u0642\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 <\/label>\n              <i class=\"bx bx-user icon\"><\/i>\n            <\/div>\n            <div class=\"input-box\">\n              <input\n                type=\"password\"\n                id=\"pass\"\n                class=\"input-field\"\n                autocomplete=\"off\"\n                v-model=\"pass\"\n              \/>\n              <label for=\"pass\" class=\"label\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/label>\n              <i class=\"bx bx-lock-alt icon\" id=\"show-password\"> <\/i>\n            <\/div>\n            <div class=\"remember-forgot\">\n              <div class=\"remember-me\">\n                <input type=\"checkbox\" id=\"remember\" \/>\n                <label for=\"remember\" style=\"padding-right: 10px\">\u062a\u0630\u0643\u0631\u0646\u064a<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"input-box\">\n              <input type=\"submit\" class=\"input-submit\" value=\"\u062f\u062e\u0648\u0644\" \/>\n            <\/div>\n            <div id=\"formFooter\">\n      <a class=\"underlineHover\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=9647721600500&#038;text&#038;type=phone_number&#038;app_absent=0\">\u0647\u0644 \u0646\u0633\u064a\u062a \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644 \u061f<\/a>\n    <\/div>\n            <!-- <div class=\"register\">\n            <span>Don't have an account? <a href=\"#\">Register<\/a><\/span>\n          <\/div> -->\n          <\/form>\n        <\/div>\n\n        <!-- results table -->\n\n        <div class=\"container\" v-else-if=\"isLoggedIn\" dir=\"rtl\">\n          <div class=\"div-center\" v-if=\"!results\">\n            <h3 class=\"text-center\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u062e\u0644\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0633\u062c\u0644\u0627\u062a\u0646\u0627<\/h3>\n          <\/div>\n\n          <!-- <div class=\"mt-5 text-center\"><\/div> -->\n          <div class=\"print\">\n            <div class=\"div-center-results\" v-for=\"row in results\">\n              <table class=\"table table-bordered\">\n                <tbody>\n                  <tr>\n                  \n                  <\/tr>\n                  <tr>\n                    <td colspan=\"4\" class=\"header-cell\">\n                      <h3>\u0643\u0634\u0641 \u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0631\u0636({{row[`\u0627\u0633\u0645 \u0627\u0644\u0639\u0645\u064a\u0644`]}})<\/h3>\n                    <\/td>\n                  <\/tr>\n                  <tr>\n                    <td colspan=\"4\" class=\"header-cell\">\n                      <h6>\u0628\u062a\u0627\u0631\u064a\u062e : {{this.getDateString()}}<\/h6>\n                    <\/td>\n                  <\/tr>\n\n                  <tr v-for=\"value,key in row\">\n                    <th scope=\"row\">{{key}}<\/th>\n                    <td>{{value}}<\/td>\n                  <\/tr>\n                  <tr class=\"no-print\">\n                    <td colspan=\"4\" class=\"header-cell\">\n                      <div style=\"display: flex; justify-content: center\">\n                        <button\n                          class=\"input-submit\"\n                          type=\"button\"\n                          @click=\"clear\"\n                          style=\"width: 100px\"\n                        >\n                          \u0639\u0648\u062f\u0647\n                        <\/button>\n                        <button\n                          class=\"input-submit\"\n                          style=\"width: 100px\"\n                          type=\"button\"\n                          onclick=\"window.print();return false;\"\n                        >\n                          \u0637\u0628\u0627\u0639\u0629\n                        <\/button>\n                      <\/div>\n                    <\/td>\n                  <\/tr>\n                <\/tbody>\n              <\/table>\n\n              <hr \/>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/Transition>\n    <\/div>\n  <\/body>\n\n  <script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.4\/moment.min.js\"><\/script>\n\n  <!-- <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/js\/bootstrap.bundle.min.js\"\n    integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\"\n    crossorigin=\"anonymous\"><\/script> -->\n  <script>\n    \/\/ https:\/\/docs.google.com\/spreadsheets\/d\/1o2ZOQXSEpg9RrXPAbJj_NjoxRGRLf2UNMW3CkrxlliQ\/edit?fbclid=IwAR2NDG8WNAHNk0Qa9YJhFAzqbpQBlcXY4vlkkODlYlYFGBfV-imkMuoSQXo#gid=0\n    const { createApp } = Vue;\n\n    const sheetID = \"1ohzaZXx73iQO8KUiMQV1e59Iy2pDr0KydlCNINy0-Pw\";\n    const sheetName = \"\u0627\u0644\u0648\u0631\u0642\u06291\";\n\n    createApp({\n      data() {\n        return {\n          loading: false,\n\n          code: \"\",\n          isLoggedIn: false,\n          results: [],\n        };\n      },\n      methods: {\n        login: async function () {\n          if (!this.code || !this.pass) {\n            alert(\n              \"\u064a\u0631\u062c\u0649 \u0627\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\/\/\u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649 07721600500 \"\n            );\n            return;\n          }\n\n          const base = `https:\/\/docs.google.com\/spreadsheets\/d\/${sheetID}\/gviz\/tq?`;\n          let qu = `Select * WHERE B = ${this.code} OR C = ${this.code} AND P = ${this.pass}`;\n\n          const query = encodeURIComponent(qu);\n          const url = `${base}&sheet=${sheetName}&tq=${query}`;\n          const results = await this.getData(url);\n\n          console.log(results);\n          if (!results || !results.length) {\n            alert(\n              \"\u0639\u0630\u0631\u0627\u064b, \u0644\u064a\u0633 \u0644\u062f\u064a\u0646\u0627 \u0633\u062c\u0644 \u0628\u0631\u0642\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0630\u064a \u062a\u0645 \u0625\u062f\u062e\u0627\u0644\u0647. \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0635\u062d\u064a\u062d \u0623\u0648 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649 07721600500 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\"\n            );\n            return;\n          }\n          this.results = results;\n          this.isLoggedIn = true;\n        },\n        getData: async function (url) {\n          try {\n            this.loading = true;\n            const resRaw = await fetch(url);\n            const rep = await resRaw.text();\n\n            \/\/ console.log(rep);\n            const data = [];\n            const colz = [];\n\n            const jsData = JSON.parse(rep.slice(47, -2));\n            \/\/ console.log(jsData);\n            jsData.table.cols.forEach((heading) => {\n              if (heading.label) {\n                colz.push(heading.label.toLowerCase());\n              }\n            });\n            jsData.table.rows.forEach((main) => {\n              \/\/ console.log(main);\n              const row = {};\n              colz.forEach((ele, ind) => {\n                row[ele] = main.c[ind] != null ? main.c[ind].v : \"\";\n                \/\/ console.log(main.c[ind]);\n              });\n              data.push(row);\n            });\n            \/\/ console.log(data);\n            this.loading = false;\n            return data;\n          } catch (err) {\n            console.error(err);\n            this.loading = false;\n          }\n        },\n\n        clear: function () {\n          this.code = \"\";\n          this.isLoggedIn = false;\n          this.loading = false;\n          this.results = [];\n        },\n\n        getDateString: function () {\n          \/\/ \u0628\u062a\u0627\u0631\u064a\u062e 02\/12\/2023 \u0627\u0644\u0633\u0627\u0639\u0629 11:00 pm\n          return `${moment().format(\"DD\/MM\/YYYY\")} \u0627\u0644\u0633\u0627\u0639\u0629 ${moment().format(\n            \"h:mm A\"\n          )}`;\n        },\n      },\n    }).mount(\"#app\");\n  <\/script>\n<\/html>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0642\u0648\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629 \u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0628\u0634\u0643\u0644 \u0645\u062a\u0648\u0627\u0635\u0644 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062b \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0647\u0627 \u0644\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0649 \u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0636\u0627 \u0648\u0645\u0646 \u0636\u0645\u0646 \u0623\u0647\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0628\u062f\u0621 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u064a\u0623\u062a\u064a \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u062a\u0645\u0627\u0634\u064a\u0627\u064b \u0645\u0639 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0647\u0627\u0626\u0644 \u0627\u0644\u0645\u062a\u0645\u062b\u0644 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a \u0648\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-16994","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/comments?post=16994"}],"version-history":[{"count":12,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16994\/revisions"}],"predecessor-version":[{"id":17758,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16994\/revisions\/17758"}],"wp:attachment":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/media?parent=16994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}