var/cache/dev/twig/c4/c4f5a4de7b025c1bcac10c6e329ed1eb38d30f66e41541f799ee62854322c8d1.php line 1524

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* @Application/pages/dashboard/index_central_landing.html.twig */
  17. class __TwigTemplate_5dfcad24c43b73d800d95f64d8a6bd51453a8862686243cc0af5ce087637ed58 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->parent = false;
  30.         $this->blocks = [
  31.         ];
  32.     }
  34.     protected function doDisplay(array $context, array $blocks = [])
  35.     {
  36.         $macros = $this->macros;
  37.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  38.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Application/pages/dashboard/index_central_landing.html.twig"));
  40.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  41.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Application/pages/dashboard/index_central_landing.html.twig"));
  43.         // line 1
  44.         yield "";
  45.         yield from         $this->loadTemplate("@HoneybeeWeb/website/flow_header.html.twig", "@Application/pages/dashboard/index_central_landing.html.twig", 1)->unwrap()->yield($context);
  46.         // line 2
  47.         yield "<meta name=\"robots\" content=\"noindex, nofollow\">
  48. ";
  49.         // line 3
  50.         $context["isConsultant"] = ((CoreExtension::getAttribute($this->env, $this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env, $this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants", $context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.', 3, $this->source); })()), "IS_CONSULTANT", [], "any", false, false, false, 3), [], "array", true, true, false, 3)) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["session"]) || array_key_exists("session", $context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.', 3, $this->source); })()), CoreExtension::getAttribute($this->env, $this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants", $context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.', 3, $this->source); })()), "IS_CONSULTANT", [], "any", false, false, false, 3), [], "array", false, false, false, 3)) : (0));
  51.         // line 4
  52.         $context["BUDDYBEE_ADMIN_LEVEL"] = ((CoreExtension::getAttribute($this->env, $this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env, $this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants", $context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.', 4, $this->source); })()), "BUDDYBEE_ADMIN_LEVEL", [], "any", false, false, false, 4), [], "array", true, true, false, 4)) ? (CoreExtension::getAttribute($this->env, $this->source, (isset($context["session"]) || array_key_exists("session", $context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.', 4, $this->source); })()), CoreExtension::getAttribute($this->env, $this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants", $context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.', 4, $this->source); })()), "BUDDYBEE_ADMIN_LEVEL", [], "any", false, false, false, 4), [], "array", false, false, false, 4)) : (0));
  53.         // line 5
  54.         yield "<link rel=\"stylesheet\"
  55.       href=\"";
  56.         // line 6
  57.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  58.         yield "buddybee_assets/css/imgProgress.css?version=";
  59.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html", null, true);
  60.         yield "\">
  61. <style>
  62.     /*.swiper-slide {*/
  63.     /*    pointer-events: auto;*/
  64.     /*}*/
  66.     /*.swiper-slide-prev,*/
  67.     /*.swiper-slide-next {*/
  68.     /*    pointer-events: auto; !* optional if you want them clickable *!*/
  69.     /*}*/
  71.     /*.swiper-slide-active {*/
  72.     /*    z-index: 2; !* keep top slide visible *!*/
  73.     /*}*/
  75.     /*.swiper-wrapper {*/
  76.     /*    overflow: visible; !* important: allows slide shadows/clicks outside container *!*/
  77.     /*}*/
  80.     .select-center {
  81.         text-align-last: center;
  82.         text-align: center;
  83.     }
  85.     .send-button:hover,
  86.     .send-button:focus,
  87.     .send-button:active {
  88.         background-color: #2673B8;
  89.         color: white;
  90.         outline: none;
  91.         box-shadow: none;
  92.     }
  94.     .modal div[class*=\"col-md\"], .modal div[class*=\"col-lg\"], .modal div[class*=\"col-xs\"], .modal div[class*=\"col-sm\"] {
  95.         margin-bottom: 0px;
  96.     }
  98.     .d-flex {
  99.         display: flex;
  100.     }
  102.     #selectEntityModal {
  104.         box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
  105.         */ border-radius: 12px;
  106.     }
  108.     #selectEntityModal .modal-body {
  109.         padding: 0 1rem;
  110.     }
  112.     #selectEntityModal p {
  113.         margin-bottom: .5rem;
  114.     }
  116.     /* Style for selected option in selectize */
  117.     .selectize-input {
  118.         padding: 10px;
  119.         font-size: 1rem;
  120.         color: #333;
  121.         border: none;
  122.     }
  124.     #selectEntityModal .selectize-input.items {
  125.         border: 1px solid #d0d0d0;
  126.         padding: 8px 8px;
  127.         display: inline-block;
  128.         width: 100%;
  129.         overflow: hidden;
  130.         position: relative;
  131.         z-index: 1;
  132.         box-sizing: border-box;
  133.         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  134.         border-radius: 3px;
  135.     }
  137.     #selectEntityModalForm {
  138.         /*max-width: 500px;*/
  139.         background-color: var(--global-background-color, #ffffff);
  140.         /*margin: 40px auto;*/
  141.         padding: 40px;
  142.         box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
  143.         /*border-radius: 12px;*/
  144.     }
  146.     #selectEntityModalForm .form-header {
  147.         gap: 5px;
  148.         text-align: center;
  149.         font-size: .9em;
  150.     }
  152.     #selectEntityModalForm .form-header .stepIndicator {
  153.         position: relative;
  154.         flex: 1;
  155.         padding-bottom: 30px;
  156.     }
  158.     #selectEntityModalForm .form-header .stepIndicator.active {
  159.         font-weight: 600;
  160.     }
  162.     #selectEntityModalForm .form-header .stepIndicator.finish {
  163.         font-weight: 600;
  164.         color: #009688;
  165.     }
  167.     #selectEntityModalForm .form-header .stepIndicator::before {
  168.         content: \"\";
  169.         position: absolute;
  170.         left: 50%;
  171.         bottom: 0;
  172.         transform: translateX(-50%);
  173.         z-index: 9;
  174.         width: 20px;
  175.         height: 20px;
  176.         background-color: #d5efed;
  177.         border-radius: 50%;
  178.         border: 3px solid #ecf5f4;
  179.     }
  181.     #selectEntityModalForm .form-header .stepIndicator.active::before {
  182.         background-color: #a7ede8;
  183.         border: 3px solid #d5f9f6;
  184.     }
  186.     #selectEntityModalForm .form-header .stepIndicator.finish::before {
  187.         background-color: #009688;
  188.         border: 3px solid #b7e1dd;
  189.     }
  191.     #selectEntityModalForm .form-header .stepIndicator::after {
  192.         content: \"\";
  193.         position: absolute;
  194.         left: 50%;
  195.         bottom: 8px;
  196.         width: 100%;
  197.         height: 3px;
  198.         background-color: #f3f3f3;
  199.     }
  201.     #selectEntityModalForm .form-header .stepIndicator.active::after {
  202.         background-color: #a7ede8;
  203.     }
  205.     #selectEntityModalForm .form-header .stepIndicator.finish::after {
  206.         background-color: #009688;
  207.     }
  209.     #selectEntityModalForm .form-header .stepIndicator:last-child:after {
  210.         display: none;
  211.     }
  213.     #selectEntityModalForm input {
  214.         padding: 15px 20px;
  215.         width: 100%;
  216.         font-size: 1em;
  217.         border: 1px solid #e3e3e3;
  218.         border-radius: 5px;
  219.     }
  221.     #selectEntityModalForm input:focus {
  222.         border: 1px solid #009688;
  223.         outline: 0;
  224.     }
  226.     #selectEntityModalForm input.invalid {
  227.         border: 1px solid #ffaba5;
  228.     }
  230.     #selectEntityModalForm .step {
  231.         display: none;
  232.     }
  234.     #selectEntityModalForm .form-footer {
  235.         overflow: auto;
  236.         gap: 20px;
  237.     }
  239.     #selectEntityModalForm .form-footer button {
  240.         background-color: #1d5b9e;
  241.         border: 1px solid #1d5b9e;
  242.         color: #ffffff;
  243.         border: none;
  244.         padding: 13px 30px;
  245.         font-size: 1em;
  246.         cursor: pointer;
  247.         border-radius: 5px;
  248.         flex: 1;
  249.         margin-top: 5px;
  250.     }
  252.     #selectEntityModalForm .form-footer button:hover {
  253.         opacity: 0.8;
  254.     }
  256.     #selectEntityModalForm .form-footer #promptInfo_prevBtn {
  257.         background-color: var(--global-background-color, #fff);
  258.         color: #009688;
  259.     }
  261.     .box-selector {
  262.         padding: 10px 4px;
  263.         cursor: pointer;
  264.     }
  266.     .box-selector .inside {
  267.         padding: 5px;
  268.         background: white;
  270.         border-radius: 5px;
  271.         -webkit-box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  272.         -moz-box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  273.         box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  275.     }
  277.     .box-selector .inside input {
  278.         cursor: pointer
  279.     }
  281.     .box-selector .inside textarea {
  282.         text-align: center;
  283.         cursor: pointer;
  284.         width: 100%;
  285.         border: none;
  286.         resize: none;
  287.         font-size: 14px;
  288.         color: #1d5b9e;
  289.         font-weight: bold;
  290.     }
  292.     .box-selector.sch_selector_mon .inside,
  293.     .box-selector.sch_selector_day .inside
  294.         /*.box-selector.sch_selector_time .inside*/
  295.     {
  296.         padding: 10px 5px;
  297.     }
  299.     .box-selector.sch_selector_time .inside {
  300.         padding: 4px 5px;
  302.     }
  304.     .step .view_if_has_schedules {
  305.         display: none;
  306.     }
  308.     .box-selector.active:not(.man_sch_selector) .inside {
  309.         border: 2px solid #1d5b9e;
  310.         -webkit-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  311.         -moz-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  312.         box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  314.     }
  316.     .box-selector.active.man_sch_selector .inside {
  317.         border: 2px solid #1d5b9e;
  318.         -webkit-box-shadow: none;
  319.         -moz-box-shadow: none;
  320.         box-shadow: none;
  321.     }
  323.     .box-selector.sch_selector_mon.active .inside,
  324.     .box-selector.sch_selector_day.active .inside,
  325.     .box-selector.sch_selector_time.active .inside {
  326.         border: 2px solid #1d5b9e;
  327.         -webkit-box-shadow: 4px 7px 24px -3px rgba(29, 91, 158, 1);
  328.         -moz-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  329.         box-shadow: 4px 7px 24px -3px rgba(29, 91, 158, 1);
  330.     }
  332.     .box-selector .img {
  333.         margin-left: 5px;
  335.     }
  337.     .box-selector .title {
  338.         text-align: center;
  339.         font-size: var(--cp-fs-base, 13px);
  340.         margin-top: auto;
  341.         margin-bottom: auto;
  342.     }
  344.     .box-selector.paymentMethodSelectorBtn .title {
  345.         text-align: center;
  346.         margin-bottom: 1px;
  347.         font-size: 14px;
  348.     }
  350.     .box-selector .sub-title {
  351.         font-size: 12px;
  352.         color: grey;
  354.     }
  356.     .qr-card {
  357.         position: absolute;
  358.         top: 50%;
  359.         left: 50%;
  360.         transform: translate(-50%, -50%);
  361.         width: min(350px, calc(100vw - 32px));
  362.         margin-top: 10px;
  363.         border-radius: 12px;
  364.         z-index: 1000;
  365.         padding: 10px;
  366.     }
  368.     .qr-card .card {
  369.         border: none;
  370.         background: transparent;
  371.         text-align: center;
  372.     }
  374.     .qr-card img {
  375.         width: 100%;
  376.         margin: 10px auto;
  377.         display: block;
  378.     }
  381.     .hidden {
  382.         display: none;
  383.     }
  385.     /* Flexbox for card container to display them side by side */
  386.     .employee-card-container {
  387.         display: flex;
  388.         justify-content: left; /* Center the cards horizontally */
  389.         gap: 20px; /* Add space between the cards */
  390.         flex-wrap: wrap;
  391.         margin-top: 20px;
  392.     }
  394.     .employee-card {
  395.         padding: 20px;
  396.         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  397.         border-radius: 10px;
  398.         max-width: 320px;
  399.         width: 100%;
  400.         text-align: center;
  401.         display: inline-block;
  402.     }
  404.     .form-group {
  405.         margin-bottom: 10px;
  406.     }
  408.     /* Style for the entire form */
  409.     .form-group {
  410.         margin-bottom: 1.5rem;
  411.     }
  413.     /* Style for the labels */
  414.     .form-group label {
  415.         font-size: .8rem;
  416.         font-weight: 300;
  417.         color: #333;
  418.         margin-bottom: 0.1rem;
  419.         display: block;
  420.     }
  422.     /* Style for the input fields */
  423.     .form-control {
  424.         width: 100%;
  425.         max-width: 100%;
  426.         padding: 0px;
  427.         font-size: 1rem;
  428.         border-radius: 5px;
  429.         box-sizing: border-box;
  430.     }
  432.     /* Hover effect for input fields */
  433.     .form-control:hover {
  434.         border-color: #0056b3;
  435.     }
  437.     /* Focus effect for input fields */
  438.     .form-control:focus {
  439.         border-color: #0056b3;
  440.         outline: none;
  441.     }
  443.     /* Dropdown list customization */
  444.     .selectize-dropdown {
  445.         border-radius: 5px;
  446.         box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  447.         font-size: 1rem;
  448.         max-height: 200px;
  450.     }
  452.     /* Style for selectize items */
  453.     .selectize-dropdown .option {
  454.         padding: 10px;
  455.         font-size: 1rem;
  456.         color: #333;
  457.     }
  459.     /* Hover effect for selectize items */
  460.     .selectize-dropdown .option:hover {
  461.         background-color: #0056b3;
  462.         color: white;
  463.     }
  465.     /* Style for the \"Add Employee\" and \"Close\" buttons */
  466.     .btn-primary, .btn-secondary {
  467.         padding: 10px 20px;
  468.         font-size: 1rem;
  469.         border: none;
  470.         border-radius: 5px;
  471.         cursor: pointer;
  472.     }
  474.     /* Style for the primary button */
  475.     .btn-primary {
  476.         color: white;
  477.     }
  479.     /* Hover effect for primary button */
  480.     .btn-primary:hover {
  481.         background-color: #0056b3;
  482.     }
  484.     /* Style for the secondary button */
  485.     .btn-secondary {
  486.         background-color: #6c757d;
  487.         color: white;
  488.     }
  490.     /* Hover effect for secondary button */
  491.     .btn-secondary:hover {
  492.         background-color: #5a6268;
  493.     }
  495.     #selectEntityModal .routineTable {
  496.         text-align: left;
  497.         vertical-align: middle;
  498.     }
  500.     #selectEntityModal .routineTable .icon-delete {
  501.         color: darkred;
  502.         font-weight: bold;
  503.     }
  505.     #selectEntityModal .routineTable .icon-delete .fa {
  506.         padding: 10px;
  507.         border-radius: 39px;
  508.         border: 1px solid #eddcdc;
  509.         width: 34px;
  510.         height: 34px;
  511.         text-align: center;
  512.     }
  514.     #selectEntityModal .routineTable .icon-check {
  515.         color: green;
  516.         font-weight: bold;
  517.     }
  519.     #selectEntityModal .routineTable .icon-check .fa {
  520.         opacity: 0.1;
  521.     }
  523.     #selectEntityModal .routineTable .icon-check.isChecked .fa {
  524.         opacity: 1;
  525.     }
  527.     #selectEntityModal .routineTable .icon-check .fa {
  528.         padding: 10px;
  529.         border-radius: 39px;
  530.         border: 1px solid #eddcdc;
  531.         width: 34px;
  532.         height: 34px;
  533.         text-align: center;
  534.     }
  536.     #selectEntityModal .routineTable {
  537.         text-align: left;
  538.         vertical-align: middle;
  539.     }
  541.     #selectEntityModal .routineTable .icon-delete {
  542.         color: darkred;
  543.         font-weight: bold;
  544.     }
  546.     #selectEntityModal .routineTable .icon-delete .fa {
  547.         padding: 10px;
  548.         border-radius: 39px;
  549.         border: 1px solid #eddcdc;
  550.         width: 34px;
  551.         height: 34px;
  552.         text-align: center;
  553.     }
  555.     #selectEntityModal .routineTable .icon-check {
  556.         color: green;
  557.         font-weight: bold;
  558.     }
  560.     #selectEntityModal .routineTable .icon-check .fa {
  561.         opacity: 0.1;
  562.     }
  564.     #selectEntityModal .routineTable .icon-check.isChecked .fa {
  565.         opacity: 1;
  566.     }
  568.     #selectEntityModal .routineTable .icon-check .fa {
  569.         padding: 10px;
  570.         border-radius: 39px;
  571.         border: 1px solid #eddcdc;
  572.         width: 34px;
  573.         height: 34px;
  574.         text-align: center;
  575.     }
  578.     @media (min-width: 1400px) {
  579.         .dashboard-main .container {
  580.             max-width: 1400px;
  581.         }
  582.     }
  585.     .upcoming_session_image_view {
  586.         height: 60px;
  587.         width: 60px;
  588.         border-radius: 50%;
  589.         background-size: cover !important;
  590.         background-position: center !important;
  591.     }
  593.     .badge.transaction_completed {
  594.         color: #7AE677;
  595.         background-color: #D9FFD8;
  596.         padding: .7rem;
  597.     }
  599.     .badge.transaction_canceled {
  600.         color: #ED4C5C;
  601.         background-color: #FFE3E2;
  602.         padding: .7rem;
  603.     }
  605.     .badge.transaction_pending {
  606.         color: #373A37;
  607.         background-color: #F2F2F2;
  608.         padding: .7rem;
  609.     }
  611.     .small_info .progress {
  612.         height: 1rem;
  613.         border-radius: 0.5rem;
  615.     }
  617.     .small_info .row {
  618.         margin-top: 19px;
  619.         margin-bottom: 20px;
  621.     }
  623.     .small_info .progress_holder {
  624.         margin-top: auto;
  625.         margin-bottom: auto;
  626.         padding: 0px;
  628.     }
  630.     .small_info .value_type {
  631.         margin-bottom: 0px;
  632.         font-size: 18px;
  633.         color: #373A37;
  634.         font-weight: normal;
  635.     }
  637.     .small_info .percent_value {
  638.         text-align: right;
  639.         margin-bottom: 0px;
  640.         font-size: 18px;
  641.         color: #373A37;
  642.         font-weight: normal;
  643.     }
  645.     .small_info .percent_holder {
  646.         margin-top: auto;
  647.         margin-bottom: auto;
  648.         padding-left: 0px;
  649.     }
  651.     .small_info .value_type_holder {
  652.         margin-top: auto;
  653.         margin-bottom: auto;
  655.     }
  657.     .small_info .progress .progress-bar {
  658.         background: #92E3A9;
  659.     }
  661.     .dashboard-main .card {
  662.         margin-bottom: 13px;
  663.     }
  665.     .accordion-button:focus {
  666.         z-index: 3;
  667.         /* border-color: #86b7fe; */
  668.         outline: 0;
  669.         box-shadow: none;
  670.     }
  672.     .accordion-button:not(.collapsed) {
  673.         /*color: #0c63e4;*/
  674.         background-color: white;
  675.         /*box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);*/
  676.     }
  678.     .dial {
  679.         border: 0px;
  680.         width: 0px;
  681.         font-size: 36px !important;
  682.         color: white;
  684.     }
  686.     .rounded_border_card {
  687.         border-radius: 1rem;;
  688.     }
  690.     .status_card {
  691.         border-radius: 1rem;;
  693.     }
  695.     .status_card .card-body {
  696.         padding-bottom: 0;
  698.     }
  700.     .status_card .card-title {
  701.         color: #4B4B4B;
  702.         font-size: var(--cp-fs-xl, 20px);
  703.         font-weight: 400;
  704.         font-family: 'Poppins';
  705.     }
  707.     .status_card .status_value {
  708.         color: #4B4B4B;
  709.         font-size: 60px;
  710.         font-weight: normal;
  711.         font-family: 'Poppins';
  712.     }
  714.     .status_card .col-md-7, .status_card .col-md-5, .status_card .col-md-6 {
  715.         margin-top: auto;
  716.         margin-bottom: auto;
  717.         /*padding: 0;*/
  718.     }
  720.     .status_card .col-md-5 {
  721.         padding-left: 0px;
  722.     }
  724.     .status_card .status_value_trend {
  725.         float: right;
  726.         font-size: 14px;
  727.         font-weight: 400;
  728.         padding: 8px;
  729.         border-radius: 1em;
  730.     }
  732.     .status_value_trend.negative {
  733.         background-color: #FFE4E4;
  734.         color: #F07777;
  735.     }
  737.     .status_value_trend.positive {
  738.         background-color: #C6F1F7;
  739.         color: #137DC3;
  740.     }
  742.     .student_list_card {
  743.         /*border-radius: 1rem;;*/
  745.     }
  747.     .student_list_card .card {
  748.         /*border-radius: 1rem;;*/
  749.         border: none;;
  751.     }
  753.     .student_list_card .card-body {
  754.         padding: 8px;
  755.         border-radius: 13px;
  757.     }
  759.     .student_list_card .card-title {
  760.         color: #4B4B4B;
  761.         font-size: var(--cp-fs-xl, 20px);
  762.         font-weight: 400;
  763.         font-family: 'Poppins';
  765.     }
  767.     .student_list_card .time {
  768.         color: #818181;
  769.         font-size: var(--cp-fs-lg, 16px);
  770.         font-weight: bold;
  771.         font-family: 'Roboto', sans-serif;
  772.         padding-left: 4px;
  774.     }
  776.     .student_list_card .col-md-7,
  777.     .student_list_card .col-md-5,
  778.     .student_list_card .col-md-6,
  779.     .student_list_card .col-md-9,
  780.     .student_list_card .col-md-1,
  781.     .student_list_card .col-md-2,
  782.     .student_list_card .col-md-3 {
  783.         margin-top: auto;
  784.         margin-bottom: auto;
  785.         /*padding: 0;*/
  787.     }
  789.     .student_list_card .col-md-5,
  790.     .student_list_card .col-md-1 {
  791.         padding-left: 0px;
  792.     }
  794.     .student_list_card img {
  795.         width: 100%;
  796.         border-radius: 50%;
  797.     }
  799.     .student_list_card .student_name {
  800.         font-size: 18px;
  801.         font-weight: bold;
  802.         color: #4B4B4B;
  803.         font-family: 'Poppins';
  804.         margin-bottom: 0px;
  805.     }
  807.     .student_list_card .student_interest {
  808.         font-size: var(--cp-fs-lg, 16px);
  809.         font-weight: 400;
  810.         color: #BCC7D8;
  812.         margin-bottom: 0px;;
  813.     }
  815.     .student_list_card .more {
  816.         font-size: var(--cp-fs-lg, 16px);
  817.         font-weight: 400;
  818.         color: #333333;
  819.         margin-bottom: 0px;;
  820.         padding-right: 8px;
  821.     }
  823.     .table > :not(caption) > * > * {
  824.         padding: 1rem 1rem;
  826.     }
  828.     .more {
  829.         font-size: var(--cp-fs-lg, 16px);
  830.         font-weight: 400;
  831.         color: #333333;
  832.         margin-bottom: 0px;;
  833.         padding-right: 8px;
  834.     }
  836.     .custom-icon-btn {
  837.         background-color: #3498db;
  838.         color: white;
  839.         border: none;
  840.         border-radius: 15px;
  841.         text-align: center;
  842.         font-size: var(--cp-fs-lg, 16px);
  843.         font-weight: 500;
  844.     }
  846. </style>
  849. <style>
  850.     /* ── Nordic My Companies ─────────────────────────────────────────────────── */
  851.     :root {
  852.         --n-cream: #F7F5F0;
  853.         --n-dark:  #1A1D2E;
  854.         --n-amber: #C07D2A;
  855.         --n-muted: #6B7280;
  856.         /* Override global blue palette so style.css rules inherit Nordic tokens */
  857.         --global-background-color: #ffffff;
  858.         --primary-color: #1A1D2E;
  859.         --swiper-theme-color: #C07D2A;
  860.     }
  861.     body { background: var(--n-cream) !important; }
  862.     .role-company-page.section { background: var(--n-cream); padding: 48px 0 80px; }
  864.     /* Page heading */
  865.     .section-head-area { text-align: center; margin-bottom: 32px; }
  866.     .section-title,
  867.     .role-company-page .section-title,
  868.     .role-company-page h1.section-title {
  869.         font-family: 'Montserrat', sans-serif !important;
  870.         font-size: clamp(1.6rem,3vw,2.2rem) !important;
  871.         font-weight: 700 !important;
  872.         color: var(--n-dark) !important;
  873.         background: none !important;
  874.         -webkit-background-clip: unset !important;
  875.         -webkit-text-fill-color: var(--n-dark) !important;
  876.         background-clip: unset !important;
  877.         margin: 0;
  878.     }
  880.     /* Tabs */
  881.     .tab-box { display: flex !important; align-items: center; gap: 4px; border-bottom: 2px solid rgba(26,29,46,.1); margin-bottom: 32px; padding-bottom: 0; overflow-x: auto; scrollbar-width: none; }
  882.     .tab-box::-webkit-scrollbar { display: none; }
  883.     .tab-btn.tab-btn-style { background: transparent !important; border: none !important; border-bottom: 3px solid transparent !important; margin-bottom: -2px; padding: 10px 18px; font-family: 'DM Sans', sans-serif; font-size: .875rem; font-weight: 600; color: var(--n-muted) !important; border-radius: 0 !important; cursor: pointer; transition: color .2s, border-color .2s; white-space: nowrap; box-shadow: none !important; }
  884.     .tab-btn.tab-btn-style.active, .tab-btn.tab-btn-style:hover { color: var(--n-dark) !important; border-bottom-color: var(--n-amber) !important; }
  885.     .tab-box .line { display: none; }
  887.     /* Company Swiper cards — !important needed: style.css hardcodes rgba(230,248,250,1) blue */
  888.     .role-company-page .tab-container .content-box .content .card {
  889.         background: var(--global-background-color, #fff) !important;
  890.         border: 1.5px solid rgba(26,29,46,.08) !important;
  891.         border-radius: 14px !important;
  892.         box-shadow: 0 4px 24px rgba(26,29,46,.08) !important;
  893.         padding: 20px !important;
  894.         text-align: center;
  895.         transition: box-shadow .2s, transform .2s;
  896.     }
  897.     .role-company-page .tab-container .content-box .content .card:hover {
  898.         box-shadow: 0 8px 32px rgba(26,29,46,.14) !important;
  899.         transform: translateY(-2px);
  900.     }
  901.     /* Active slide: amber border instead of blue */
  902.     .swiper-slide.swiper-slide-active .card {
  903.         border: 2px solid var(--n-amber) !important;
  904.         background-image: none !important; /* remove the old overlay.svg */
  905.     }
  906.     .swiper-slide .card img { width: 64px; height: 64px; border-radius: 10px; object-fit: contain; margin: 0 auto 12px; display: block; }
  907.     .swiper-slide .card h2 { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; color: var(--n-dark) !important; margin: 0 0 8px; }
  908.     .swiper-slide .card .role { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--n-amber); background: rgba(192,125,42,.1); padding: 3px 10px; border-radius: 20px; }
  910.     /* Action buttons — !important: style.css has high-specificity blue rules for these */
  911.     .buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
  912.     .app-btn.button {
  913.         display: inline-flex !important; align-items: center !important; gap: 8px;
  914.         padding: 11px 24px !important; border-radius: 8px !important;
  915.         background: transparent !important;
  916.         color: var(--n-dark) !important;
  917.         border: 1.5px solid rgba(26,29,46,.25) !important;
  918.         font-family: 'DM Sans',sans-serif !important; font-size: .9rem; font-weight: 600;
  919.         cursor: pointer; transition: border-color .2s, color .2s; text-decoration: none;
  920.     }
  921.     .app-btn.button:hover { border-color: var(--n-amber) !important; color: var(--n-amber) !important; }
  922.     .app-btn.button i { color: var(--n-dark) !important; }
  923.     .app-btn.button:hover i { color: var(--n-amber) !important; }
  924.     .create-btn.button {
  925.         display: inline-flex !important; align-items: center !important; gap: 8px;
  926.         padding: 11px 24px !important; border-radius: 8px !important;
  927.         background: var(--n-dark) !important; color: #fff !important;
  928.         border: 1.5px solid transparent !important;
  929.         font-family: 'DM Sans',sans-serif !important; font-size: .9rem; font-weight: 600 !important;
  930.         cursor: pointer; transition: background .2s, transform .15s; text-decoration: none !important;
  931.     }
  932.     .create-btn.button:hover { background: var(--n-amber) !important; color: #fff !important; transform: translateY(-1px); text-decoration: none !important; }
  934.     /* Swiper nav */
  935.     .swiper-button-prev::after, .swiper-button-next::after { color: var(--n-amber) !important; }
  936.     .swiper-pagination-bullet-active { background: var(--n-amber) !important; }
  938.     /* Action links bar (Join / Link / Delete) — override old absolute+blue style */
  939.     .role-company-page .tab-container .content-box .content .links {
  940.         position: relative !important;
  941.         top: auto !important;
  942.         display: flex !important;
  943.         justify-content: center !important;
  944.         align-items: stretch !important;
  945.         max-width: 560px !important;
  946.         width: 100% !important;
  947.         margin: 24px auto 0 !important;
  948.         border: 1.5px solid rgba(26,29,46,.12) !important;
  949.         border-radius: 10px !important;
  950.         background: var(--global-background-color, #fff) !important;
  951.         overflow: hidden;
  952.         flex-wrap: nowrap !important;
  953.     }
  954.     .role-company-page .tab-container .content-box .content .links .link {
  955.         display: flex !important;
  956.         align-items: center !important;
  957.         justify-content: center !important;
  958.         gap: 7px;
  959.         flex: 1 1 0;
  960.         padding: 11px 14px !important;
  961.         font-family: 'DM Sans', sans-serif;
  962.         font-size: .82rem;
  963.         font-weight: 600;
  964.         color: var(--n-muted) !important;
  965.         cursor: pointer;
  966.         border-right: 1px solid rgba(26,29,46,.08) !important;
  967.         transition: color .15s, background .15s;
  968.         white-space: nowrap;
  969.     }
  970.     .role-company-page .tab-container .content-box .content .links .link:last-child { border-right: none !important; }
  971.     .role-company-page .tab-container .content-box .content .links .link:hover { color: var(--n-amber) !important; background: rgba(192,125,42,.05); }
  972.     .role-company-page .tab-container .content-box .content .links .link.active { color: var(--n-dark) !important; }
  973.     .role-company-page .tab-container .content-box .content .links .link i { font-size: 14px !important; color: var(--n-amber); padding: 0 !important; }
  975.     /* Onboarding employee cards */
  976.     .employee-card { background: var(--global-background-color, #fff); border-radius: 14px; box-shadow: 0 4px 24px rgba(26,29,46,.08); border: 1px solid rgba(26,29,46,.06); padding: 28px; }
  977.     .employee-card h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: var(--n-dark); }
  978.     .employee-card .form-group label { font-size: .78rem; font-weight: 600; color: var(--n-muted); text-transform: uppercase; letter-spacing: .08em; }
  979.     .employee-card .form-control, .employee-card select.form-control { border: 1.5px solid rgba(26,29,46,.12); border-radius: 8px; padding: 10px 14px; font-family: 'DM Sans', sans-serif; color: var(--n-dark); }
  980.     .employee-card .form-control:focus { border-color: var(--n-amber); box-shadow: 0 0 0 3px rgba(192,125,42,.1); outline: none; }
  982.     /* Buttons inside page */
  983.     .global-button, .send-button { background: var(--n-dark) !important; color: #fff !important; border: none !important; border-radius: 8px !important; padding: 10px 24px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 600 !important; cursor: pointer; transition: background .2s; }
  984.     .global-button:hover, .send-button:hover, .global-button:focus, .send-button:focus { background: var(--n-amber) !important; color: #fff !important; box-shadow: none !important; }
  985.     .global-outline-button.extra-btn { background: transparent !important; color: var(--n-dark) !important; border: 2px solid rgba(26,29,46,.25) !important; border-radius: 8px !important; padding: 9px 20px !important; font-family: 'DM Sans', sans-serif; font-weight: 600; cursor: pointer; }
  986.     .global-outline-button.extra-btn:hover { border-color: var(--n-amber) !important; color: var(--n-amber) !important; }
  988.     /* QR card */
  989.     .qr-card .card { background: var(--global-background-color, #fff); border-radius: 14px; box-shadow: 0 8px 32px rgba(26,29,46,.12); border: 1px solid rgba(26,29,46,.06); }
  991.     /* ── Responsive ──────────────────────────────────────────────────────────── */
  992.     @media (max-width: 768px) {
  993.         .role-company-page.section { padding: 32px 0 60px; }
  994.         .employee-card-container { justify-content: center; }
  995.         .employee-card { max-width: 100%; width: 100%; }
  996.     }
  997.     @media (max-width: 480px) {
  998.         .tab-box { gap: 0; }
  999.         .tab-btn.tab-btn-style { padding: 8px 12px; font-size: .8rem; }
  1000.         .employee-card-container { flex-direction: column; align-items: stretch; gap: 16px; }
  1001.         .buttons { flex-direction: column; }
  1002.         .app-btn.button, .create-btn.button { width: 100%; justify-content: center; }
  1003.     }
  1004. </style>
  1006. <section class=\"role-company-page section\">
  1007.     <div class=\"container\">
  1009.         <div class=\"row\">
  1010.             <div class=\"col-md-12 d-flex justify-content-center align-items-center\">
  1011.                 <div class=\"section-head-area\">
  1012.                     <h1 class=\"section-title\">Your Role & Company List</h1>
  1013.                 </div>
  1014.             </div>
  1015.         </div>
  1017.         <div class=\"row d-flex justify-content-center align-items-center\">
  1018.             <div class=\"tab-container\">
  1020.                 <div class=\"tab-box overflow-x-auto\">
  1021.                     <button class=\"tab-btn tab-btn-style active \" id=\"role-tab-1\">Your Company</button>
  1022.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-2\">Your Role</button>
  1023.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-3\">Your Dashboard</button>
  1024.                     <button class=\"tab-btn tab-btn-style \" id=\"add-employee-btn\">Onboarding</button>
  1025.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-4\">Shared Company</button>
  1026.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-5\">Applied Company</button>
  1027.                     <div class=\"line\"></div>
  1028.                 </div>
  1030.                 <div class=\"content-box\">
  1031.                     ";
  1032.         // line 978
  1033.         yield "                    <div class=\"content active\" style=\"cursor:pointer;\">
  1035.                         <div class=\"swiper-container\">
  1037.                             <div class=\"swiper-wrapper\"></div>
  1040.                             ";
  1041.         // line 986
  1042.         yield "
  1043.                             ";
  1044.         // line 988
  1045.         yield "                            <div class=\"links\">
  1046.                                 <div class=\"link\">
  1047.                                     <i class='fa fa-user-plus'></i><span>Join this Account</span>
  1048.                                 </div>
  1049.                                 <div class=\"link active\">
  1050.                                     <i class='fa fa-link'></i><span>Link Accounts</span>
  1051.                                 </div>
  1052.                                 <div class=\"link active\">
  1053.                                     <i class='fa fa-trash'></i><span>Delete Account</span>
  1054.                                 </div>
  1055.                             </div>
  1057.                             <div class=\"swiper-pagination\"></div>
  1059.                             <div class=\"buttons\">
  1060.                                 <button class=\"app-btn button\"><i class=\"fa-regular fa-user\"></i>Apply for Employment
  1061.                                 </button>
  1062.                                 <a class=\"create-btn button\" href=\"";
  1063.         // line 1005
  1064.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("create_company");
  1065.         yield "\">
  1066.                                     <i class=\"fa-regular fa-building\"></i> Create a Company
  1067.                                 </a>
  1068.                             </div>
  1070.                             <div class=\"swiper-button-prev\"></div>
  1071.                             <div class=\"swiper-button-next\"></div>
  1072.                         </div>
  1073.                         ";
  1074.         // line 1014
  1075.         yield "                    </div>
  1076.                     ";
  1077.         // line 1016
  1078.         yield "                    <div class=\"content\">
  1079.                         ";
  1080.         // line 1018
  1081.         yield "                    </div>
  1082.                     ";
  1083.         // line 1020
  1084.         yield "                    <div class=\"content\">
  1085.                         ";
  1086.         // line 1022
  1087.         yield "                    </div>
  1088.                     ";
  1089.         // line 1024
  1090.         yield "                    <div class=\"content\">
  1091.                         <div class=\"employee-card-container hidden\" id=\"employee-card-container\">
  1092.                             ";
  1093.         // line 1027
  1094.         yield "                            <div class=\"employee-card fade show\" id=\"employee-form-wrapper\">
  1095.                                 <div class=\"\" id=\"employee-card\">
  1096.                                     <h5 class='text-center mb-3'>By Generating QR/Link</h5>
  1097.                                     <form id=\"employee-form \">
  1098.                                         ";
  1099.         // line 1032
  1100.         yield "                                        <div class=\"form-group\">
  1101.                                             <select id=\"employee-type\" name=\"qrEmpType\"
  1102.                                                     class=\"form-control p-2 select-center\">
  1103.                                                 <option value=\"\">Select User Type</option>
  1104.                                                 <option value=\"1\">Admin</option>
  1105.                                                 <option value=\"2\">User</option>
  1106.                                                 <option value=\"3\">Manager</option>
  1107.                                             </select>
  1108.                                         </div>
  1110.                                         ";
  1111.         // line 1043
  1112.         yield "                                        <div class=\"form-group\">
  1113.                                             <select id=\"company-name-qr\" class=\"form-control\">
  1114.                                                 <option value=\"\">Select Company</option>
  1115.                                             </select>
  1116.                                         </div>
  1118.                                         ";
  1119.         // line 1050
  1120.         yield "                                        <div class=\"form-group mt-3\">
  1121.                                             <select name=\"sys_user\" class=\"form-control entityEmp \" id=\"email\">
  1122.                                                 <option value=\"\">Select Employee</option>
  1123.                                             </select>
  1124.                                         </div>
  1126.                                         <button type=\"button\" class=\"global-button fs-6\" id=\"qr-code-button\">Generate
  1127.                                         </button>
  1128.                                     </form>
  1130.                                 </div>
  1131.                             </div>
  1132.                             ";
  1133.         // line 1063
  1134.         yield "                            <div class=\"employee-card fade show \" id=\"self-qr-form-wrapper\">
  1135.                                 <div id=\"self-qr-card\">
  1136.                                     <h5 class='text-center mb-3'>Generate QR for Yourself</h5>
  1137.                                     <form id=\"self-qr-form\">
  1138.                                         <div class=\"form-group \">
  1139.                                             <label>Your Email</label>
  1140.                                             <input style='' type=\"email\" id=\"self-email-input\"
  1141.                                                    class=\"form-control email-input\" placeholder=\"Enter your email\">
  1142.                                         </div>
  1144.                                         <button type=\"button\" class=\"global-button fs-6 mt-3\" id=\"generate-self-qr-btn\">
  1145.                                             Generate QR
  1146.                                         </button>
  1147.                                     </form>
  1148.                                 </div>
  1149.                             </div>
  1152.                             ";
  1153.         // line 1082
  1154.         yield "                            <div class=\"qr-card\" id=\"qr-code-container\" style=\"display: none; margin-top: 100px\">
  1156.                                 <div class=\"card\" style=''>
  1157.                                     <button type=\"button\"
  1158.                                             class=\"position-absolute top-0 end-0 m-2 p-0 border-0 bg-transparent\"
  1159.                                             aria-label=\"Close\">
  1160.                                         <i class=\"fa-solid fa-circle-xmark fs-4\" id=\"cl-qr-card\"></i>
  1161.                                     </button>
  1163.                                     <div class=\"card-body mt-4\">
  1164.                                         <h3 class=\"text-capitalize\" id=\"qr-company-name\"></h3>
  1165.                                         <img id=\"qr-image\" src=\"\" alt=\"QR Code\" class=\"img-fluid \">
  1166.                                         <p id=\"message\" class=\"mt-2 text-success fs-5 text-center d-none\"></p>
  1167.                                         <button type=\"button\" class=\" send-button mt-2 mx-2 fs-6\" id=\"send-qr-button\">
  1168.                                             Send Qr
  1169.                                         </button>
  1170.                                         ";
  1171.         // line 1099
  1172.         yield "                                        <button type=\"button\" class=\"global-outline-button extra-btn mt-2\"
  1173.                                                 id=\"copy-link-button\">
  1174.                                             <i class=\"fas fa-copy\" id=\"close-qr-card\"></i></button>
  1176.                                         <!-- Send QR Loader -->
  1177.                                         <div id=\"send-loader\" class=\"mt-3 d-none text-center\">
  1178.                                             <div class=\"spinner-border text-primary\" role=\"status\">
  1179.                                                 <span class=\"visually-hidden\">Loading...</span>
  1180.                                             </div>
  1181.                                         </div>
  1184.                                     </div>
  1186.                                 </div>
  1187.                             </div>
  1188.                             ";
  1189.         // line 1116
  1190.         yield "
  1191.                         </div>
  1192.                     </div>
  1194.                     ";
  1195.         // line 1121
  1196.         yield "                    <div class=\"content\">
  1197.                         ";
  1198.         // line 1123
  1199.         yield "                    </div>
  1201.                     ";
  1202.         // line 1126
  1203.         yield "                    <div class=\"content\">
  1204.                         ";
  1205.         // line 1128
  1206.         yield "                    </div>
  1207.                 </div>
  1208.             </div>
  1209.         </div>
  1211.     </div>
  1212. </section>
  1214. <script>
  1215.     document.addEventListener(\"DOMContentLoaded\", function () {
  1216.         const accessList = ";
  1217.         // line 1138
  1218.         yield json_encode(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1138, $this->source); })()), "session", [], "any", false, false, false, 1138), "get", ["userAccessList", []], "method", false, false, false, 1138));
  1219.         yield ";
  1220.         console.log(accessList);
  1222.         let qruserAccessList = [];
  1224.         function populateCompanyDropdown(selectId) {
  1225.             const selectElement = document.getElementById(selectId);
  1226.             qruserAccessList = accessList.map(company => ({
  1227.                 companyName: company.companyName,
  1228.                 appId: company.appId,
  1229.                 companyId: company.companyId,
  1230.                 userType: company.userType
  1231.             }));
  1232.             selectElement.innerHTML = '<option value=\"\">Select Company</option>';
  1233.             accessList.forEach(function (company) {
  1234.                 const option = document.createElement(\"option\");
  1235.                 option.value = company.companyName;
  1236.                 option.textContent = company.companyName;
  1237.                 selectElement.appendChild(option);
  1238.             });
  1241.             if (\$(selectElement)[0].selectize) {
  1242.                 \$(selectElement)[0].selectize.destroy();
  1243.             }
  1245.             \$(selectElement).selectize({
  1246.                 create: false,
  1247.                 sortField: 'text'
  1248.             });
  1249.         }
  1251.         populateCompanyDropdown(\"company-name-qr\");
  1253.         // generate qr code
  1254.         document.getElementById(\"qr-code-button\").addEventListener(\"click\", function () {
  1255.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  1256.             var qrCompanyName = document.getElementById(\"qr-company-name\");
  1257.             var userEmail = document.getElementById(\"email\")
  1258.             var qrImage = document.getElementById(\"qr-image\");
  1259.             var qrCodeContainer = document.getElementById(\"qr-code-container\");
  1260.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  1262.             var appId = selectedCompanyData.appId;
  1263.             var companyId = selectedCompanyData.companyId;
  1264.             var userType = selectedCompanyData.userType;
  1265.             var baseUrl = \"";
  1266.         // line 1184
  1267.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("employee_add_by_qr");
  1268.         yield "\";
  1269.             var connector = baseUrl.includes(\"?\") ? \"&\" : \"?\";
  1270.             var finalUrl = baseUrl + connector + \"company=\" + encodeURIComponent(selectedCompany) + \"&appid=\" + encodeURIComponent(appId) + \"&companyId=\" + encodeURIComponent(companyId) + \"&userType=\" + encodeURIComponent(userType) + \"&CompanyQr=1\";
  1272.             if (selectedCompany) {
  1273.                 qrCompanyName.textContent = selectedCompany;
  1274.                 \$.get(\"";
  1275.         // line 1190
  1276.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("generate_qr_div");
  1277.         yield "?url=\" + encodeURIComponent(finalUrl), function (data) {
  1278.                     \$('#qr-image').attr('src', data.html);
  1279.                     \$('#qr-code-container').show();
  1280.                 }, \"json\");
  1281.             } else {
  1282.                 alert(\"Please select a company to generate the QR code.\");
  1283.             }
  1284.         });
  1286.         document.getElementById(\"cl-qr-card\").addEventListener(\"click\", function (event) {
  1287.             event.stopPropagation();
  1288.             document.getElementById(\"qr-code-container\").style.display = \"none\";
  1289.         });
  1290.         document.getElementById(\"copy-link-button\").addEventListener(\"click\", function (event) {
  1291.             event.stopPropagation();
  1293.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  1294.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  1296.             var appId = selectedCompanyData.appId;
  1297.             var companyId = selectedCompanyData.companyId;
  1298.             var userType = selectedCompanyData.userType;
  1300.             var baseUrl = \"";
  1301.         // line 1213
  1302.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("employee_add_by_qr");
  1303.         yield "\";
  1304.             var connector = baseUrl.includes(\"?\") ? \"&\" : \"?\";
  1305.             var finalUrl = baseUrl + connector + \"company=\" + encodeURIComponent(selectedCompany) +
  1306.                 \"&appid=\" + encodeURIComponent(appId) +
  1307.                 \"&companyId=\" + encodeURIComponent(companyId) +
  1308.                 \"&userType=\" + encodeURIComponent(userType);
  1310.             navigator.clipboard.writeText(finalUrl).then(() => {
  1311.                 var qrContainer = document.getElementById(\"qr-code-container\");
  1312.                 var copyMessage = document.getElementById(\"copy-message\");
  1313.                 const qrImage = document.getElementById(\"qr-image\");
  1315.                 if (!copyMessage) {
  1316.                     copyMessage = document.createElement(\"p\");
  1317.                     copyMessage.id = \"copy-message\";
  1318.                     copyMessage.style.color = \"green\";
  1319.                     copyMessage.style.marginTop = \"0px\";
  1320.                     copyMessage.style.fontWeight = \"bold\";
  1321.                     copyMessage.style.fontSize = \"16px\";
  1322.                     copyMessage.style.textAlign = \"center\";
  1324.                     qrImage.insertAdjacentElement(\"afterend\", copyMessage);
  1326.                     //qrContainer.appendChild(copyMessage);
  1327.                 }
  1329.                 copyMessage.textContent = \"Link copied to clipboard!\";
  1331.                 // remove 'Link copied to clipboard!' after 5 seconds
  1332.                 setTimeout(() => {
  1333.                     copyMessage.remove();
  1334.                     copyMessage = null;
  1335.                 }, 5000);
  1337.             }).catch(err => {
  1338.                 console.error(\"Failed to copy: \", err);
  1339.             });
  1340.         });
  1342.         document.getElementById(\"send-qr-button\").addEventListener(\"click\", function () {
  1343.             var selectedEmployee = document.getElementById(\"email\").value;
  1344.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  1345.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  1346.             var appId = selectedCompanyData.appId;
  1347.             var qrImage = document.getElementById(\"qr-image\");
  1349.             var loader = document.getElementById(\"send-loader\"); // loader variable
  1351.             if (!selectedEmployee || !selectedCompany) {
  1352.                 alert(\"Please select both an employee and a company.\");
  1353.                 return;
  1354.             }
  1356.             // Show loader
  1357.             loader.classList.remove(\"d-none\");
  1359.             var formData = new FormData();
  1360.             formData.append('company', selectedCompany);
  1361.             formData.append('email', selectedEmployee);
  1362.             formData.append('qr_image', dataURItoBlob(qrImage.src));
  1363.             formData.append('appid', appId);
  1365.             fetch(\"";
  1366.         // line 1275
  1367.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("employee_add_by_qr");
  1368.         yield "\", {
  1369.                 method: \"POST\",
  1370.                 body: formData
  1371.             }).then(response => response.json())
  1372.                 .then(data => {
  1373.                     // Hide loader
  1374.                     loader.classList.add(\"d-none\");
  1376.                     if (data.status === 'success') {
  1377.                         window.location.href = \"";
  1378.         // line 1284
  1379.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("central_landing");
  1380.         yield "\";
  1381.                         alert('QR Code for employee uploaded successfully!');
  1382.                     } else {
  1383.                         alert('Error: ' + data.message);
  1384.                     }
  1385.                 }).catch(error => {
  1386.                 console.error(\"Error uploading QR Code:\", error);
  1387.             });
  1388.         });
  1390.         function dataURItoBlob(dataURI) {
  1391.             var byteString = atob(dataURI.split(',')[1]);
  1392.             var arrayBuffer = new ArrayBuffer(byteString.length);
  1393.             var uintArray = new Uint8Array(arrayBuffer);
  1394.             for (var i = 0; i < byteString.length; i++) {
  1395.                 uintArray[i] = byteString.charCodeAt(i);
  1396.             }
  1397.             return new Blob([uintArray], {type: 'image/png'});
  1398.         }
  1400.         document.getElementById(\"generate-self-qr-btn\").addEventListener(\"click\", function () {
  1401.             const emailInput = document.getElementById(\"self-email-input\").value.trim();
  1402.             const qrCompanyName = document.getElementById(\"qr-company-name\");
  1403.             const qrImage = document.getElementById(\"qr-image\");
  1404.             const qrCodeContainer = document.getElementById(\"qr-code-container\");
  1406.             if (!emailInput) {
  1407.                 alert(\"Please enter your email to generate the QR code.\");
  1408.                 return;
  1409.             }
  1411.             \$.get(\"";
  1412.         // line 1315
  1413.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("employee_onboard_by_qr_api");
  1414.         yield "\", {email: emailInput}, function (response) {
  1415.                 if (response.status === 'success') {
  1416.                     const userData = response.data;
  1417.                     const payloadUrl = \"";
  1418.         // line 1318
  1419.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("employee_onboard_by_qr_api");
  1420.         yield "?email=\" + encodeURIComponent(userData.email) +
  1421.                         \"&applicantId=\" + encodeURIComponent(userData.id);
  1423.                     \$.get(\"";
  1424.         // line 1321
  1425.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("generate_qr_div");
  1426.         yield "\", {url: payloadUrl}, function (qrRes) {
  1427.                         \$('#qr-company-name').text(userData.email);
  1428.                         \$('#qr-image').attr('src', qrRes.html);
  1429.                         \$('#qr-code-container').show();
  1430.                     }, 'json');
  1431.                 } else {
  1432.                     alert(response.message || \"User not found.\");
  1433.                 }
  1434.             }, \"json\");
  1435.         });
  1438.         \$('.entityEmp').selectize({
  1439.             placeholder: 'Enter Email',
  1440.             multiple: false,
  1441.             valueField: 'value',
  1442.             labelField: 'text',
  1443.             searchField: ['text'],
  1444.             preload: 'focus',
  1445.             load: function (query, callback) {
  1446.                 \$.ajax({
  1447.                     url: \"https://ourhoneybee.eu/select_data_ajax_public\",
  1448.                     type: 'POST',
  1449.                     dataType: 'json',
  1450.                     data: {
  1451.                         query: query,
  1452.                         entity_group: 1,
  1453.                         tableName: \"entity_applicant_details\",
  1454.                         valueField: \"email\",
  1455.                         textField: \"rendered_text\",
  1456.                         renderTextFormat: \"__email__\",
  1457.                         andOrConditions: [
  1458.                             {type: \"like\", field: \"email\", value: query},
  1459.                             {type: \"like\", field: \"firstname\", value: query},
  1460.                         ],
  1461.                     },
  1462.                     success: function (res) {
  1463.                         if (res && res.data && Array.isArray(res.data)) {
  1464.                             callback(res.data);
  1465.                         } else {
  1466.                             callback([]);
  1467.                         }
  1468.                     },
  1469.                     error: function () {
  1470.                         callback([]);
  1471.                     }
  1472.                 });
  1473.             },
  1474.         });
  1476.         \$(\"#send-qr-button\").click(function () {
  1478.             var selectedEmployee = \$(\".entityEmp\").val();
  1479.             var selectedCompany = \$(\"#company-name-qr\").val();
  1480.             if (!selectedEmployee || !selectedCompany) {
  1481.                 alert(\"Please select both an employee and a company.\");
  1482.                 return;
  1483.             }
  1485.             \$.ajax({
  1486.                 url: '/central_landing',
  1487.                 type: \"POST\",
  1488.                 data: {
  1489.                     employee_id: selectedEmployee,
  1490.                     company_name: selectedCompany
  1491.                 },
  1492.                 success: function (response) {
  1493.                     if (response.status === 'success') {
  1495.                         const messageBox = document.getElementById('message');
  1496.                         messageBox.textContent = 'Sent email successfully';
  1497.                         messageBox.classList.remove('d-none'); // Show message
  1499.                         // Hide after 5 seconds
  1500.                         setTimeout(() => {
  1501.                             messageBox.classList.add('d-none');
  1502.                         }, 5000);
  1503.                         window.location.href = \"";
  1504.         // line 1398
  1505.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("central_landing");
  1506.         yield "\";
  1507.                         alert(response.company_name);
  1508.                     } else {
  1509.                         alert(\"Unexpected response from server.\");
  1510.                     }
  1511.                 },
  1512.                 error: function (error) {
  1513.                     alert(\"Error sending data!\");
  1514.                 }
  1515.             });
  1516.         });
  1517.     });
  1519. </script>
  1522. ";
  1523.         // line 1415
  1524.         yield from         $this->loadTemplate("@HoneybeeWeb/website/flow_footer.html.twig", "@Application/pages/dashboard/index_central_landing.html.twig", 1415)->unwrap()->yield($context);
  1525.         // line 1416
  1526.         yield "<link rel=\"stylesheet\" type=\"text/css\"
  1527.       href=\"";
  1528.         // line 1417
  1529.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  1530.         yield "buddybee_assets/DataTables/datatables.min.css\"/>
  1532. <script type=\"text/javascript\"
  1533.         src=\"";
  1534.         // line 1420
  1535.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  1536.         yield "condensed_assets/pagination/pagination.js?version=";
  1537.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html", null, true);
  1538.         yield "\"></script>
  1540. <script type=\"text/javascript\"
  1541.         src=\"";
  1542.         // line 1423
  1543.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  1544.         yield "buddybee_assets/DataTables/datatables.min.js?version=";
  1545.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html", null, true);
  1546.         yield "\"></script>
  1547. <script type=\"text/javascript\" src=\"";
  1548.         // line 1424
  1549.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  1550.         yield "buddybee_assets/js/jquery.countTo.js\"></script>
  1551. <script type=\"text/javascript\"
  1552.         src=\"";
  1553.         // line 1426
  1554.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html", null, true);
  1555.         yield "buddybee_assets/js/jquery.knob.min.js\"></script>
  1557. <script>
  1558.     // open and close qr code
  1559.     document.getElementById('qr-code-button').addEventListener('click', function () {
  1560.         // showing qr card
  1561.         document.getElementById('qr-code-container').style.display = 'block';
  1562.         // hide form
  1563.         document.getElementById('employee-form-wrapper').style.display = 'none';
  1564.     })
  1566.     document.getElementById('cl-qr-card').addEventListener('click', function () {
  1567.         // hide qr card
  1568.         document.getElementById('qr-code-container').style.display = 'none';
  1569.         // showing the form again
  1570.         document.getElementById('employee-form-wrapper').style.display = 'block';
  1571.     })
  1573.     var selectEntityModal = {};
  1574.     var currentTabSelectEntityModal = 0;
  1575.     var accessList = [];
  1577.     ";
  1578.         // line 1448
  1579.         if ((0 !== CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1448, $this->source); })()), "session", [], "any", false, false, false, 1448), "get", ["userAccessList", ""], "method", false, false, false, 1448), ""))) {
  1580.             // line 1449
  1581.             yield "    accessList =";
  1582.             yield json_encode(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1449, $this->source); })()), "session", [], "any", false, false, false, 1449), "get", ["userAccessList", ""], "method", false, false, false, 1449));
  1583.             yield "
  1584.             ";
  1585.         }
  1586.         // line 1451
  1587.         yield "
  1588.         function getUserCompanyList(userGetType) {
  1589.             userGetType = userGetType || '_LOCAL_';
  1590.             var pika_ind_id = \"_NA_\";
  1591.             \$('#selectEntityModal .cg_holder').empty();
  1592.             var userTypeTextObject = {
  1593.                 1: 'Admin',
  1594.                 2: 'User',
  1595.                 3: 'Vendor',
  1596.                 4: 'Customer',
  1597.                 5: 'Management User',
  1598.                 6: 'Group Owner',
  1599.                 7: 'GLobal User',
  1600.                 8: 'Applicant',
  1601.                 9: 'Collaborator',
  1602.             }
  1604.             var placeholderCount=6;
  1606.             if (userGetType === '_LOCAL_') {
  1607.                 \$.ajax({
  1608.                     url: BaseURL + \"get_users_by_query?queryStr=\" + \$('#tempUsername').val(),
  1609.                     type: 'POST',
  1610.                     dataType: 'json',
  1611.                     data: {},
  1612.                     error: function () {
  1613.                         // callback();
  1614.                     },
  1615.                     success: function (res) {
  1617.                         if (res.success === true) {
  1619.                             if (res.data.length === 1) {
  1620.                                 var dt = res.data[0];
  1621.                                 \$('#gocId').val(dt['gocId']);
  1622.                                 \$('#username').val(dt['loginUserName']);
  1623.                                 \$('#loginform').submit();
  1624.                             } else {
  1626.                                 for (var jj = 0; jj < res.data.length; jj++) {
  1627.                                     var dt = res.data[jj];
  1630.                                     var ggStr = ' <div class=\"box-selector cg_selector cg_' + dt['appId'] + '\" style=\"cursor:pointer;\"' + ' col-md-12 col-sm-12\"' +
  1631.                                         ' data-id=\"' + dt['gocId'] + '\"' +
  1632.                                         ' data-goc-id=\"' + dt['gocId'] + '\"' +
  1633.                                         ' data-user-name=\"' + dt['loginUserName'] + '\"' +
  1634.                                         ' data-gen-class=\"cg_selector\">' +
  1635.                                         '<div class=\"inside\" style=\"display: flex;\">' +
  1636.                                         '<div class=\"img\" style=\"' +
  1637.                                         \"background:url('\" + dt['companyLogoUrl'] + \"');\" +
  1638.                                         'height: 50px;width: 40%;background-position: left;background-size: contain;background-repeat: no-repeat;display: inline-block;\">' +
  1639.                                         '</div>' +
  1640.                                         '<h6 class=\"title\" style=\"height: 2rem; width: 60%;text-align: left;\">' + dt['companyName'] +
  1641.                                         ' <p class=\"sub-title\">' + userTypeTextObject[dt['userType']] + '</p></h6>' +
  1642.                                         '</div>' +
  1643.                                         '</div>';
  1645.                                     \$('#selectEntityModal .cg_holder').append(ggStr);
  1646.                                 }
  1647.                                 \$('#selectEntityModal').modal('show');
  1648.                             }
  1649.                         }
  1650.                     }
  1651.                 });
  1652.             }
  1654.             if (userGetType == '_CENTRAL_') {
  1655.                 {
  1656.                     for (var jj = 0; jj < accessList.length; jj++) {
  1657.                         var dt = accessList[jj];
  1659.                         var ggStr = ' <div class=\"swiper-slide cg_selector cg_' + dt['appId'] + '\" style=\"cursor:pointer;\"' +
  1660.                             ' data-id=\"' + dt['appId'] + '\"' +
  1661.                             ' data-app-id=\"' + dt['appId'] + '\"' +
  1662.                             ' data-goc-id=\"0\"' +
  1663.                             // ' data-user-name=\"' + dt['loginUserName'] + '\" ' +
  1664.                             ' data-gen-class=\"cg_selector\" ' +
  1665.                             ' data-auth-str=\"' + dt['authenticationStr'] + '\" ' +
  1666.                             ' data-server-url=\"' + dt['serverUrl'] + '\" ' +
  1667.                             ' data-cs-token=\"";
  1668.         // line 1531
  1669.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1531, $this->source); })()), "session", [], "any", false, false, false, 1531), "get", ["csToken", ""], "method", false, false, false, 1531), "html", null, true);
  1670.         yield "\" ' +
  1671.                             '>' +
  1672.                             ' <div class=\"card\">' +
  1673.                             // round circle
  1674.                             //'<input type=\"checkbox\" id=\"check\">' +
  1675.                             '<img src=\"";
  1676.         // line 1536
  1677.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER"), "html", null, true);
  1678.         yield "' + dt['companyLogoUrl'] + '\" alt=\" Logo\">' +
  1679.                             '<h2>' + dt['companyName'] + '</h2>' +
  1680.                             ' <div class=\"role\">' + userTypeTextObject[dt['userType']] + '</div>' +
  1681.                             // '<p>Lorem ipsum dolor sit amet ect tur. Blandit donec tortor et et quisq. Lorem ipsum dolor sit amet ect tur. Blandit donec tortor et et quisq. Lorem ipsum ...</p> ' +
  1682.                             // '<a href=\"#\"><i class='bx bx-user-plus'></i>Add Employee</a> ' +
  1683.                             '</div> ' +
  1684.                             '</div>'
  1686.                         \$('.swiper-wrapper').append(ggStr);
  1687.                         placeholderCount--;
  1688.                     }
  1690.                 }
  1692.                 for (var jj = 0; jj < placeholderCount; jj++) {
  1693.                     var dt = accessList[jj];
  1695.                     var ggStr = ' <div class=\"swiper-slide  cg_skip cg_0\" style=\"cursor:pointer;\"' +
  1696.                         ' data-id=\"0' +
  1697.                         ' data-app-id=\"0\"' +
  1698.                         ' data-goc-id=\"0\"' +
  1699.                         // ' data-user-name=\"' + dt['loginUserName'] + '\" ' +
  1700.                         ' data-gen-class=\"cg_selector\" ' +
  1701.                         ' data-auth-str=\"\" ' +
  1702.                         ' data-server-url=\"\" ' +
  1703.                         ' data-cs-token=\"\" ' +
  1704.                         '>' +
  1705.                         ' <div class=\"card\">' +
  1706.                         // round circle
  1707.                         //'<input type=\"checkbox\" id=\"check\">' +
  1708.                         '<img src=\"";
  1709.         // line 1566
  1710.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER"), "html", null, true);
  1711.         yield "/images/company_2.png\" alt=\" Logo\">' +
  1712.                         '<h2><i class=\"fa fa-plus\"></i>Add a Company</h2>' +
  1713.                         ' <div class=\"role\">Add or join a company</div>' +
  1715.                         '</div> ' +
  1716.                         '</div>'
  1718.                     \$('.swiper-wrapper').append(ggStr);
  1720.                 }
  1723.                 // swipper issue solved for company clicking issue
  1724.                 // var mySwiper = new Swiper('.swiper-container', {
  1725.                 //     loop: true,
  1726.                 //     speed: 400,
  1727.                 //     effect: \"coverflow\",
  1728.                 //     centeredSlides: true,
  1729.                 //     slidesPerView: 3,
  1730.                 //     mousewheel: true,
  1731.                 //     allowTouchMove: false, // drag/swipe disabled
  1732.                 //     coverflowEffect: {
  1733.                 //         rotate: 0,
  1734.                 //         stretch: 20,
  1735.                 //         depth: 200,
  1736.                 //         modifier: 2,
  1737.                 //         slideShadows: false,
  1738.                 //     },
  1739.                 //     pagination: {
  1740.                 //         el: \".swiper-pagination\",
  1741.                 //         clickable: true,
  1742.                 //     },
  1743.                 //     navigation: {
  1744.                 //         nextEl: \".swiper-button-next\",
  1745.                 //         prevEl: \".swiper-button-prev\",
  1746.                 //     },
  1747.                 // });
  1750.                 var role_company_page = new Swiper(\".role-company-page .content .swiper-container\",
  1751.                     {
  1752.                         loop: true,
  1753.                         speed: 400,
  1754.                         effect: \"coverflow\",
  1755.                         centeredSlides: true,
  1756.                         slidesPerView: 1,
  1757.                         mousewheel: true,
  1758.                         grabCursor: true,
  1759.                         coverflowEffect: {
  1760.                             rotate: 0,
  1761.                             stretch: 20,
  1762.                             depth: 200,
  1763.                             modifier: 2,
  1764.                             slideShadows: false,
  1765.                         },
  1766.                         breakpoints: {
  1767.                             640:  { slidesPerView: 2 },
  1768.                             1024: { slidesPerView: 3 },
  1769.                         },
  1770.                         pagination: {
  1771.                             el: \".swiper-pagination\",
  1772.                             clickable: true,
  1773.                         },
  1774.                         navigation: {
  1775.                             nextEl: \".swiper-button-next\",
  1776.                             prevEl: \".swiper-button-prev\",
  1777.                         },
  1778.                     }
  1779.                 );
  1780.                 // var role_company_page = new Swiper(\".role-company-page .content .swiper-container\",
  1781.                 //     {
  1783.                 //         loop: true,
  1784.                 //         speed: 400,
  1785.                 //         effect: \"coverflow\",
  1786.                 //         centeredSlides: true,
  1787.                 //         slidesPerView: 3,
  1788.                 //         mousewheel: true,
  1789.                 //         grabCursor: true,
  1790.                 //         coverflowEffect: {
  1791.                 //             rotate: 0,
  1792.                 //             stretch: 20,
  1793.                 //             depth: 200,
  1794.                 //             modifier: 2,
  1795.                 //             slideShadows: false,
  1796.                 //         },
  1797.                 //
  1798.                 //         pagination: {
  1799.                 //             el: \".swiper-pagination\",
  1800.                 //             clickable: true,
  1801.                 //
  1802.                 //         },
  1803.                 //         navigation: {
  1804.                 //             nextEl: \".swiper-button-next\",
  1805.                 //             prevEl: \".swiper-button-prev\",
  1806.                 //         },
  1807.                 //
  1808.                 //     }
  1809.                 // );
  1811.                 // var mySwiper=role_company_page;
  1813.                 // Stable click for center slide
  1814.                 // document.querySelector('.swiper-container').addEventListener('click', function () {
  1815.                 //     var activeSlide = mySwiper.slides[mySwiper.activeIndex];
  1816.                 //     var serverUrl = activeSlide.getAttribute('data-server-url');
  1817.                 //     var authStr = activeSlide.getAttribute('data-auth-str');
  1818.                 //     var appId = activeSlide.getAttribute('data-app-id');
  1819.                 //     var csToken = activeSlide.getAttribute('data-cs-token');
  1820.                 //
  1821.                 //     if (serverUrl) {
  1822.                 //         window.location.href =
  1823.                 //             serverUrl +
  1824.                 //             '?authStr=' + authStr +
  1825.                 //             '&appId=' + appId +
  1826.                 //             '&csToken=' + csToken;
  1827.                 //     }
  1828.                 // });
  1831.             }
  1833.         }
  1835.     jQuery(document).ready(function () {
  1836.         getUserCompanyList('_CENTRAL_')
  1838.         \$(document).on('click', '.box-selector', function () {
  1840.             \$('.' + \$(this).data('genClass')).removeClass('active')
  1841.             \$(this).addClass('active')
  1843.         });
  1845.         \$(document).on('click', '.cg_selector', function () {
  1846.             if (typeof \$(this).data('authStr') !== 'undefined') {
  1847.                 let serverUrl = \$(this).data('serverUrl').replace(/\\/\$/, ''); // avoid trailing slash
  1848.                 window.location.href = serverUrl + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  1849.                 //previous line  window.location.href = \$(this).data('serverUrl') + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  1850.             } else {
  1851.                 \$('#gocId').val(\$(this).data('gocId'));
  1852.                 \$('#username').val(\$(this).data('userName'));
  1853.                 \$('#loginform').submit();
  1854.             }
  1855.         });
  1856.         \$(document).on('click', '.cg_skip', function () {
  1859.             window.location.href = '";
  1860.         // line 1714
  1861.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("create_company");
  1862.         yield "';
  1863.             //previous line  window.location.href = \$(this).data('serverUrl') + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  1865.         });
  1866.         // \$(document).on('click', '.applicant_action_selector', function () {
  1867.         //     window.location.href = \$(this).data('url')
  1868.         // });
  1869.     });
  1870. </script>
  1872. ";
  1873.         
  1874.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1876.         
  1877.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1879.         return; yield '';
  1880.     }
  1882.     /**
  1883.      * @codeCoverageIgnore
  1884.      */
  1885.     public function getTemplateName()
  1886.     {
  1887.         return "@Application/pages/dashboard/index_central_landing.html.twig";
  1888.     }
  1890.     /**
  1891.      * @codeCoverageIgnore
  1892.      */
  1893.     public function isTraitable()
  1894.     {
  1895.         return false;
  1896.     }
  1898.     /**
  1899.      * @codeCoverageIgnore
  1900.      */
  1901.     public function getDebugInfo()
  1902.     {
  1903.         return array (  1861 => 1714,  1710 => 1566,  1677 => 1536,  1669 => 1531,  1587 => 1451,  1581 => 1449,  1579 => 1448,  1554 => 1426,  1549 => 1424,  1543 => 1423,  1535 => 1420,  1529 => 1417,  1526 => 1416,  1524 => 1415,  1505 => 1398,  1425 => 1321,  1419 => 1318,  1413 => 1315,  1379 => 1284,  1367 => 1275,  1302 => 1213,  1276 => 1190,  1267 => 1184,  1218 => 1138,  1206 => 1128,  1203 => 1126,  1199 => 1123,  1196 => 1121,  1190 => 1116,  1172 => 1099,  1154 => 1082,  1134 => 1063,  1120 => 1050,  1112 => 1043,  1100 => 1032,  1094 => 1027,  1090 => 1024,  1087 => 1022,  1084 => 1020,  1081 => 1018,  1078 => 1016,  1075 => 1014,  1064 => 1005,  1045 => 988,  1042 => 986,  1033 => 978,  57 => 6,  54 => 5,  52 => 4,  50 => 3,  47 => 2,  44 => 1,);
  1904.     }
  1906.     public function getSourceContext()
  1907.     {
  1908.         return new Source("{% include '@HoneybeeWeb/website/flow_header.html.twig' %}
  1909. <meta name=\"robots\" content=\"noindex, nofollow\">
  1910. {% set isConsultant= session[UserConstants.IS_CONSULTANT] is defined? session[UserConstants.IS_CONSULTANT]:0 %}
  1911. {% set BUDDYBEE_ADMIN_LEVEL= session[UserConstants.BUDDYBEE_ADMIN_LEVEL] is defined? session[UserConstants.BUDDYBEE_ADMIN_LEVEL]:0 %}
  1912. <link rel=\"stylesheet\"
  1913.       href=\"{{ absolute_url(path('dashboard')) }}buddybee_assets/css/imgProgress.css?version={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1914. <style>
  1915.     /*.swiper-slide {*/
  1916.     /*    pointer-events: auto;*/
  1917.     /*}*/
  1919.     /*.swiper-slide-prev,*/
  1920.     /*.swiper-slide-next {*/
  1921.     /*    pointer-events: auto; !* optional if you want them clickable *!*/
  1922.     /*}*/
  1924.     /*.swiper-slide-active {*/
  1925.     /*    z-index: 2; !* keep top slide visible *!*/
  1926.     /*}*/
  1928.     /*.swiper-wrapper {*/
  1929.     /*    overflow: visible; !* important: allows slide shadows/clicks outside container *!*/
  1930.     /*}*/
  1933.     .select-center {
  1934.         text-align-last: center;
  1935.         text-align: center;
  1936.     }
  1938.     .send-button:hover,
  1939.     .send-button:focus,
  1940.     .send-button:active {
  1941.         background-color: #2673B8;
  1942.         color: white;
  1943.         outline: none;
  1944.         box-shadow: none;
  1945.     }
  1947.     .modal div[class*=\"col-md\"], .modal div[class*=\"col-lg\"], .modal div[class*=\"col-xs\"], .modal div[class*=\"col-sm\"] {
  1948.         margin-bottom: 0px;
  1949.     }
  1951.     .d-flex {
  1952.         display: flex;
  1953.     }
  1955.     #selectEntityModal {
  1957.         box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
  1958.         */ border-radius: 12px;
  1959.     }
  1961.     #selectEntityModal .modal-body {
  1962.         padding: 0 1rem;
  1963.     }
  1965.     #selectEntityModal p {
  1966.         margin-bottom: .5rem;
  1967.     }
  1969.     /* Style for selected option in selectize */
  1970.     .selectize-input {
  1971.         padding: 10px;
  1972.         font-size: 1rem;
  1973.         color: #333;
  1974.         border: none;
  1975.     }
  1977.     #selectEntityModal .selectize-input.items {
  1978.         border: 1px solid #d0d0d0;
  1979.         padding: 8px 8px;
  1980.         display: inline-block;
  1981.         width: 100%;
  1982.         overflow: hidden;
  1983.         position: relative;
  1984.         z-index: 1;
  1985.         box-sizing: border-box;
  1986.         box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  1987.         border-radius: 3px;
  1988.     }
  1990.     #selectEntityModalForm {
  1991.         /*max-width: 500px;*/
  1992.         background-color: var(--global-background-color, #ffffff);
  1993.         /*margin: 40px auto;*/
  1994.         padding: 40px;
  1995.         box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
  1996.         /*border-radius: 12px;*/
  1997.     }
  1999.     #selectEntityModalForm .form-header {
  2000.         gap: 5px;
  2001.         text-align: center;
  2002.         font-size: .9em;
  2003.     }
  2005.     #selectEntityModalForm .form-header .stepIndicator {
  2006.         position: relative;
  2007.         flex: 1;
  2008.         padding-bottom: 30px;
  2009.     }
  2011.     #selectEntityModalForm .form-header .stepIndicator.active {
  2012.         font-weight: 600;
  2013.     }
  2015.     #selectEntityModalForm .form-header .stepIndicator.finish {
  2016.         font-weight: 600;
  2017.         color: #009688;
  2018.     }
  2020.     #selectEntityModalForm .form-header .stepIndicator::before {
  2021.         content: \"\";
  2022.         position: absolute;
  2023.         left: 50%;
  2024.         bottom: 0;
  2025.         transform: translateX(-50%);
  2026.         z-index: 9;
  2027.         width: 20px;
  2028.         height: 20px;
  2029.         background-color: #d5efed;
  2030.         border-radius: 50%;
  2031.         border: 3px solid #ecf5f4;
  2032.     }
  2034.     #selectEntityModalForm .form-header .stepIndicator.active::before {
  2035.         background-color: #a7ede8;
  2036.         border: 3px solid #d5f9f6;
  2037.     }
  2039.     #selectEntityModalForm .form-header .stepIndicator.finish::before {
  2040.         background-color: #009688;
  2041.         border: 3px solid #b7e1dd;
  2042.     }
  2044.     #selectEntityModalForm .form-header .stepIndicator::after {
  2045.         content: \"\";
  2046.         position: absolute;
  2047.         left: 50%;
  2048.         bottom: 8px;
  2049.         width: 100%;
  2050.         height: 3px;
  2051.         background-color: #f3f3f3;
  2052.     }
  2054.     #selectEntityModalForm .form-header .stepIndicator.active::after {
  2055.         background-color: #a7ede8;
  2056.     }
  2058.     #selectEntityModalForm .form-header .stepIndicator.finish::after {
  2059.         background-color: #009688;
  2060.     }
  2062.     #selectEntityModalForm .form-header .stepIndicator:last-child:after {
  2063.         display: none;
  2064.     }
  2066.     #selectEntityModalForm input {
  2067.         padding: 15px 20px;
  2068.         width: 100%;
  2069.         font-size: 1em;
  2070.         border: 1px solid #e3e3e3;
  2071.         border-radius: 5px;
  2072.     }
  2074.     #selectEntityModalForm input:focus {
  2075.         border: 1px solid #009688;
  2076.         outline: 0;
  2077.     }
  2079.     #selectEntityModalForm input.invalid {
  2080.         border: 1px solid #ffaba5;
  2081.     }
  2083.     #selectEntityModalForm .step {
  2084.         display: none;
  2085.     }
  2087.     #selectEntityModalForm .form-footer {
  2088.         overflow: auto;
  2089.         gap: 20px;
  2090.     }
  2092.     #selectEntityModalForm .form-footer button {
  2093.         background-color: #1d5b9e;
  2094.         border: 1px solid #1d5b9e;
  2095.         color: #ffffff;
  2096.         border: none;
  2097.         padding: 13px 30px;
  2098.         font-size: 1em;
  2099.         cursor: pointer;
  2100.         border-radius: 5px;
  2101.         flex: 1;
  2102.         margin-top: 5px;
  2103.     }
  2105.     #selectEntityModalForm .form-footer button:hover {
  2106.         opacity: 0.8;
  2107.     }
  2109.     #selectEntityModalForm .form-footer #promptInfo_prevBtn {
  2110.         background-color: var(--global-background-color, #fff);
  2111.         color: #009688;
  2112.     }
  2114.     .box-selector {
  2115.         padding: 10px 4px;
  2116.         cursor: pointer;
  2117.     }
  2119.     .box-selector .inside {
  2120.         padding: 5px;
  2121.         background: white;
  2123.         border-radius: 5px;
  2124.         -webkit-box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  2125.         -moz-box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  2126.         box-shadow: 10px 10px 48px -24px rgba(14, 26, 87, 1);
  2128.     }
  2130.     .box-selector .inside input {
  2131.         cursor: pointer
  2132.     }
  2134.     .box-selector .inside textarea {
  2135.         text-align: center;
  2136.         cursor: pointer;
  2137.         width: 100%;
  2138.         border: none;
  2139.         resize: none;
  2140.         font-size: 14px;
  2141.         color: #1d5b9e;
  2142.         font-weight: bold;
  2143.     }
  2145.     .box-selector.sch_selector_mon .inside,
  2146.     .box-selector.sch_selector_day .inside
  2147.         /*.box-selector.sch_selector_time .inside*/
  2148.     {
  2149.         padding: 10px 5px;
  2150.     }
  2152.     .box-selector.sch_selector_time .inside {
  2153.         padding: 4px 5px;
  2155.     }
  2157.     .step .view_if_has_schedules {
  2158.         display: none;
  2159.     }
  2161.     .box-selector.active:not(.man_sch_selector) .inside {
  2162.         border: 2px solid #1d5b9e;
  2163.         -webkit-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  2164.         -moz-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  2165.         box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  2167.     }
  2169.     .box-selector.active.man_sch_selector .inside {
  2170.         border: 2px solid #1d5b9e;
  2171.         -webkit-box-shadow: none;
  2172.         -moz-box-shadow: none;
  2173.         box-shadow: none;
  2174.     }
  2176.     .box-selector.sch_selector_mon.active .inside,
  2177.     .box-selector.sch_selector_day.active .inside,
  2178.     .box-selector.sch_selector_time.active .inside {
  2179.         border: 2px solid #1d5b9e;
  2180.         -webkit-box-shadow: 4px 7px 24px -3px rgba(29, 91, 158, 1);
  2181.         -moz-box-shadow: 10px 10px 24px -3px rgba(29, 91, 158, 1);
  2182.         box-shadow: 4px 7px 24px -3px rgba(29, 91, 158, 1);
  2183.     }
  2185.     .box-selector .img {
  2186.         margin-left: 5px;
  2188.     }
  2190.     .box-selector .title {
  2191.         text-align: center;
  2192.         font-size: var(--cp-fs-base, 13px);
  2193.         margin-top: auto;
  2194.         margin-bottom: auto;
  2195.     }
  2197.     .box-selector.paymentMethodSelectorBtn .title {
  2198.         text-align: center;
  2199.         margin-bottom: 1px;
  2200.         font-size: 14px;
  2201.     }
  2203.     .box-selector .sub-title {
  2204.         font-size: 12px;
  2205.         color: grey;
  2207.     }
  2209.     .qr-card {
  2210.         position: absolute;
  2211.         top: 50%;
  2212.         left: 50%;
  2213.         transform: translate(-50%, -50%);
  2214.         width: min(350px, calc(100vw - 32px));
  2215.         margin-top: 10px;
  2216.         border-radius: 12px;
  2217.         z-index: 1000;
  2218.         padding: 10px;
  2219.     }
  2221.     .qr-card .card {
  2222.         border: none;
  2223.         background: transparent;
  2224.         text-align: center;
  2225.     }
  2227.     .qr-card img {
  2228.         width: 100%;
  2229.         margin: 10px auto;
  2230.         display: block;
  2231.     }
  2234.     .hidden {
  2235.         display: none;
  2236.     }
  2238.     /* Flexbox for card container to display them side by side */
  2239.     .employee-card-container {
  2240.         display: flex;
  2241.         justify-content: left; /* Center the cards horizontally */
  2242.         gap: 20px; /* Add space between the cards */
  2243.         flex-wrap: wrap;
  2244.         margin-top: 20px;
  2245.     }
  2247.     .employee-card {
  2248.         padding: 20px;
  2249.         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  2250.         border-radius: 10px;
  2251.         max-width: 320px;
  2252.         width: 100%;
  2253.         text-align: center;
  2254.         display: inline-block;
  2255.     }
  2257.     .form-group {
  2258.         margin-bottom: 10px;
  2259.     }
  2261.     /* Style for the entire form */
  2262.     .form-group {
  2263.         margin-bottom: 1.5rem;
  2264.     }
  2266.     /* Style for the labels */
  2267.     .form-group label {
  2268.         font-size: .8rem;
  2269.         font-weight: 300;
  2270.         color: #333;
  2271.         margin-bottom: 0.1rem;
  2272.         display: block;
  2273.     }
  2275.     /* Style for the input fields */
  2276.     .form-control {
  2277.         width: 100%;
  2278.         max-width: 100%;
  2279.         padding: 0px;
  2280.         font-size: 1rem;
  2281.         border-radius: 5px;
  2282.         box-sizing: border-box;
  2283.     }
  2285.     /* Hover effect for input fields */
  2286.     .form-control:hover {
  2287.         border-color: #0056b3;
  2288.     }
  2290.     /* Focus effect for input fields */
  2291.     .form-control:focus {
  2292.         border-color: #0056b3;
  2293.         outline: none;
  2294.     }
  2296.     /* Dropdown list customization */
  2297.     .selectize-dropdown {
  2298.         border-radius: 5px;
  2299.         box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  2300.         font-size: 1rem;
  2301.         max-height: 200px;
  2303.     }
  2305.     /* Style for selectize items */
  2306.     .selectize-dropdown .option {
  2307.         padding: 10px;
  2308.         font-size: 1rem;
  2309.         color: #333;
  2310.     }
  2312.     /* Hover effect for selectize items */
  2313.     .selectize-dropdown .option:hover {
  2314.         background-color: #0056b3;
  2315.         color: white;
  2316.     }
  2318.     /* Style for the \"Add Employee\" and \"Close\" buttons */
  2319.     .btn-primary, .btn-secondary {
  2320.         padding: 10px 20px;
  2321.         font-size: 1rem;
  2322.         border: none;
  2323.         border-radius: 5px;
  2324.         cursor: pointer;
  2325.     }
  2327.     /* Style for the primary button */
  2328.     .btn-primary {
  2329.         color: white;
  2330.     }
  2332.     /* Hover effect for primary button */
  2333.     .btn-primary:hover {
  2334.         background-color: #0056b3;
  2335.     }
  2337.     /* Style for the secondary button */
  2338.     .btn-secondary {
  2339.         background-color: #6c757d;
  2340.         color: white;
  2341.     }
  2343.     /* Hover effect for secondary button */
  2344.     .btn-secondary:hover {
  2345.         background-color: #5a6268;
  2346.     }
  2348.     #selectEntityModal .routineTable {
  2349.         text-align: left;
  2350.         vertical-align: middle;
  2351.     }
  2353.     #selectEntityModal .routineTable .icon-delete {
  2354.         color: darkred;
  2355.         font-weight: bold;
  2356.     }
  2358.     #selectEntityModal .routineTable .icon-delete .fa {
  2359.         padding: 10px;
  2360.         border-radius: 39px;
  2361.         border: 1px solid #eddcdc;
  2362.         width: 34px;
  2363.         height: 34px;
  2364.         text-align: center;
  2365.     }
  2367.     #selectEntityModal .routineTable .icon-check {
  2368.         color: green;
  2369.         font-weight: bold;
  2370.     }
  2372.     #selectEntityModal .routineTable .icon-check .fa {
  2373.         opacity: 0.1;
  2374.     }
  2376.     #selectEntityModal .routineTable .icon-check.isChecked .fa {
  2377.         opacity: 1;
  2378.     }
  2380.     #selectEntityModal .routineTable .icon-check .fa {
  2381.         padding: 10px;
  2382.         border-radius: 39px;
  2383.         border: 1px solid #eddcdc;
  2384.         width: 34px;
  2385.         height: 34px;
  2386.         text-align: center;
  2387.     }
  2389.     #selectEntityModal .routineTable {
  2390.         text-align: left;
  2391.         vertical-align: middle;
  2392.     }
  2394.     #selectEntityModal .routineTable .icon-delete {
  2395.         color: darkred;
  2396.         font-weight: bold;
  2397.     }
  2399.     #selectEntityModal .routineTable .icon-delete .fa {
  2400.         padding: 10px;
  2401.         border-radius: 39px;
  2402.         border: 1px solid #eddcdc;
  2403.         width: 34px;
  2404.         height: 34px;
  2405.         text-align: center;
  2406.     }
  2408.     #selectEntityModal .routineTable .icon-check {
  2409.         color: green;
  2410.         font-weight: bold;
  2411.     }
  2413.     #selectEntityModal .routineTable .icon-check .fa {
  2414.         opacity: 0.1;
  2415.     }
  2417.     #selectEntityModal .routineTable .icon-check.isChecked .fa {
  2418.         opacity: 1;
  2419.     }
  2421.     #selectEntityModal .routineTable .icon-check .fa {
  2422.         padding: 10px;
  2423.         border-radius: 39px;
  2424.         border: 1px solid #eddcdc;
  2425.         width: 34px;
  2426.         height: 34px;
  2427.         text-align: center;
  2428.     }
  2431.     @media (min-width: 1400px) {
  2432.         .dashboard-main .container {
  2433.             max-width: 1400px;
  2434.         }
  2435.     }
  2438.     .upcoming_session_image_view {
  2439.         height: 60px;
  2440.         width: 60px;
  2441.         border-radius: 50%;
  2442.         background-size: cover !important;
  2443.         background-position: center !important;
  2444.     }
  2446.     .badge.transaction_completed {
  2447.         color: #7AE677;
  2448.         background-color: #D9FFD8;
  2449.         padding: .7rem;
  2450.     }
  2452.     .badge.transaction_canceled {
  2453.         color: #ED4C5C;
  2454.         background-color: #FFE3E2;
  2455.         padding: .7rem;
  2456.     }
  2458.     .badge.transaction_pending {
  2459.         color: #373A37;
  2460.         background-color: #F2F2F2;
  2461.         padding: .7rem;
  2462.     }
  2464.     .small_info .progress {
  2465.         height: 1rem;
  2466.         border-radius: 0.5rem;
  2468.     }
  2470.     .small_info .row {
  2471.         margin-top: 19px;
  2472.         margin-bottom: 20px;
  2474.     }
  2476.     .small_info .progress_holder {
  2477.         margin-top: auto;
  2478.         margin-bottom: auto;
  2479.         padding: 0px;
  2481.     }
  2483.     .small_info .value_type {
  2484.         margin-bottom: 0px;
  2485.         font-size: 18px;
  2486.         color: #373A37;
  2487.         font-weight: normal;
  2488.     }
  2490.     .small_info .percent_value {
  2491.         text-align: right;
  2492.         margin-bottom: 0px;
  2493.         font-size: 18px;
  2494.         color: #373A37;
  2495.         font-weight: normal;
  2496.     }
  2498.     .small_info .percent_holder {
  2499.         margin-top: auto;
  2500.         margin-bottom: auto;
  2501.         padding-left: 0px;
  2502.     }
  2504.     .small_info .value_type_holder {
  2505.         margin-top: auto;
  2506.         margin-bottom: auto;
  2508.     }
  2510.     .small_info .progress .progress-bar {
  2511.         background: #92E3A9;
  2512.     }
  2514.     .dashboard-main .card {
  2515.         margin-bottom: 13px;
  2516.     }
  2518.     .accordion-button:focus {
  2519.         z-index: 3;
  2520.         /* border-color: #86b7fe; */
  2521.         outline: 0;
  2522.         box-shadow: none;
  2523.     }
  2525.     .accordion-button:not(.collapsed) {
  2526.         /*color: #0c63e4;*/
  2527.         background-color: white;
  2528.         /*box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);*/
  2529.     }
  2531.     .dial {
  2532.         border: 0px;
  2533.         width: 0px;
  2534.         font-size: 36px !important;
  2535.         color: white;
  2537.     }
  2539.     .rounded_border_card {
  2540.         border-radius: 1rem;;
  2541.     }
  2543.     .status_card {
  2544.         border-radius: 1rem;;
  2546.     }
  2548.     .status_card .card-body {
  2549.         padding-bottom: 0;
  2551.     }
  2553.     .status_card .card-title {
  2554.         color: #4B4B4B;
  2555.         font-size: var(--cp-fs-xl, 20px);
  2556.         font-weight: 400;
  2557.         font-family: 'Poppins';
  2558.     }
  2560.     .status_card .status_value {
  2561.         color: #4B4B4B;
  2562.         font-size: 60px;
  2563.         font-weight: normal;
  2564.         font-family: 'Poppins';
  2565.     }
  2567.     .status_card .col-md-7, .status_card .col-md-5, .status_card .col-md-6 {
  2568.         margin-top: auto;
  2569.         margin-bottom: auto;
  2570.         /*padding: 0;*/
  2571.     }
  2573.     .status_card .col-md-5 {
  2574.         padding-left: 0px;
  2575.     }
  2577.     .status_card .status_value_trend {
  2578.         float: right;
  2579.         font-size: 14px;
  2580.         font-weight: 400;
  2581.         padding: 8px;
  2582.         border-radius: 1em;
  2583.     }
  2585.     .status_value_trend.negative {
  2586.         background-color: #FFE4E4;
  2587.         color: #F07777;
  2588.     }
  2590.     .status_value_trend.positive {
  2591.         background-color: #C6F1F7;
  2592.         color: #137DC3;
  2593.     }
  2595.     .student_list_card {
  2596.         /*border-radius: 1rem;;*/
  2598.     }
  2600.     .student_list_card .card {
  2601.         /*border-radius: 1rem;;*/
  2602.         border: none;;
  2604.     }
  2606.     .student_list_card .card-body {
  2607.         padding: 8px;
  2608.         border-radius: 13px;
  2610.     }
  2612.     .student_list_card .card-title {
  2613.         color: #4B4B4B;
  2614.         font-size: var(--cp-fs-xl, 20px);
  2615.         font-weight: 400;
  2616.         font-family: 'Poppins';
  2618.     }
  2620.     .student_list_card .time {
  2621.         color: #818181;
  2622.         font-size: var(--cp-fs-lg, 16px);
  2623.         font-weight: bold;
  2624.         font-family: 'Roboto', sans-serif;
  2625.         padding-left: 4px;
  2627.     }
  2629.     .student_list_card .col-md-7,
  2630.     .student_list_card .col-md-5,
  2631.     .student_list_card .col-md-6,
  2632.     .student_list_card .col-md-9,
  2633.     .student_list_card .col-md-1,
  2634.     .student_list_card .col-md-2,
  2635.     .student_list_card .col-md-3 {
  2636.         margin-top: auto;
  2637.         margin-bottom: auto;
  2638.         /*padding: 0;*/
  2640.     }
  2642.     .student_list_card .col-md-5,
  2643.     .student_list_card .col-md-1 {
  2644.         padding-left: 0px;
  2645.     }
  2647.     .student_list_card img {
  2648.         width: 100%;
  2649.         border-radius: 50%;
  2650.     }
  2652.     .student_list_card .student_name {
  2653.         font-size: 18px;
  2654.         font-weight: bold;
  2655.         color: #4B4B4B;
  2656.         font-family: 'Poppins';
  2657.         margin-bottom: 0px;
  2658.     }
  2660.     .student_list_card .student_interest {
  2661.         font-size: var(--cp-fs-lg, 16px);
  2662.         font-weight: 400;
  2663.         color: #BCC7D8;
  2665.         margin-bottom: 0px;;
  2666.     }
  2668.     .student_list_card .more {
  2669.         font-size: var(--cp-fs-lg, 16px);
  2670.         font-weight: 400;
  2671.         color: #333333;
  2672.         margin-bottom: 0px;;
  2673.         padding-right: 8px;
  2674.     }
  2676.     .table > :not(caption) > * > * {
  2677.         padding: 1rem 1rem;
  2679.     }
  2681.     .more {
  2682.         font-size: var(--cp-fs-lg, 16px);
  2683.         font-weight: 400;
  2684.         color: #333333;
  2685.         margin-bottom: 0px;;
  2686.         padding-right: 8px;
  2687.     }
  2689.     .custom-icon-btn {
  2690.         background-color: #3498db;
  2691.         color: white;
  2692.         border: none;
  2693.         border-radius: 15px;
  2694.         text-align: center;
  2695.         font-size: var(--cp-fs-lg, 16px);
  2696.         font-weight: 500;
  2697.     }
  2699. </style>
  2702. <style>
  2703.     /* ── Nordic My Companies ─────────────────────────────────────────────────── */
  2704.     :root {
  2705.         --n-cream: #F7F5F0;
  2706.         --n-dark:  #1A1D2E;
  2707.         --n-amber: #C07D2A;
  2708.         --n-muted: #6B7280;
  2709.         /* Override global blue palette so style.css rules inherit Nordic tokens */
  2710.         --global-background-color: #ffffff;
  2711.         --primary-color: #1A1D2E;
  2712.         --swiper-theme-color: #C07D2A;
  2713.     }
  2714.     body { background: var(--n-cream) !important; }
  2715.     .role-company-page.section { background: var(--n-cream); padding: 48px 0 80px; }
  2717.     /* Page heading */
  2718.     .section-head-area { text-align: center; margin-bottom: 32px; }
  2719.     .section-title,
  2720.     .role-company-page .section-title,
  2721.     .role-company-page h1.section-title {
  2722.         font-family: 'Montserrat', sans-serif !important;
  2723.         font-size: clamp(1.6rem,3vw,2.2rem) !important;
  2724.         font-weight: 700 !important;
  2725.         color: var(--n-dark) !important;
  2726.         background: none !important;
  2727.         -webkit-background-clip: unset !important;
  2728.         -webkit-text-fill-color: var(--n-dark) !important;
  2729.         background-clip: unset !important;
  2730.         margin: 0;
  2731.     }
  2733.     /* Tabs */
  2734.     .tab-box { display: flex !important; align-items: center; gap: 4px; border-bottom: 2px solid rgba(26,29,46,.1); margin-bottom: 32px; padding-bottom: 0; overflow-x: auto; scrollbar-width: none; }
  2735.     .tab-box::-webkit-scrollbar { display: none; }
  2736.     .tab-btn.tab-btn-style { background: transparent !important; border: none !important; border-bottom: 3px solid transparent !important; margin-bottom: -2px; padding: 10px 18px; font-family: 'DM Sans', sans-serif; font-size: .875rem; font-weight: 600; color: var(--n-muted) !important; border-radius: 0 !important; cursor: pointer; transition: color .2s, border-color .2s; white-space: nowrap; box-shadow: none !important; }
  2737.     .tab-btn.tab-btn-style.active, .tab-btn.tab-btn-style:hover { color: var(--n-dark) !important; border-bottom-color: var(--n-amber) !important; }
  2738.     .tab-box .line { display: none; }
  2740.     /* Company Swiper cards — !important needed: style.css hardcodes rgba(230,248,250,1) blue */
  2741.     .role-company-page .tab-container .content-box .content .card {
  2742.         background: var(--global-background-color, #fff) !important;
  2743.         border: 1.5px solid rgba(26,29,46,.08) !important;
  2744.         border-radius: 14px !important;
  2745.         box-shadow: 0 4px 24px rgba(26,29,46,.08) !important;
  2746.         padding: 20px !important;
  2747.         text-align: center;
  2748.         transition: box-shadow .2s, transform .2s;
  2749.     }
  2750.     .role-company-page .tab-container .content-box .content .card:hover {
  2751.         box-shadow: 0 8px 32px rgba(26,29,46,.14) !important;
  2752.         transform: translateY(-2px);
  2753.     }
  2754.     /* Active slide: amber border instead of blue */
  2755.     .swiper-slide.swiper-slide-active .card {
  2756.         border: 2px solid var(--n-amber) !important;
  2757.         background-image: none !important; /* remove the old overlay.svg */
  2758.     }
  2759.     .swiper-slide .card img { width: 64px; height: 64px; border-radius: 10px; object-fit: contain; margin: 0 auto 12px; display: block; }
  2760.     .swiper-slide .card h2 { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; color: var(--n-dark) !important; margin: 0 0 8px; }
  2761.     .swiper-slide .card .role { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--n-amber); background: rgba(192,125,42,.1); padding: 3px 10px; border-radius: 20px; }
  2763.     /* Action buttons — !important: style.css has high-specificity blue rules for these */
  2764.     .buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px; }
  2765.     .app-btn.button {
  2766.         display: inline-flex !important; align-items: center !important; gap: 8px;
  2767.         padding: 11px 24px !important; border-radius: 8px !important;
  2768.         background: transparent !important;
  2769.         color: var(--n-dark) !important;
  2770.         border: 1.5px solid rgba(26,29,46,.25) !important;
  2771.         font-family: 'DM Sans',sans-serif !important; font-size: .9rem; font-weight: 600;
  2772.         cursor: pointer; transition: border-color .2s, color .2s; text-decoration: none;
  2773.     }
  2774.     .app-btn.button:hover { border-color: var(--n-amber) !important; color: var(--n-amber) !important; }
  2775.     .app-btn.button i { color: var(--n-dark) !important; }
  2776.     .app-btn.button:hover i { color: var(--n-amber) !important; }
  2777.     .create-btn.button {
  2778.         display: inline-flex !important; align-items: center !important; gap: 8px;
  2779.         padding: 11px 24px !important; border-radius: 8px !important;
  2780.         background: var(--n-dark) !important; color: #fff !important;
  2781.         border: 1.5px solid transparent !important;
  2782.         font-family: 'DM Sans',sans-serif !important; font-size: .9rem; font-weight: 600 !important;
  2783.         cursor: pointer; transition: background .2s, transform .15s; text-decoration: none !important;
  2784.     }
  2785.     .create-btn.button:hover { background: var(--n-amber) !important; color: #fff !important; transform: translateY(-1px); text-decoration: none !important; }
  2787.     /* Swiper nav */
  2788.     .swiper-button-prev::after, .swiper-button-next::after { color: var(--n-amber) !important; }
  2789.     .swiper-pagination-bullet-active { background: var(--n-amber) !important; }
  2791.     /* Action links bar (Join / Link / Delete) — override old absolute+blue style */
  2792.     .role-company-page .tab-container .content-box .content .links {
  2793.         position: relative !important;
  2794.         top: auto !important;
  2795.         display: flex !important;
  2796.         justify-content: center !important;
  2797.         align-items: stretch !important;
  2798.         max-width: 560px !important;
  2799.         width: 100% !important;
  2800.         margin: 24px auto 0 !important;
  2801.         border: 1.5px solid rgba(26,29,46,.12) !important;
  2802.         border-radius: 10px !important;
  2803.         background: var(--global-background-color, #fff) !important;
  2804.         overflow: hidden;
  2805.         flex-wrap: nowrap !important;
  2806.     }
  2807.     .role-company-page .tab-container .content-box .content .links .link {
  2808.         display: flex !important;
  2809.         align-items: center !important;
  2810.         justify-content: center !important;
  2811.         gap: 7px;
  2812.         flex: 1 1 0;
  2813.         padding: 11px 14px !important;
  2814.         font-family: 'DM Sans', sans-serif;
  2815.         font-size: .82rem;
  2816.         font-weight: 600;
  2817.         color: var(--n-muted) !important;
  2818.         cursor: pointer;
  2819.         border-right: 1px solid rgba(26,29,46,.08) !important;
  2820.         transition: color .15s, background .15s;
  2821.         white-space: nowrap;
  2822.     }
  2823.     .role-company-page .tab-container .content-box .content .links .link:last-child { border-right: none !important; }
  2824.     .role-company-page .tab-container .content-box .content .links .link:hover { color: var(--n-amber) !important; background: rgba(192,125,42,.05); }
  2825.     .role-company-page .tab-container .content-box .content .links .link.active { color: var(--n-dark) !important; }
  2826.     .role-company-page .tab-container .content-box .content .links .link i { font-size: 14px !important; color: var(--n-amber); padding: 0 !important; }
  2828.     /* Onboarding employee cards */
  2829.     .employee-card { background: var(--global-background-color, #fff); border-radius: 14px; box-shadow: 0 4px 24px rgba(26,29,46,.08); border: 1px solid rgba(26,29,46,.06); padding: 28px; }
  2830.     .employee-card h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: var(--n-dark); }
  2831.     .employee-card .form-group label { font-size: .78rem; font-weight: 600; color: var(--n-muted); text-transform: uppercase; letter-spacing: .08em; }
  2832.     .employee-card .form-control, .employee-card select.form-control { border: 1.5px solid rgba(26,29,46,.12); border-radius: 8px; padding: 10px 14px; font-family: 'DM Sans', sans-serif; color: var(--n-dark); }
  2833.     .employee-card .form-control:focus { border-color: var(--n-amber); box-shadow: 0 0 0 3px rgba(192,125,42,.1); outline: none; }
  2835.     /* Buttons inside page */
  2836.     .global-button, .send-button { background: var(--n-dark) !important; color: #fff !important; border: none !important; border-radius: 8px !important; padding: 10px 24px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 600 !important; cursor: pointer; transition: background .2s; }
  2837.     .global-button:hover, .send-button:hover, .global-button:focus, .send-button:focus { background: var(--n-amber) !important; color: #fff !important; box-shadow: none !important; }
  2838.     .global-outline-button.extra-btn { background: transparent !important; color: var(--n-dark) !important; border: 2px solid rgba(26,29,46,.25) !important; border-radius: 8px !important; padding: 9px 20px !important; font-family: 'DM Sans', sans-serif; font-weight: 600; cursor: pointer; }
  2839.     .global-outline-button.extra-btn:hover { border-color: var(--n-amber) !important; color: var(--n-amber) !important; }
  2841.     /* QR card */
  2842.     .qr-card .card { background: var(--global-background-color, #fff); border-radius: 14px; box-shadow: 0 8px 32px rgba(26,29,46,.12); border: 1px solid rgba(26,29,46,.06); }
  2844.     /* ── Responsive ──────────────────────────────────────────────────────────── */
  2845.     @media (max-width: 768px) {
  2846.         .role-company-page.section { padding: 32px 0 60px; }
  2847.         .employee-card-container { justify-content: center; }
  2848.         .employee-card { max-width: 100%; width: 100%; }
  2849.     }
  2850.     @media (max-width: 480px) {
  2851.         .tab-box { gap: 0; }
  2852.         .tab-btn.tab-btn-style { padding: 8px 12px; font-size: .8rem; }
  2853.         .employee-card-container { flex-direction: column; align-items: stretch; gap: 16px; }
  2854.         .buttons { flex-direction: column; }
  2855.         .app-btn.button, .create-btn.button { width: 100%; justify-content: center; }
  2856.     }
  2857. </style>
  2859. <section class=\"role-company-page section\">
  2860.     <div class=\"container\">
  2862.         <div class=\"row\">
  2863.             <div class=\"col-md-12 d-flex justify-content-center align-items-center\">
  2864.                 <div class=\"section-head-area\">
  2865.                     <h1 class=\"section-title\">Your Role & Company List</h1>
  2866.                 </div>
  2867.             </div>
  2868.         </div>
  2870.         <div class=\"row d-flex justify-content-center align-items-center\">
  2871.             <div class=\"tab-container\">
  2873.                 <div class=\"tab-box overflow-x-auto\">
  2874.                     <button class=\"tab-btn tab-btn-style active \" id=\"role-tab-1\">Your Company</button>
  2875.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-2\">Your Role</button>
  2876.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-3\">Your Dashboard</button>
  2877.                     <button class=\"tab-btn tab-btn-style \" id=\"add-employee-btn\">Onboarding</button>
  2878.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-4\">Shared Company</button>
  2879.                     <button class=\"tab-btn tab-btn-style \" id=\"role-tab-5\">Applied Company</button>
  2880.                     <div class=\"line\"></div>
  2881.                 </div>
  2883.                 <div class=\"content-box\">
  2884.                     {# 1st div: your company #}
  2885.                     <div class=\"content active\" style=\"cursor:pointer;\">
  2887.                         <div class=\"swiper-container\">
  2889.                             <div class=\"swiper-wrapper\"></div>
  2892.                             {# <div id=\"selected-counter\" class=\"selected-counter\">0 out of 5 Selected</div> #}
  2894.                             {# three buttons #}
  2895.                             <div class=\"links\">
  2896.                                 <div class=\"link\">
  2897.                                     <i class='fa fa-user-plus'></i><span>Join this Account</span>
  2898.                                 </div>
  2899.                                 <div class=\"link active\">
  2900.                                     <i class='fa fa-link'></i><span>Link Accounts</span>
  2901.                                 </div>
  2902.                                 <div class=\"link active\">
  2903.                                     <i class='fa fa-trash'></i><span>Delete Account</span>
  2904.                                 </div>
  2905.                             </div>
  2907.                             <div class=\"swiper-pagination\"></div>
  2909.                             <div class=\"buttons\">
  2910.                                 <button class=\"app-btn button\"><i class=\"fa-regular fa-user\"></i>Apply for Employment
  2911.                                 </button>
  2912.                                 <a class=\"create-btn button\" href=\"{{ url('create_company') }}\">
  2913.                                     <i class=\"fa-regular fa-building\"></i> Create a Company
  2914.                                 </a>
  2915.                             </div>
  2917.                             <div class=\"swiper-button-prev\"></div>
  2918.                             <div class=\"swiper-button-next\"></div>
  2919.                         </div>
  2920.                         {# <div id=\"selected-counter\" class=\"selected-counter\">0 out of 5 Selected</div> #}
  2921.                     </div>
  2922.                     {# 2nd div: your role #}
  2923.                     <div class=\"content\">
  2924.                         {# role #}
  2925.                     </div>
  2926.                     {# 3rd div: your dashboard #}
  2927.                     <div class=\"content\">
  2928.                         {# dashboard #}
  2929.                     </div>
  2930.                     {# 4th div: add employee #}
  2931.                     <div class=\"content\">
  2932.                         <div class=\"employee-card-container hidden\" id=\"employee-card-container\">
  2933.                             {# employee card form #}
  2934.                             <div class=\"employee-card fade show\" id=\"employee-form-wrapper\">
  2935.                                 <div class=\"\" id=\"employee-card\">
  2936.                                     <h5 class='text-center mb-3'>By Generating QR/Link</h5>
  2937.                                     <form id=\"employee-form \">
  2938.                                         {# user type #}
  2939.                                         <div class=\"form-group\">
  2940.                                             <select id=\"employee-type\" name=\"qrEmpType\"
  2941.                                                     class=\"form-control p-2 select-center\">
  2942.                                                 <option value=\"\">Select User Type</option>
  2943.                                                 <option value=\"1\">Admin</option>
  2944.                                                 <option value=\"2\">User</option>
  2945.                                                 <option value=\"3\">Manager</option>
  2946.                                             </select>
  2947.                                         </div>
  2949.                                         {# select company #}
  2950.                                         <div class=\"form-group\">
  2951.                                             <select id=\"company-name-qr\" class=\"form-control\">
  2952.                                                 <option value=\"\">Select Company</option>
  2953.                                             </select>
  2954.                                         </div>
  2956.                                         {# select employee email #}
  2957.                                         <div class=\"form-group mt-3\">
  2958.                                             <select name=\"sys_user\" class=\"form-control entityEmp \" id=\"email\">
  2959.                                                 <option value=\"\">Select Employee</option>
  2960.                                             </select>
  2961.                                         </div>
  2963.                                         <button type=\"button\" class=\"global-button fs-6\" id=\"qr-code-button\">Generate
  2964.                                         </button>
  2965.                                     </form>
  2967.                                 </div>
  2968.                             </div>
  2969.                             {# end employee card form #}
  2970.                             <div class=\"employee-card fade show \" id=\"self-qr-form-wrapper\">
  2971.                                 <div id=\"self-qr-card\">
  2972.                                     <h5 class='text-center mb-3'>Generate QR for Yourself</h5>
  2973.                                     <form id=\"self-qr-form\">
  2974.                                         <div class=\"form-group \">
  2975.                                             <label>Your Email</label>
  2976.                                             <input style='' type=\"email\" id=\"self-email-input\"
  2977.                                                    class=\"form-control email-input\" placeholder=\"Enter your email\">
  2978.                                         </div>
  2980.                                         <button type=\"button\" class=\"global-button fs-6 mt-3\" id=\"generate-self-qr-btn\">
  2981.                                             Generate QR
  2982.                                         </button>
  2983.                                     </form>
  2984.                                 </div>
  2985.                             </div>
  2988.                             {# qr card #}
  2989.                             <div class=\"qr-card\" id=\"qr-code-container\" style=\"display: none; margin-top: 100px\">
  2991.                                 <div class=\"card\" style=''>
  2992.                                     <button type=\"button\"
  2993.                                             class=\"position-absolute top-0 end-0 m-2 p-0 border-0 bg-transparent\"
  2994.                                             aria-label=\"Close\">
  2995.                                         <i class=\"fa-solid fa-circle-xmark fs-4\" id=\"cl-qr-card\"></i>
  2996.                                     </button>
  2998.                                     <div class=\"card-body mt-4\">
  2999.                                         <h3 class=\"text-capitalize\" id=\"qr-company-name\"></h3>
  3000.                                         <img id=\"qr-image\" src=\"\" alt=\"QR Code\" class=\"img-fluid \">
  3001.                                         <p id=\"message\" class=\"mt-2 text-success fs-5 text-center d-none\"></p>
  3002.                                         <button type=\"button\" class=\" send-button mt-2 mx-2 fs-6\" id=\"send-qr-button\">
  3003.                                             Send Qr
  3004.                                         </button>
  3005.                                         {# working #}
  3006.                                         <button type=\"button\" class=\"global-outline-button extra-btn mt-2\"
  3007.                                                 id=\"copy-link-button\">
  3008.                                             <i class=\"fas fa-copy\" id=\"close-qr-card\"></i></button>
  3010.                                         <!-- Send QR Loader -->
  3011.                                         <div id=\"send-loader\" class=\"mt-3 d-none text-center\">
  3012.                                             <div class=\"spinner-border text-primary\" role=\"status\">
  3013.                                                 <span class=\"visually-hidden\">Loading...</span>
  3014.                                             </div>
  3015.                                         </div>
  3018.                                     </div>
  3020.                                 </div>
  3021.                             </div>
  3022.                             {# qr card end #}
  3024.                         </div>
  3025.                     </div>
  3027.                     {# 5th div: shared company #}
  3028.                     <div class=\"content\">
  3029.                         {# shared company #}
  3030.                     </div>
  3032.                     {# 6th div: applied company #}
  3033.                     <div class=\"content\">
  3034.                         {# applied company #}
  3035.                     </div>
  3036.                 </div>
  3037.             </div>
  3038.         </div>
  3040.     </div>
  3041. </section>
  3043. <script>
  3044.     document.addEventListener(\"DOMContentLoaded\", function () {
  3045.         const accessList = {{ app.session.get('userAccessList', [])|json_encode|raw() }};
  3046.         console.log(accessList);
  3048.         let qruserAccessList = [];
  3050.         function populateCompanyDropdown(selectId) {
  3051.             const selectElement = document.getElementById(selectId);
  3052.             qruserAccessList = accessList.map(company => ({
  3053.                 companyName: company.companyName,
  3054.                 appId: company.appId,
  3055.                 companyId: company.companyId,
  3056.                 userType: company.userType
  3057.             }));
  3058.             selectElement.innerHTML = '<option value=\"\">Select Company</option>';
  3059.             accessList.forEach(function (company) {
  3060.                 const option = document.createElement(\"option\");
  3061.                 option.value = company.companyName;
  3062.                 option.textContent = company.companyName;
  3063.                 selectElement.appendChild(option);
  3064.             });
  3067.             if (\$(selectElement)[0].selectize) {
  3068.                 \$(selectElement)[0].selectize.destroy();
  3069.             }
  3071.             \$(selectElement).selectize({
  3072.                 create: false,
  3073.                 sortField: 'text'
  3074.             });
  3075.         }
  3077.         populateCompanyDropdown(\"company-name-qr\");
  3079.         // generate qr code
  3080.         document.getElementById(\"qr-code-button\").addEventListener(\"click\", function () {
  3081.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  3082.             var qrCompanyName = document.getElementById(\"qr-company-name\");
  3083.             var userEmail = document.getElementById(\"email\")
  3084.             var qrImage = document.getElementById(\"qr-image\");
  3085.             var qrCodeContainer = document.getElementById(\"qr-code-container\");
  3086.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  3088.             var appId = selectedCompanyData.appId;
  3089.             var companyId = selectedCompanyData.companyId;
  3090.             var userType = selectedCompanyData.userType;
  3091.             var baseUrl = \"{{ url('employee_add_by_qr') }}\";
  3092.             var connector = baseUrl.includes(\"?\") ? \"&\" : \"?\";
  3093.             var finalUrl = baseUrl + connector + \"company=\" + encodeURIComponent(selectedCompany) + \"&appid=\" + encodeURIComponent(appId) + \"&companyId=\" + encodeURIComponent(companyId) + \"&userType=\" + encodeURIComponent(userType) + \"&CompanyQr=1\";
  3095.             if (selectedCompany) {
  3096.                 qrCompanyName.textContent = selectedCompany;
  3097.                 \$.get(\"{{ path('generate_qr_div') }}?url=\" + encodeURIComponent(finalUrl), function (data) {
  3098.                     \$('#qr-image').attr('src', data.html);
  3099.                     \$('#qr-code-container').show();
  3100.                 }, \"json\");
  3101.             } else {
  3102.                 alert(\"Please select a company to generate the QR code.\");
  3103.             }
  3104.         });
  3106.         document.getElementById(\"cl-qr-card\").addEventListener(\"click\", function (event) {
  3107.             event.stopPropagation();
  3108.             document.getElementById(\"qr-code-container\").style.display = \"none\";
  3109.         });
  3110.         document.getElementById(\"copy-link-button\").addEventListener(\"click\", function (event) {
  3111.             event.stopPropagation();
  3113.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  3114.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  3116.             var appId = selectedCompanyData.appId;
  3117.             var companyId = selectedCompanyData.companyId;
  3118.             var userType = selectedCompanyData.userType;
  3120.             var baseUrl = \"{{ url('employee_add_by_qr') }}\";
  3121.             var connector = baseUrl.includes(\"?\") ? \"&\" : \"?\";
  3122.             var finalUrl = baseUrl + connector + \"company=\" + encodeURIComponent(selectedCompany) +
  3123.                 \"&appid=\" + encodeURIComponent(appId) +
  3124.                 \"&companyId=\" + encodeURIComponent(companyId) +
  3125.                 \"&userType=\" + encodeURIComponent(userType);
  3127.             navigator.clipboard.writeText(finalUrl).then(() => {
  3128.                 var qrContainer = document.getElementById(\"qr-code-container\");
  3129.                 var copyMessage = document.getElementById(\"copy-message\");
  3130.                 const qrImage = document.getElementById(\"qr-image\");
  3132.                 if (!copyMessage) {
  3133.                     copyMessage = document.createElement(\"p\");
  3134.                     copyMessage.id = \"copy-message\";
  3135.                     copyMessage.style.color = \"green\";
  3136.                     copyMessage.style.marginTop = \"0px\";
  3137.                     copyMessage.style.fontWeight = \"bold\";
  3138.                     copyMessage.style.fontSize = \"16px\";
  3139.                     copyMessage.style.textAlign = \"center\";
  3141.                     qrImage.insertAdjacentElement(\"afterend\", copyMessage);
  3143.                     //qrContainer.appendChild(copyMessage);
  3144.                 }
  3146.                 copyMessage.textContent = \"Link copied to clipboard!\";
  3148.                 // remove 'Link copied to clipboard!' after 5 seconds
  3149.                 setTimeout(() => {
  3150.                     copyMessage.remove();
  3151.                     copyMessage = null;
  3152.                 }, 5000);
  3154.             }).catch(err => {
  3155.                 console.error(\"Failed to copy: \", err);
  3156.             });
  3157.         });
  3159.         document.getElementById(\"send-qr-button\").addEventListener(\"click\", function () {
  3160.             var selectedEmployee = document.getElementById(\"email\").value;
  3161.             var selectedCompany = document.getElementById(\"company-name-qr\").value;
  3162.             var selectedCompanyData = qruserAccessList.find(company => company.companyName === selectedCompany);
  3163.             var appId = selectedCompanyData.appId;
  3164.             var qrImage = document.getElementById(\"qr-image\");
  3166.             var loader = document.getElementById(\"send-loader\"); // loader variable
  3168.             if (!selectedEmployee || !selectedCompany) {
  3169.                 alert(\"Please select both an employee and a company.\");
  3170.                 return;
  3171.             }
  3173.             // Show loader
  3174.             loader.classList.remove(\"d-none\");
  3176.             var formData = new FormData();
  3177.             formData.append('company', selectedCompany);
  3178.             formData.append('email', selectedEmployee);
  3179.             formData.append('qr_image', dataURItoBlob(qrImage.src));
  3180.             formData.append('appid', appId);
  3182.             fetch(\"{{ path('employee_add_by_qr') }}\", {
  3183.                 method: \"POST\",
  3184.                 body: formData
  3185.             }).then(response => response.json())
  3186.                 .then(data => {
  3187.                     // Hide loader
  3188.                     loader.classList.add(\"d-none\");
  3190.                     if (data.status === 'success') {
  3191.                         window.location.href = \"{{ path('central_landing') }}\";
  3192.                         alert('QR Code for employee uploaded successfully!');
  3193.                     } else {
  3194.                         alert('Error: ' + data.message);
  3195.                     }
  3196.                 }).catch(error => {
  3197.                 console.error(\"Error uploading QR Code:\", error);
  3198.             });
  3199.         });
  3201.         function dataURItoBlob(dataURI) {
  3202.             var byteString = atob(dataURI.split(',')[1]);
  3203.             var arrayBuffer = new ArrayBuffer(byteString.length);
  3204.             var uintArray = new Uint8Array(arrayBuffer);
  3205.             for (var i = 0; i < byteString.length; i++) {
  3206.                 uintArray[i] = byteString.charCodeAt(i);
  3207.             }
  3208.             return new Blob([uintArray], {type: 'image/png'});
  3209.         }
  3211.         document.getElementById(\"generate-self-qr-btn\").addEventListener(\"click\", function () {
  3212.             const emailInput = document.getElementById(\"self-email-input\").value.trim();
  3213.             const qrCompanyName = document.getElementById(\"qr-company-name\");
  3214.             const qrImage = document.getElementById(\"qr-image\");
  3215.             const qrCodeContainer = document.getElementById(\"qr-code-container\");
  3217.             if (!emailInput) {
  3218.                 alert(\"Please enter your email to generate the QR code.\");
  3219.                 return;
  3220.             }
  3222.             \$.get(\"{{ path('employee_onboard_by_qr_api') }}\", {email: emailInput}, function (response) {
  3223.                 if (response.status === 'success') {
  3224.                     const userData = response.data;
  3225.                     const payloadUrl = \"{{ url('employee_onboard_by_qr_api') }}?email=\" + encodeURIComponent(userData.email) +
  3226.                         \"&applicantId=\" + encodeURIComponent(userData.id);
  3228.                     \$.get(\"{{ path('generate_qr_div') }}\", {url: payloadUrl}, function (qrRes) {
  3229.                         \$('#qr-company-name').text(userData.email);
  3230.                         \$('#qr-image').attr('src', qrRes.html);
  3231.                         \$('#qr-code-container').show();
  3232.                     }, 'json');
  3233.                 } else {
  3234.                     alert(response.message || \"User not found.\");
  3235.                 }
  3236.             }, \"json\");
  3237.         });
  3240.         \$('.entityEmp').selectize({
  3241.             placeholder: 'Enter Email',
  3242.             multiple: false,
  3243.             valueField: 'value',
  3244.             labelField: 'text',
  3245.             searchField: ['text'],
  3246.             preload: 'focus',
  3247.             load: function (query, callback) {
  3248.                 \$.ajax({
  3249.                     url: \"https://ourhoneybee.eu/select_data_ajax_public\",
  3250.                     type: 'POST',
  3251.                     dataType: 'json',
  3252.                     data: {
  3253.                         query: query,
  3254.                         entity_group: 1,
  3255.                         tableName: \"entity_applicant_details\",
  3256.                         valueField: \"email\",
  3257.                         textField: \"rendered_text\",
  3258.                         renderTextFormat: \"__email__\",
  3259.                         andOrConditions: [
  3260.                             {type: \"like\", field: \"email\", value: query},
  3261.                             {type: \"like\", field: \"firstname\", value: query},
  3262.                         ],
  3263.                     },
  3264.                     success: function (res) {
  3265.                         if (res && res.data && Array.isArray(res.data)) {
  3266.                             callback(res.data);
  3267.                         } else {
  3268.                             callback([]);
  3269.                         }
  3270.                     },
  3271.                     error: function () {
  3272.                         callback([]);
  3273.                     }
  3274.                 });
  3275.             },
  3276.         });
  3278.         \$(\"#send-qr-button\").click(function () {
  3280.             var selectedEmployee = \$(\".entityEmp\").val();
  3281.             var selectedCompany = \$(\"#company-name-qr\").val();
  3282.             if (!selectedEmployee || !selectedCompany) {
  3283.                 alert(\"Please select both an employee and a company.\");
  3284.                 return;
  3285.             }
  3287.             \$.ajax({
  3288.                 url: '/central_landing',
  3289.                 type: \"POST\",
  3290.                 data: {
  3291.                     employee_id: selectedEmployee,
  3292.                     company_name: selectedCompany
  3293.                 },
  3294.                 success: function (response) {
  3295.                     if (response.status === 'success') {
  3297.                         const messageBox = document.getElementById('message');
  3298.                         messageBox.textContent = 'Sent email successfully';
  3299.                         messageBox.classList.remove('d-none'); // Show message
  3301.                         // Hide after 5 seconds
  3302.                         setTimeout(() => {
  3303.                             messageBox.classList.add('d-none');
  3304.                         }, 5000);
  3305.                         window.location.href = \"{{ path('central_landing') }}\";
  3306.                         alert(response.company_name);
  3307.                     } else {
  3308.                         alert(\"Unexpected response from server.\");
  3309.                     }
  3310.                 },
  3311.                 error: function (error) {
  3312.                     alert(\"Error sending data!\");
  3313.                 }
  3314.             });
  3315.         });
  3316.     });
  3318. </script>
  3321. {# {% include '@Application/footer/central_footer_backup.html.twig' %} #}
  3322. {% include '@HoneybeeWeb/website/flow_footer.html.twig' %}
  3323. <link rel=\"stylesheet\" type=\"text/css\"
  3324.       href=\"{{ absolute_url(path('dashboard')) }}buddybee_assets/DataTables/datatables.min.css\"/>
  3326. <script type=\"text/javascript\"
  3327.         src=\"{{ absolute_url(path('dashboard')) }}condensed_assets/pagination/pagination.js?version={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\"></script>
  3329. <script type=\"text/javascript\"
  3330.         src=\"{{ absolute_url(path('dashboard')) }}buddybee_assets/DataTables/datatables.min.js?version={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\"></script>
  3331. <script type=\"text/javascript\" src=\"{{ absolute_url(path('dashboard')) }}buddybee_assets/js/jquery.countTo.js\"></script>
  3332. <script type=\"text/javascript\"
  3333.         src=\"{{ absolute_url(path('dashboard')) }}buddybee_assets/js/jquery.knob.min.js\"></script>
  3335. <script>
  3336.     // open and close qr code
  3337.     document.getElementById('qr-code-button').addEventListener('click', function () {
  3338.         // showing qr card
  3339.         document.getElementById('qr-code-container').style.display = 'block';
  3340.         // hide form
  3341.         document.getElementById('employee-form-wrapper').style.display = 'none';
  3342.     })
  3344.     document.getElementById('cl-qr-card').addEventListener('click', function () {
  3345.         // hide qr card
  3346.         document.getElementById('qr-code-container').style.display = 'none';
  3347.         // showing the form again
  3348.         document.getElementById('employee-form-wrapper').style.display = 'block';
  3349.     })
  3351.     var selectEntityModal = {};
  3352.     var currentTabSelectEntityModal = 0;
  3353.     var accessList = [];
  3355.     {% if app.session.get('userAccessList','') !='' %}
  3356.     accessList ={{ app.session.get('userAccessList','')|json_encode|raw() }}
  3357.             {% endif %}
  3359.         function getUserCompanyList(userGetType) {
  3360.             userGetType = userGetType || '_LOCAL_';
  3361.             var pika_ind_id = \"_NA_\";
  3362.             \$('#selectEntityModal .cg_holder').empty();
  3363.             var userTypeTextObject = {
  3364.                 1: 'Admin',
  3365.                 2: 'User',
  3366.                 3: 'Vendor',
  3367.                 4: 'Customer',
  3368.                 5: 'Management User',
  3369.                 6: 'Group Owner',
  3370.                 7: 'GLobal User',
  3371.                 8: 'Applicant',
  3372.                 9: 'Collaborator',
  3373.             }
  3375.             var placeholderCount=6;
  3377.             if (userGetType === '_LOCAL_') {
  3378.                 \$.ajax({
  3379.                     url: BaseURL + \"get_users_by_query?queryStr=\" + \$('#tempUsername').val(),
  3380.                     type: 'POST',
  3381.                     dataType: 'json',
  3382.                     data: {},
  3383.                     error: function () {
  3384.                         // callback();
  3385.                     },
  3386.                     success: function (res) {
  3388.                         if (res.success === true) {
  3390.                             if (res.data.length === 1) {
  3391.                                 var dt = res.data[0];
  3392.                                 \$('#gocId').val(dt['gocId']);
  3393.                                 \$('#username').val(dt['loginUserName']);
  3394.                                 \$('#loginform').submit();
  3395.                             } else {
  3397.                                 for (var jj = 0; jj < res.data.length; jj++) {
  3398.                                     var dt = res.data[jj];
  3401.                                     var ggStr = ' <div class=\"box-selector cg_selector cg_' + dt['appId'] + '\" style=\"cursor:pointer;\"' + ' col-md-12 col-sm-12\"' +
  3402.                                         ' data-id=\"' + dt['gocId'] + '\"' +
  3403.                                         ' data-goc-id=\"' + dt['gocId'] + '\"' +
  3404.                                         ' data-user-name=\"' + dt['loginUserName'] + '\"' +
  3405.                                         ' data-gen-class=\"cg_selector\">' +
  3406.                                         '<div class=\"inside\" style=\"display: flex;\">' +
  3407.                                         '<div class=\"img\" style=\"' +
  3408.                                         \"background:url('\" + dt['companyLogoUrl'] + \"');\" +
  3409.                                         'height: 50px;width: 40%;background-position: left;background-size: contain;background-repeat: no-repeat;display: inline-block;\">' +
  3410.                                         '</div>' +
  3411.                                         '<h6 class=\"title\" style=\"height: 2rem; width: 60%;text-align: left;\">' + dt['companyName'] +
  3412.                                         ' <p class=\"sub-title\">' + userTypeTextObject[dt['userType']] + '</p></h6>' +
  3413.                                         '</div>' +
  3414.                                         '</div>';
  3416.                                     \$('#selectEntityModal .cg_holder').append(ggStr);
  3417.                                 }
  3418.                                 \$('#selectEntityModal').modal('show');
  3419.                             }
  3420.                         }
  3421.                     }
  3422.                 });
  3423.             }
  3425.             if (userGetType == '_CENTRAL_') {
  3426.                 {
  3427.                     for (var jj = 0; jj < accessList.length; jj++) {
  3428.                         var dt = accessList[jj];
  3430.                         var ggStr = ' <div class=\"swiper-slide cg_selector cg_' + dt['appId'] + '\" style=\"cursor:pointer;\"' +
  3431.                             ' data-id=\"' + dt['appId'] + '\"' +
  3432.                             ' data-app-id=\"' + dt['appId'] + '\"' +
  3433.                             ' data-goc-id=\"0\"' +
  3434.                             // ' data-user-name=\"' + dt['loginUserName'] + '\" ' +
  3435.                             ' data-gen-class=\"cg_selector\" ' +
  3436.                             ' data-auth-str=\"' + dt['authenticationStr'] + '\" ' +
  3437.                             ' data-server-url=\"' + dt['serverUrl'] + '\" ' +
  3438.                             ' data-cs-token=\"{{ app.session.get('csToken','') }}\" ' +
  3439.                             '>' +
  3440.                             ' <div class=\"card\">' +
  3441.                             // round circle
  3442.                             //'<input type=\"checkbox\" id=\"check\">' +
  3443.                             '<img src=\"{{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}' + dt['companyLogoUrl'] + '\" alt=\" Logo\">' +
  3444.                             '<h2>' + dt['companyName'] + '</h2>' +
  3445.                             ' <div class=\"role\">' + userTypeTextObject[dt['userType']] + '</div>' +
  3446.                             // '<p>Lorem ipsum dolor sit amet ect tur. Blandit donec tortor et et quisq. Lorem ipsum dolor sit amet ect tur. Blandit donec tortor et et quisq. Lorem ipsum ...</p> ' +
  3447.                             // '<a href=\"#\"><i class='bx bx-user-plus'></i>Add Employee</a> ' +
  3448.                             '</div> ' +
  3449.                             '</div>'
  3451.                         \$('.swiper-wrapper').append(ggStr);
  3452.                         placeholderCount--;
  3453.                     }
  3455.                 }
  3457.                 for (var jj = 0; jj < placeholderCount; jj++) {
  3458.                     var dt = accessList[jj];
  3460.                     var ggStr = ' <div class=\"swiper-slide  cg_skip cg_0\" style=\"cursor:pointer;\"' +
  3461.                         ' data-id=\"0' +
  3462.                         ' data-app-id=\"0\"' +
  3463.                         ' data-goc-id=\"0\"' +
  3464.                         // ' data-user-name=\"' + dt['loginUserName'] + '\" ' +
  3465.                         ' data-gen-class=\"cg_selector\" ' +
  3466.                         ' data-auth-str=\"\" ' +
  3467.                         ' data-server-url=\"\" ' +
  3468.                         ' data-cs-token=\"\" ' +
  3469.                         '>' +
  3470.                         ' <div class=\"card\">' +
  3471.                         // round circle
  3472.                         //'<input type=\"checkbox\" id=\"check\">' +
  3473.                         '<img src=\"{{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}/images/company_2.png\" alt=\" Logo\">' +
  3474.                         '<h2><i class=\"fa fa-plus\"></i>Add a Company</h2>' +
  3475.                         ' <div class=\"role\">Add or join a company</div>' +
  3477.                         '</div> ' +
  3478.                         '</div>'
  3480.                     \$('.swiper-wrapper').append(ggStr);
  3482.                 }
  3485.                 // swipper issue solved for company clicking issue
  3486.                 // var mySwiper = new Swiper('.swiper-container', {
  3487.                 //     loop: true,
  3488.                 //     speed: 400,
  3489.                 //     effect: \"coverflow\",
  3490.                 //     centeredSlides: true,
  3491.                 //     slidesPerView: 3,
  3492.                 //     mousewheel: true,
  3493.                 //     allowTouchMove: false, // drag/swipe disabled
  3494.                 //     coverflowEffect: {
  3495.                 //         rotate: 0,
  3496.                 //         stretch: 20,
  3497.                 //         depth: 200,
  3498.                 //         modifier: 2,
  3499.                 //         slideShadows: false,
  3500.                 //     },
  3501.                 //     pagination: {
  3502.                 //         el: \".swiper-pagination\",
  3503.                 //         clickable: true,
  3504.                 //     },
  3505.                 //     navigation: {
  3506.                 //         nextEl: \".swiper-button-next\",
  3507.                 //         prevEl: \".swiper-button-prev\",
  3508.                 //     },
  3509.                 // });
  3512.                 var role_company_page = new Swiper(\".role-company-page .content .swiper-container\",
  3513.                     {
  3514.                         loop: true,
  3515.                         speed: 400,
  3516.                         effect: \"coverflow\",
  3517.                         centeredSlides: true,
  3518.                         slidesPerView: 1,
  3519.                         mousewheel: true,
  3520.                         grabCursor: true,
  3521.                         coverflowEffect: {
  3522.                             rotate: 0,
  3523.                             stretch: 20,
  3524.                             depth: 200,
  3525.                             modifier: 2,
  3526.                             slideShadows: false,
  3527.                         },
  3528.                         breakpoints: {
  3529.                             640:  { slidesPerView: 2 },
  3530.                             1024: { slidesPerView: 3 },
  3531.                         },
  3532.                         pagination: {
  3533.                             el: \".swiper-pagination\",
  3534.                             clickable: true,
  3535.                         },
  3536.                         navigation: {
  3537.                             nextEl: \".swiper-button-next\",
  3538.                             prevEl: \".swiper-button-prev\",
  3539.                         },
  3540.                     }
  3541.                 );
  3542.                 // var role_company_page = new Swiper(\".role-company-page .content .swiper-container\",
  3543.                 //     {
  3545.                 //         loop: true,
  3546.                 //         speed: 400,
  3547.                 //         effect: \"coverflow\",
  3548.                 //         centeredSlides: true,
  3549.                 //         slidesPerView: 3,
  3550.                 //         mousewheel: true,
  3551.                 //         grabCursor: true,
  3552.                 //         coverflowEffect: {
  3553.                 //             rotate: 0,
  3554.                 //             stretch: 20,
  3555.                 //             depth: 200,
  3556.                 //             modifier: 2,
  3557.                 //             slideShadows: false,
  3558.                 //         },
  3559.                 //
  3560.                 //         pagination: {
  3561.                 //             el: \".swiper-pagination\",
  3562.                 //             clickable: true,
  3563.                 //
  3564.                 //         },
  3565.                 //         navigation: {
  3566.                 //             nextEl: \".swiper-button-next\",
  3567.                 //             prevEl: \".swiper-button-prev\",
  3568.                 //         },
  3569.                 //
  3570.                 //     }
  3571.                 // );
  3573.                 // var mySwiper=role_company_page;
  3575.                 // Stable click for center slide
  3576.                 // document.querySelector('.swiper-container').addEventListener('click', function () {
  3577.                 //     var activeSlide = mySwiper.slides[mySwiper.activeIndex];
  3578.                 //     var serverUrl = activeSlide.getAttribute('data-server-url');
  3579.                 //     var authStr = activeSlide.getAttribute('data-auth-str');
  3580.                 //     var appId = activeSlide.getAttribute('data-app-id');
  3581.                 //     var csToken = activeSlide.getAttribute('data-cs-token');
  3582.                 //
  3583.                 //     if (serverUrl) {
  3584.                 //         window.location.href =
  3585.                 //             serverUrl +
  3586.                 //             '?authStr=' + authStr +
  3587.                 //             '&appId=' + appId +
  3588.                 //             '&csToken=' + csToken;
  3589.                 //     }
  3590.                 // });
  3593.             }
  3595.         }
  3597.     jQuery(document).ready(function () {
  3598.         getUserCompanyList('_CENTRAL_')
  3600.         \$(document).on('click', '.box-selector', function () {
  3602.             \$('.' + \$(this).data('genClass')).removeClass('active')
  3603.             \$(this).addClass('active')
  3605.         });
  3607.         \$(document).on('click', '.cg_selector', function () {
  3608.             if (typeof \$(this).data('authStr') !== 'undefined') {
  3609.                 let serverUrl = \$(this).data('serverUrl').replace(/\\/\$/, ''); // avoid trailing slash
  3610.                 window.location.href = serverUrl + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  3611.                 //previous line  window.location.href = \$(this).data('serverUrl') + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  3612.             } else {
  3613.                 \$('#gocId').val(\$(this).data('gocId'));
  3614.                 \$('#username').val(\$(this).data('userName'));
  3615.                 \$('#loginform').submit();
  3616.             }
  3617.         });
  3618.         \$(document).on('click', '.cg_skip', function () {
  3621.             window.location.href = '{{ url('create_company') }}';
  3622.             //previous line  window.location.href = \$(this).data('serverUrl') + '/switch_app?spd=' + \$(this).data('authStr') + '&csToken=' + \$(this).data('csToken');
  3624.         });
  3625.         // \$(document).on('click', '.applicant_action_selector', function () {
  3626.         //     window.location.href = \$(this).data('url')
  3627.         // });
  3628.     });
  3629. </script>
  3631. ", "@Application/pages/dashboard/index_central_landing.html.twig", "/home/u405565514/domains/ourhoneybee.eu/public_html/honeybee_main/src/ApplicationBundle/Resources/views/pages/dashboard/index_central_landing.html.twig");
  3632.     }
  3633. }