Get Portal Details

{
  "type": "success",
  "data": {
    "portal_uid": "e1bd35a0-0063-11ee-b5cb-2d31ecfbc6c2",
    "portal_name": "Details page with FE details",
    "module": "JOB",
    "page": "DETAILS",
    "template": "<html>\r\n\r\n<head>\r\n    <title>Office - Live Track</title>\r\n    <meta charset=\"utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.1/css/bootstrap.min.css\" integrity=\"sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css\" integrity=\"sha512-JApjWRnfonFeGBY7t4yq8SWr1A6xVYEJgO/UMIYONxaR3C9GETKUg0LharbJncEzJF5Nmiv+Pr5QNulr81LjGQ==\" crossorigin=\"anonymous\" />\r\n\r\n    <style>\r\n\r\n       @font-face{font-family:'ViBold';src:url(https://rigorsolutions.com/fonts/Vi-Bold.eot?#iefix) format('embedded-opentype'),url(https://rigorsolutions.com/fonts/Vi-Bold.ttf) format('truetype')}\r\n       @font-face{font-family:'ViRegular';src:url(https://rigorsolutions.com/fonts/Vi-Regular.eot?#iefix) format('embedded-opentype'),url(https://rigorsolutions.com/fonts/Vi-Regular.ttf) format('truetype')}\r\n        \r\n        \r\n        * {\r\n            font-family: \"ViRegular\", Helvetica, sans-serif;\r\n        } \r\n\r\n        b {\r\n          font-family: \"ViBold\", Arial, Helvetica, sans-serif;\r\n        }\r\n\r\n        .kyc-icon {\r\n          width: 35px;\r\n          display: block;\r\n          margin: auto;\r\n          margin-top: 5px;\r\n          margin-bottom: 5px;\r\n        }\r\n\r\n        .mobile-banner {\r\n            background: #ee2737;\r\n            height: 350px;\r\n            margin-top: 30px;\r\n            position: relative;\r\n            background: url('https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/c3697840-188c-11ec-b25a-dfa5e0aa23f5.png');\r\n            background-size: 100% 100%;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .download-icon img {\r\n            width: 150px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        footer {\r\n          background-color: #fdf6ec;\r\n        }\r\n\r\n        .footer-copyright {\r\n          margin-top: 10px;\r\n          font-size: 12px;\r\n          background: #fbefde;\r\n          padding: 15px 0;\r\n          padding-bottom: 0;\r\n        }\r\n\r\n        .text-small {\r\n          font-size: 13px;\r\n        }\r\n\r\n        footer a {\r\n          text-decoration: none;\r\n          color: #2f3043;\r\n        }\r\n\r\n        footer a:hover {\r\n          color: #2f3043;\r\n          text-decoration: underline;\r\n        }\r\n\r\n        footer h5 {\r\n          font-weight: bold;\r\n          margin-bottom: 20px;\r\n          font-family: 'ViBold', sans-serif;\r\n        }\r\n\r\n        #delivery-address {\r\n          background: #FFF;\r\n          padding: 15px;\r\n          width: 60%;\r\n          border: 1px solid #e6e6e6;\r\n          border-radius: 10px;\r\n          position: absolute;\r\n          left: 10px;\r\n          top: 10px;\r\n          padding-left: 65px;\r\n          box-shadow: 0 0 10px #e6e6e6;\r\n        }\r\n\r\n        #delivery-address::before {\r\n          background: url('https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/8052e6f0-1944-11ec-91a9-89cc0a7a630f.png');\r\n          height: 30px;\r\n          width: 30px;\r\n          background-size: contain;\r\n          content: '';\r\n          display: block;\r\n          position: absolute;\r\n          top: 25px;\r\n          left: 20px;\r\n          background-repeat: no-repeat;\r\n        }\r\n\r\n        #delivery-address p {\r\n          margin-bottom: 0;\r\n        }\r\n\r\n        #fe-details {\r\n          background: #FFF;\r\n          padding: 15px;\r\n          padding-top: 20px;\r\n          width: 60%;\r\n          border: 1px solid #e6e6e6;\r\n          border-radius: 10px;\r\n          position: absolute;\r\n          left: 10px;\r\n          bottom: 10px;\r\n          box-shadow: 0 0 10px #e6e6e6;\r\n        }\r\n\r\n        #fe-details p {\r\n          margin-bottom: 10px;\r\n        }\r\n\r\n        .show_on_mobile {\r\n          display: none;\r\n        }\r\n\r\n        .animate-bottom {\r\n          position: relative;\r\n          animation: animatebottom 0.4s;\r\n        }\r\n\r\n        @keyframes animatebottom {\r\n          from {\r\n            bottom: -300px;\r\n            opacity: 0;\r\n          }\r\n\r\n          to {\r\n            bottom: 0;\r\n            opacity: 1;\r\n          }\r\n        }\r\n\r\n        .mobile-banner .text-white {\r\n          width: 50%;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n          .show_on_mobile {\r\n            display: block !important;\r\n          }\r\n\r\n          .hide_on_mobile {\r\n            display: none !important;\r\n          }\r\n\r\n          #delivery-address {\r\n            width: 90% !important;\r\n            margin: 10px;\r\n          }\r\n\r\n          #fe-details {\r\n            width: 90% !important;\r\n            margin: 10px;\r\n          }\r\n\r\n          .mobile-banner {\r\n            background: none;\r\n            background-color: #ee2737;\r\n            height: 600px;\r\n            padding: 0;\r\n          }\r\n\r\n          .mobile-banner h5 {\r\n            font-size: 1rem;\r\n          }\r\n\r\n          .download-icon img {\r\n            width: 135px;\r\n            margin-left: 10px;\r\n          }\r\n\r\n          #cheers-order-banner {\r\n            padding: 20px;\r\n            background: #def1ff;\r\n            margin-top: -15px;\r\n          }\r\n\r\n          #cheers-order-banner p {\r\n            font-size: 18px;\r\n          }\r\n\r\n          .main-block {\r\n            padding: 0 !important;\r\n          }\r\n\r\n          .main-block .px-3 {\r\n            padding: 0 !important;\r\n          }\r\n\r\n          #acceptable-docs-btn {\r\n            border: 1px solid #304f65;\r\n            border-radius: 40px;\r\n            padding-top: 3px;\r\n          }\r\n\r\n          .modal-dialog {\r\n            bottom: 0px;\r\n            position: absolute;\r\n            margin: 0;\r\n            left: 0;\r\n            width: 100%;\r\n          }\r\n\r\n          .modal-content {\r\n            background-color: transparent;\r\n            border: none;\r\n          }\r\n\r\n          .modal-header {\r\n            border: none !important;\r\n          }\r\n\r\n          .modal-body {\r\n            background: #FFF;\r\n            border-top-left-radius: 15px;\r\n            border-top-right-radius: 15px;\r\n          }\r\n\r\n          #close-modal {\r\n            background: #FFF;\r\n            border: none;\r\n            border-radius: 50%;\r\n            height: 40px;\r\n            width: 40px;\r\n            font-size: 30px;\r\n            line-height: 30px;\r\n          }\r\n\r\n          .mobile-banner .container {\r\n            padding-bottom: 0 !important;\r\n          }\r\n\r\n          .mobile-banner img.banner {\r\n            width: 100%;\r\n            margin-top: -20px;\r\n          }\r\n\r\n          .mobile-banner .text-white {\r\n            width: 100%;\r\n          }\r\n\r\n          footer {\r\n            padding-top: 3rem !important;\r\n          }\r\n\r\n        }\r\n                       \r\n     </style>\r\n</head>\r\n\r\n<body class=\"antialiased font-sans bg-white\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"py-3 mb-0 border-bottom\" style=\"box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);\">\r\n      <div class=\"container d-grid gap-3 align-items-center\">\r\n        <a href=\"#\" class=\"d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none\">\r\n          <img style=\"width: 100px\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/logo/73e4c446-a835-4ddf-811f-84111606943b.png\" alt=\"\">\r\n        </a>  \r\n      </div>\r\n    </header>\r\n    <!-- END OF HEADER -->\r\n\r\n    <!-- BODY -->\r\n    <div id=\"cheers-order-banner\" class=\"show_on_mobile\">\r\n      <p><b>Hello {{customer.customer_first_name}}! Your Technician is on their way</b> </p>\r\n      <button type=\"button\" class=\"btn btn-clear btn-rounded\" id=\"acceptable-docs-btn\" data-toggle=\"modal\" data-target=\"#acceptable-docs-modal\">COVID-19 Measures</button>\r\n    </div>\r\n    <div class=\"container pb-3 main-block\">\r\n      <h3 style=\"margin-bottom: 30px; margin-top: 30px;\" class=\"hide_on_mobile\">\r\n        <b>Hello {{customer.customer_first_name}}! Your Technician is on their way</b>\r\n      </h3>\r\n      <div class=\"row\">\r\n        <div class=\"col-lg-12 px-3\">\r\n          <div class=\"border rounded-3\">\r\n            <div style=\"height: 450px; position: relative;\" class=\"bg-light\">\r\n              <div id=\"delivery-address\">\r\n                <h5>\r\n                  <b>Arriving to:</b> \r\n                </h5>\r\n                <p>{{street}}, {{city}}, {{state}} {{zipcode}}</p>\r\n              </div>\r\n              <div id=\"fe-details\">\r\n                <!-- <p>Delivery by</p> -->\r\n                <h5 style=\"padding-left: 60px\"><b>\r\n                  {{#each assigned_to}}\r\n\r\n                      {{#stringEq user.role.role_key \"FIELD_EXECUTIVE\"}}\r\n                        {{user.first_name}} {{user.last_name}} <br>\r\n                        <i style=\"font-size: 13px; color: #5C5C5C\">{{user.designation}}</i>\r\n                        {{#if user.work_phone_number}}\r\n                          <a href=\"tel:{{user.work_phone_number}}\" style=\"float: right; position: absolute; right: 15px;top: 10px;\">\r\n                            <img style=\"width: 55px;\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/d55c2692-86c1-41e8-8733-654de22056db/ddcd00d0-3966-11ec-a34f-21d1fde4b7bd.png\" alt=\"\">\r\n                          </a>\r\n                          <a style=\"float: right; position: absolute; left: 10px;top: 10px;\">\r\n                            <img style=\"top: 10px; width: 55px; height: 55px; border-radius: 50%;\" src=\"{{user.profile_picture}}\" alt=\"\">\r\n                          </a>\r\n                        {{/if}}\r\n                      {{/stringEq}}\r\n\r\n                  {{/each}}\r\n                </b></h5>\r\n              </div>\r\n              <!-- <iframe src=\"https://www.google.com/maps/embed/v1/place?key=AIzaSyB_LDXpb58SXx4I4dp0UVhKb1mJGqkDn8w&amp;q=26.8732102,75.7990983\" width=\"100%\" height=\"450\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" aria-hidden=\"false\" tabindex=\"0\"></iframe> -->\r\n              <iframe src={{map_url}} width=\"100%\" height=\"550\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" aria-hidden=\"false\" tabindex=\"0\"></iframe>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"col-lg-4 bg-white border rounded-3 hide_on_mobile\" style=\"height: 245px;\">\r\n          <div class=\"card-body\">\r\n            <h5>\r\n              <b>acceptable documents for KYC</b>\r\n            </h5>\r\n            <p>you will need <b>at least two</b> of the below documents</p>\r\n\r\n            <div class=\"d-grid\" style=\"margin-top: 20px; grid-template-columns: 1fr 1fr 1fr 1fr;\">\r\n              <div class=\"text-center\">\r\n                <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/64c314f0-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                Aadhar Card\r\n              </div>\r\n              <div class=\"text-center\">\r\n                <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/612a36c0-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                Voter id card\r\n              </div>\r\n              <div class=\"text-center\">\r\n                <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/67ac7940-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                Driving license\r\n              </div>\r\n              <div class=\"text-center\">\r\n                <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/5beaad70-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                Passport\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div> -->\r\n      </div>\r\n    </div>\r\n    <div class=\"container-fluid mobile-banner\">\r\n      <div class=\"container py-5\">\r\n        <h2 class=\"text-white hide_on_mobile\">\r\n          <b>experience all<br>new App</b>\r\n        </h2>\r\n        <h2 class=\"text-white show_on_mobile\">\r\n          <b>track this order<br>on the go</b>\r\n        </h2>\r\n        <h5 class=\"text-white py-3\">\r\n          Download the app for exclusive offers, manage your account and much more, on-the-go.\r\n        </h5>\r\n        <div class=\"d-grid\" style=\"background: #ee2737; height: 20%; width: 50%; grid-template-columns: 1fr 1fr 1fr;\">\r\n          <div>\r\n            <a href=\"\" class=\"download-icon\">\r\n              <img src=\"https://i.ibb.co/BBXTQvQ/color-crimson-copy-2-3x.png\" alt=\"\">\r\n            </a>\r\n          </div>\r\n          <div>\r\n            <a href=\"\" class=\"download-icon\">\r\n              <img src=\"https://i.ibb.co/09F0KS9/color-crimson-copy-2x.png\" alt=\"\">\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <img class=\"banner show_on_mobile\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/d55c2692-86c1-41e8-8733-654de22056db/e971e710-396c-11ec-a34f-21d1fde4b7bd.png\" alt=\"\">\r\n    </div>\r\n   \r\n    <!-- END OF BODY -->\r\n    <div class=\"modal fade\" id=\"acceptable-docs-modal\" tabindex=\"-1\" role=\"dialog\">\r\n      <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content animate-bottom\">\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\"></h5>\r\n            <button type=\"button\" id=\"close-modal\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          </div>\r\n            <div class=\"modal-body\">\r\n                <h5>\r\n                  <b>COVID-19 Safety Guidelines</b>\r\n                </h5>\r\n                <p>We follow the best practices to ensure your safety</p>\r\n    \r\n                <div class=\"d-grid\" style=\"margin-top: 20px; grid-template-columns: 1fr 1fr 1fr;\">\r\n                  <div class=\"text-center\">\r\n                    <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/64c314f0-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                    Double Vaccinated\r\n                  </div>\r\n                  <div class=\"text-center\">\r\n                    <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/612a36c0-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                    Always Mask On\r\n                  </div>\r\n                  <div class=\"text-center\">\r\n                    <img class=\"kyc-icon\" src=\"https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/67ac7940-188b-11ec-b25a-dfa5e0aa23f5.png\" alt=\"\">\r\n                    Sanitized Equipments\r\n                  </div>\r\n                </div>\r\n    \r\n            </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    \r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js\" integrity=\"sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==\" crossorigin=\"anonymous\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.1/js/bootstrap.min.js\" integrity=\"sha512-ewfXo9Gq53e1q1+WDTjaHAGZ8UvCWq0eXONhwDuIoaH8xz2r96uoAYaQCm1oQhnBfRXrvJztNXFsTloJfgbL5Q==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>\r\n\r\n    <script>\r\n      $(function(){\r\n        $(\"body\").on('click', '#acceptable-docs-btn', function(){\r\n          $(\"#acceptable-docs-modal\").modal('show');\r\n        });\r\n\r\n        $(\"body\").on('click', '#close-modal', function(){\r\n          $(\"#acceptable-docs-modal\").modal('hide');\r\n        });\r\n      });\r\n    </script>\r\n</body>\r\n\r\n</html>",
    "is_active": true,
    "created_by": {
      "user_uid": "06c18dad-1fcc-4278-a5f1-706ee0ca8b9e",
      "first_name": "Ajay",
      "last_name": "Ravi",
      "email": "ajay.r@zuper.co",
      "home_phone_number": "6369602168",
      "designation": "Software Engineer - product services",
      "emp_code": "132",
      "work_phone_number": "6369602168",
      "profile_picture": "https://s3.ap-south-1.amazonaws.com/staging.in.pro.zuper/attachments/6c287db0-ff7c-11e7-b3a8-29b417a4f3fa/34c45560-7f65-11ed-afd9-b91d9207a4f4.jfif",
      "hourly_labor_charge": 20,
      "is_active": true,
      "created_at": "2022-11-28T11:48:14.000Z",
      "updated_at": "2023-01-16T07:09:54.000Z"
    },
    "created_at": "2023-06-01T10:05:48.411Z",
    "updated_at": "2023-06-01T11:18:33.702Z"
  }
}