<?php require_once "head.php";?>

<?php require_once "header.php";?>

<main class="layout bg-white">
    <div class="ss-section">
        <div class="ss-section-inner ss-um with-padding">
            <div class="ss-um-head bg-gray-15">
                <div class="ss-um-container">
                    <div class="ss-bp-head">
                        <div class="ss-bp-head-left d-flex align-items-center">
                            <h1 class="h1">Projects</h1>
                            <div class="ss-dropdown dropdown js-single-select-withicon ms-5">
                                <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline theme-b" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-badge-icon sm bg-danger">Ma</span>
                                    <span class="ss-dropdown-toggle-txt">Marketing Team</span>
                                    <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-start">
                                    <ul class="search-overflow-scroll">
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active">
                                                <span class="ss-badge-icon sm bg-danger">Ma</span>
                                                <span class="dropdown-item-text">Marketing Team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-secondary">Le</span>
                                                <span class="dropdown-item-text">Leadership Group</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-yellow">De</span>
                                                <span class="dropdown-item-text">Design team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-dark">HR</span>
                                                <span class="dropdown-item-text">HR team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="ss-bp-head-right">
                            <a class="btn btn-primary">Start New Project</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ss-um-body">
                <div class="ss-um-container">
                    <div class="ss-bp-body">
                        <ul class="nav ss-um-nav">
                            <li class="nav-item" role="presentation">
                                <a href="project-view.php" class="nav-link text-uppercase active">Projects</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="project-archived.php" class="nav-link text-uppercase">Archived</a>
                            </li>
                        </ul>
                        <div class="tab-content">

                            <!-- Start [ Project view Tab ] -->
                            <div class="tab-pane fade show active">

                                <div class="ss-pro-body">

                                    <ul class="ss-breadcrumb p2 mb-5">
                                        <li>
                                            <a href="audience-standard-list.php">Proejcts</a>
                                        </li>
                                        <li>
                                            <i class="ss-icon-chevron-right"><svg><use xlink:href="#ss-icon-chevron-right"></use></svg></i>
                                        </li>
                                        <li>
                                            <span>Title of the Project</span>
                                        </li>
                                    </ul>
                                    
                                    <div class="ss-pro-h">
                                        <div class="ss-pro-h-l">
                                            <h2 class="h2 m-0">Title of the Project</h2>
                                        </div>
                                        <div class="ss-pro-h-r">
                                            <a class="btn btn-light">Edit Project</a>
                                            <a class="btn btn-light">Results</a>
                                            <a class="btn btn-light">Preview</a>
                                        </div>
                                    </div>

                                    <div class="ss-pro-box-grid-w">
                                        <div class="ss-pro-box-grid">
                                            <div class="ss-pro-box-col">
                                                <div class="ss-pro-box bg-primary">
                                                    <div class="ss-pro-type">
                                                        <div class="ss-pro-type-l">
                                                            <span class="lazy-loader">
                                                                <img class="lazyload" src="images/blank.gif" data-original="images/HR&LD-Survey.jpg" alt="Enterprise Survey">
                                                            </span>
                                                        </div>
                                                        <div class="ss-pro-type-r">
                                                            <h3 class="h3">Enterprise Survey</h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-pro-box-col">
                                                <div class="ss-pro-box text-center">
                                                    <div class="p2">Questions</div>
                                                    <strong>21</strong>
                                                </div>
                                            </div>
                                            <div class="ss-pro-box-col">
                                                <div class="ss-pro-box text-center">
                                                    <div class="p2">Completion Rate</div>
                                                    <strong>45%</strong>
                                                </div>
                                            </div>
                                            <div class="ss-pro-box-col">
                                                <div class="ss-pro-box text-center">
                                                    <div class="p2">Survey Status</div>
                                                    <strong class="text-green">Open</strong>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="ss-pro-grid-w">
                                        <div class="ss-pro-grid">
                                            <div class="ss-pro-l">
                                                <div class="ss-pro-period">
                                                    <div class="ss-pro-period-row">
                                                        <div class="p2"><strong>Coca-Cola Company</strong></div>
                                                    </div>
                                                    <div class="ss-pro-period-row">
                                                        <div class="p2">Send Date: 12/14/2021</div>
                                                    </div>
                                                    <div class="ss-pro-period-row">
                                                        <div class="p2">Close Date: Undefined</div>
                                                        
                                                    </div>
                                                </div>
                                                <div class="ss-pro-mrkt-box">
                                                    <span class="ss-pro-mrkt-img">
                                                        <span class="lazy-loader static justify-content-end">
                                                            <img class="lazyload" src="images/blank.gif" data-original="images/solutions-exec-dev-banner.png" alt="Succession Planning with Value Impact">
                                                        </span>
                                                    </span>
                                                    <div class="ss-cc-block">
                                                        <h3 class="h3">Succession Planning with Value Impact</h3>
                                                        <div class="ss-cc-desc p2">
                                                            <p>Succession planning is crucial to building a robust bench of prepared talent across the entire organization. Our team will help wade  you through this process and prepare you for the future. </p>
                                                        </div>
                                                        <div class="ss-cc-btns ms-0 me-0 mb-0 justify-content-center">
                                                            <a class="btn btn-light btn-block m-0">Get Started Now</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-pro-r">
                                                <div class="ss-pro-view-g">
                                                    <div class="ss-pro-view-h">
                                                        <div class="ss-pro-view-h-l">
                                                            <h4 class="h4 mb-0">Send Methods</h4>
                                                        </div>
                                                        <div class="ss-pro-view-h-r">
                                                            <a href="#" class="ss-pro-sm-edit text-decoration-none">Edit Send Methods</a>
                                                        </div>
                                                    </div>

                                                    <div class="ss-pro-view-box">
                                                        <table class="ss-table-al without-hover">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="width: 42px;">
                                                                        <span class="ss-badge-icon sea-green">
                                                                            <i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>
                                                                        </span>
                                                                    </td>
                                                                    <td>
                                                                        <h4 class="h4 m-0">Email/Text Distribution</h4>
                                                                    </td>
                                                                    <td class="text-end ws-nowrap">61 Responses</td>
                                                                    <td class="text-end ws-nowrap">
                                                                        <a href="#" class="text-decoration-none">Edit In Send</a>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <table class="ss-table-al without-hover">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="width: 42px;">
                                                                        <span class="ss-badge-icon bg-orange">
                                                                            <i class="ss-icon-comments-alt"><svg><use xlink:href="#ss-icon-comments-alt"></use></svg></i>
                                                                        </span>
                                                                    </td>
                                                                    <td style="width: 150px;">
                                                                        <h4 class="h4 m-0">Social Media Link</h4>
                                                                    </td>
                                                                    <td>
                                                                        <div class="ss-modal-send-ctc">
                                                                            <div class="form-group">
                                                                                <span class="form-control-wrapper theme-b">
                                                                                    <input type="text" value="https://survey.surveysaurus.com/surveytitle_abcdefgh" name="social_media_url" class="form-control" disabled id="copy-to-clip-prosmlink">
                                                                                </span>
                                                                            </div>
                                                                            <a class="btn btn-dark" onclick="copyToClipboard(this, 'copy-to-clip-prosmlink')" data-btntext="Copy Link">Copy Link</a>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>

                                                </div>

                                                <div class="ss-pro-view-g">
                                                    <div class="ss-pro-view-h">
                                                        <div class="ss-pro-view-h-l">
                                                            <h4 class="h4 mb-0">Survey Comments</h4>
                                                        </div>
                                                    </div>
                                                    <div class="ss-pro-view-box">
                                                        <div class="ss-pro-view-sc-grid">
                                                            <div class="ss-pro-view-sc-col lg">
                                                                <div class="p2">Total Comments</div>
                                                                <strong>315</strong>
                                                            </div>
                                                            <div class="ss-pro-view-sc-col lg">
                                                                <div class="ss-pro-view-sc-btn">
                                                                    <a href="#ss-result-mc-modal" data-bs-toggle="modal" class="btn btn-dark">Moderate Comments</a>
                                                                </div>
                                                                <div class="ss-pro-view-sc-rep">
                                                                    <div class="ss-pro-view-sc-rep-col">
                                                                        <strong>12</strong>
                                                                        <span class="p2">Hidden on Report</span>
                                                                    </div>
                                                                    <div class="ss-pro-view-sc-rep-col">
                                                                        <strong>303</strong>
                                                                        <span class="p2">Visible on Report</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="ss-pro-view-g">
                                                    <div class="ss-send-sm-h">
                                                        <div class="ss-send-sm-h-l">
                                                            <h4 class="h4 m-0">Survey Tracking</h4>
                                                        </div>
                                                        <div class="ss-send-sm-h-r">
                                                            <div class="ss-dropdown dropdown js-single-select">
                                                                <button type="button" class="btn btn-primary with-icon-sep" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <span class="ss-dropdown-toggle-txt">Period 1</span>
                                                                    <i class="ss-icon-caret-down"><svg><use xlink:href="#ss-icon-caret-down"></use></svg></i>
                                                                </button>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <ul class="search-overflow-scroll">
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-date active">
                                                                                <span class="dropdown-item-text">Period 1</span>
                                                                                <span class="dropdown-item-date">2/3/2021</span>
                                                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                                                <span class="dropdown-item-date">5/3/2021</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-date">
                                                                                <span class="dropdown-item-text">Period 2</span>
                                                                                <span class="dropdown-item-date">2/3/2021</span>
                                                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                                                <span class="dropdown-item-date">5/3/2021</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-date">
                                                                                <span class="dropdown-item-text">Period 3</span>
                                                                                <span class="dropdown-item-date">2/3/2021</span>
                                                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                                                <span class="dropdown-item-date">5/3/2021</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-date">
                                                                                <span class="dropdown-item-text">Period 4</span>
                                                                                <span class="dropdown-item-date">2/3/2021</span>
                                                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                                                <span class="dropdown-item-date">5/3/2021</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item ss-dpitem-date">
                                                                                <span class="dropdown-item-text">Period 5</span>
                                                                                <span class="dropdown-item-date">2/3/2021</span>
                                                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                                                <span class="dropdown-item-date">5/3/2021</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                    <a class="ss-dropdown-flink text-uppercase" href="#ss-send-mp-modal" data-bs-toggle="modal">MANAGE PERIODS</a>
                                                                </div>
                                                            </div>
                                                            <a class="btn btn-secondary">Mass Reminder</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-pro-view-box pd-20">
                                                        <div class="ss-send-tr-grid m-0">
                                                            <div class="ss-send-tr-r">
                                                                <div class="ss-send-tr-r-h">
                                                                    <!-- <h3 class="h4">Marketing List</h3> -->
                                                                    <div class="form-group mb-0 me-4 mw-18rem">
                                                                        <span class="form-control-wrapper">
                                                                            <select name="ati_target_list" class="form-control" data-placeholder="Please Select">
                                                                                <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                                <option label="placeholder"></option>
                                                                                <option value="1">Sales List</option>
                                                                                <option value="2" selected>Marketing List</option>
                                                                                <option value="3">Internal List</option>
                                                                                <option value="3">HR List</option>
                                                                            </select>
                                                                        </span>
                                                                    </div>
                                                                    <span class="ss-tag">
                                                                        <span class="ss-tag-txt fw-600">Standard</span>
                                                                    </span>
                                                                    <div class="ss-send-tr-box-b-r">
                                                                        <strong>43</strong>
                                                                        <i class="ss-icon-users-friend-fill"><svg><use xlink:href="#ss-icon-users-friend-fill"></use></svg></i>
                                                                    </div>
                                                                    <div class="ms-auto flex-shrink-0">
                                                                        <a href="#" class="d-flex align-items-center text-decoration-none">
                                                                            <span class="p1 text-body fw-normal me-4">Add to List</span>
                                                                            <span class="ss-badge-icon light">
                                                                                <i class="ss-icon-user-plus-fill"><svg><use xlink:href="#ss-icon-user-plus-fill"></use></svg></i>
                                                                            </span>
                                                                        </a>
                                                                    </div>
                                                                </div>

                                                                <hr class="ss-aud-mng-sep">
                                                                <div class="ss-audm-actlm-uinfo">
                                                                    <div class="ss-audm-actlm-uinfo-l">
                                                                        <span class="ss-badge-icon lg bg-dark">Ji</span>
                                                                    </div>
                                                                    <div class="ss-audm-actlm-uinfo-r">
                                                                        <h3 class="h3">
                                                                            <span class="d-inline-block">Jimmy Stewart</span>
                                                                            <span class="ss-status warning p1 fw-normal ms-4">In Progress</span>
                                                                            <!-- <span class="ss-status danger p1 fw-normal ms-4">Bounced</span>
                                                                            <span class="ss-status secondary p1 fw-normal ms-4">Sent/Received</span>
                                                                            <span class="ss-status primary p1 fw-normal ms-4">In Progress</span> -->
                                                                        </h3>
                                                                        <div class="p2 d-flex fw-600">
                                                                            <span class="d-block me-5">jimmy_stewart@email.com</span>
                                                                            <!-- <span class="d-block me-5">+1 123 345 6578</span> -->
                                                                            <span class="d-block me-5">Apple, Inc.</span>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-center flex-shrink-0">
                                                                        <div class="form-group m-0 ms-4">
                                                                            <label class="ss-checkradio primary">
                                                                                <input type="checkbox" value="Y" name="is_custom">
                                                                                <span class="ss-checkradio-ui">
                                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                                </span>
                                                                                <span class="ss-checkradio-text">Custom</span>
                                                                            </label>
                                                                        </div>
                                                                        <div class="form-group mxw-15rem m-0 ms-4">
                                                                            <span class="form-control-wrapper with-icon-right with-sep-right">
                                                                                <input type="text" value="" name="mass360_date" class="form-control js-datepicker" placeholder="Select Date">
                                                                                <i class="ss-icon-calender"><svg><use xlink:href="#ss-icon-calender"></use></svg></i>
                                                                            </span>
                                                                        </div>
                                                                        <!-- <a class="btn btn-light ms-4">Edit Target</a> -->
                                                                    </div>
                                                                </div>

                                                                <div class="ss-send-tr-r-data">
                                                                    <div class="ss-send-tr-r-data-col">
                                                                        <div class="ss-send-tr-r-data-box">
                                                                            <h4 class="h4">56%</h4>
                                                                            <div class="p3">Total Response Rate</div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="ss-send-tr-r-data-col">
                                                                        <div class="ss-send-tr-r-data-box">
                                                                            <h4 class="h4">10 minutes</h4>
                                                                            <div class="p3">Avg. Completion Time</div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="ss-send-tr-r-data-col">
                                                                        <div class="ss-send-tr-r-data-box">
                                                                            <h4 class="h4">10%</h4>
                                                                            <div class="p3">Conversion Rate</div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <table class="ss-table fixed-header-scrollable">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="width: 31%;">EMAIL / PHONE NUMBER</th>
                                                                            <th style="width: 15%;">First Name</th>
                                                                            <th style="width: 15%;">Last Name</th>
                                                                            <th style="width: 12%;">Group</th>
                                                                            <th style="width: 20%;">Status</th>
                                                                            <th class="text-end" style="width: 7%;">&nbsp;</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status">Scheduled</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-mobile"><svg><use xlink:href="#ss-icon-mobile"></use></svg></i>+43 123 456 7890</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status warning">In Progress</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status secondary">Submitted</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>                                                            
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-mobile"><svg><use xlink:href="#ss-icon-mobile"></use></svg></i>+43 123 456 7890</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status danger">Bounced</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>                                                            
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status secondary">Sent/Received</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status">Scheduled</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-mobile"><svg><use xlink:href="#ss-icon-mobile"></use></svg></i>+43 123 456 7890</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status primary">In Progress</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status secondary">Submitted</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>                                                            
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-mobile"><svg><use xlink:href="#ss-icon-mobile"></use></svg></i>+43 123 456 7890</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status danger">Bounced</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>                                                            
                                                                            <td class="text-ellipsis" style="width: 31%;"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>eve@example.com</td>
                                                                            <td style="width: 15%;">Eve</td>
                                                                            <td style="width: 15%;">Doe</td>
                                                                            <td style="width: 12%;">Peer</td>
                                                                            <td style="width: 20%;"><span class="ss-status secondary">Sent/Received</span></td>
                                                                            <td class="text-end" style="width: 7%;">
                                                                                <div class="ss-dropdown dropdown">
                                                                                    <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                                        <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                                    </button>
                                                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                                                        <li>
                                                                                            <a href="#ss-participant-details-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Edit</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Resend</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="#ss-survey-password-modal" data-bs-toggle="modal" class="dropdown-item">
                                                                                                <span class="dropdown-item-text">Get Survey Password</span>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li>
                                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                                <span class="dropdown-item-text text-danger">Remove</span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="ss-pro-view-g">
                                                    <div class="ss-pro-view-h">
                                                        <div class="ss-pro-view-h-l">
                                                            <h4 class="h4 mb-0">Response Status</h4>
                                                        </div>
                                                        <div class="ss-pro-view-h-r">
                                                            <a href="#" class="ss-pro-rs-view text-decoration-none">View Results</a>
                                                        </div>
                                                    </div>

                                                    <div class="ss-pro-view-rs">

                                                        <!-- Start [ response ] -->
                                                        <div class="ss-pro-view-rs-g">
                                                            <div class="ss-pro-view-rs-h">
                                                                <h4 class="h4">Period 1</h4>
                                                                <div class="p1">1/25/2021 to 2/15/2022</div>
                                                            </div>
                                                            <div class="ss-pro-view-box">
                                                                <div class="ss-pro-view-rs-row">
                                                                    <div class="ss-pro-view-rs-c">
                                                                        <span class="ss-tag lg primary-100 m-0">
                                                                            <span class="ss-tag-txt fw-600">89%</span>
                                                                        </span>
                                                                        <div class="p2">Quiz Average</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c">
                                                                        <span class="ss-tag lg primary-100 m-0">
                                                                            <span class="ss-tag-txt fw-600">1 hr 25 min</span>
                                                                        </span>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>

                                                                    <!-- Print below div element only if there is no data to show -->
                                                                    <!-- <div class="ss-pro-view-rs-c nodata">
                                                                        <div class="p2">No Response data yet</div>
                                                                    </div> -->

                                                                </div>
                                                                <div class="ss-pro-view-rs-row">
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>61</strong>
                                                                        <div class="p2">Quiz Average</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>11</strong>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>5%</strong>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>

                                                                    <!-- Print below div element only if there is no data to show -->
                                                                    <!-- <div class="ss-pro-view-rs-c nodata">
                                                                        <div class="p2">No Response data yet</div>
                                                                    </div> -->

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End   [ response ] -->

                                                        <!-- Start [ response ] -->
                                                        <div class="ss-pro-view-rs-g">
                                                            <div class="ss-pro-view-rs-h">
                                                                <h4 class="h4">Period 2</h4>
                                                                <div class="p1">1/25/2021 to 2/15/2022</div>
                                                            </div>
                                                            <div class="ss-pro-view-box">
                                                                <div class="ss-pro-view-rs-row">
                                                                    <div class="ss-pro-view-rs-c">
                                                                        <span class="ss-tag lg primary-100 m-0">
                                                                            <span class="ss-tag-txt fw-600">89%</span>
                                                                        </span>
                                                                        <div class="p2">Quiz Average</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c">
                                                                        <span class="ss-tag lg primary-100 m-0">
                                                                            <span class="ss-tag-txt fw-600">1 hr 25 min</span>
                                                                        </span>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>

                                                                    <!-- Print below div element only if there is no data to show -->
                                                                    <!-- <div class="ss-pro-view-rs-c nodata">
                                                                        <div class="p2">No Response data yet</div>
                                                                    </div> -->

                                                                </div>
                                                                <div class="ss-pro-view-rs-row">
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>61</strong>
                                                                        <div class="p2">Quiz Average</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>11</strong>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>
                                                                    <div class="ss-pro-view-rs-c onethird">
                                                                        <strong>5%</strong>
                                                                        <div class="p2">Average Completion Time</div>
                                                                    </div>

                                                                    <!-- Print below div element only if there is no data to show -->
                                                                    <!-- <div class="ss-pro-view-rs-c nodata">
                                                                        <div class="p2">No Response data yet</div>
                                                                    </div> -->

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End   [ response ] -->

                                                    </div>

                                                    <span class="ss-pro-view-rs-sep"></span>
                                                    <div class="ss-pro-view-box">
                                                        <a class="ss-pro-view-rs-add text-decoration-none">Add Another Period</a>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                            <!-- End   [ Project view Tab ] -->
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php require_once "modal-manage-periods.php";?>
<?php require_once "modal-participant-details.php";?>
<?php require_once "modal-survey-password.php";?>
<?php require_once "modal-moderate-comments.php";?>

<?php require_once "footer.php";?>
