<?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">
                <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">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-building-fill"><svg><use xlink:href="#ss-icon-building-fill"></use></svg></i></span>
                                                <i class="ss-icon-star text-yellow me-3"><svg><use xlink:href="#ss-icon-star"></use></svg></i>
                                                <span class="dropdown-item-text">EDA Inc</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 active">
                                                <span class="ss-badge-icon sm bg-blue">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 bg-white">
                <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="ss-bp-filter-row">
                            <div class="ss-bp-filter-left">
                                <div class="form-group mb-0">
                                    <span class="form-control-wrapper with-icon-left">
                                        <input type="search" value="" name="project-search" class="form-control" placeholder="Search Projects">
                                        <i class="ss-icon-search"><svg><use xlink:href="#ss-icon-search"></use></svg></i>
                                    </span>
                                </div>
                            </div>
                            <div class="ss-bp-filter-right align-items-center">
                                <div class="ss-dropdown dropdown js-multi-select">
                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Selected" data-placeholder="All Project Types">
                                        <span class="ss-dropdown-toggle-txt">All Project Types</span>
                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end mw-25rem">
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Basic Survey</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Enterprise Surveys</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Culture 20/20</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">360-Degree Survey</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">ROI Survey</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Reference Check</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Team Effectivnesss</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Daily Question</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ss-dropdown dropdown js-single-select">
                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                        <span class="ss-dropdown-toggle-txt">Recent</span>
                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio active">
                                                <span class="ss-dropdown-radio-ui"><i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i></span>
                                                <span class="dropdown-item-text">Recent</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio">
                                                <span class="ss-dropdown-radio-ui"><i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i></span>
                                                <span class="dropdown-item-text">Last Month</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio">
                                                <span class="ss-dropdown-radio-ui"><i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i></span>
                                                <span class="dropdown-item-text">Last 3 Month</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio">
                                                <span class="ss-dropdown-radio-ui"><i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i></span>
                                                <span class="dropdown-item-text">Last 6 Month</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-radio">
                                                <span class="ss-dropdown-radio-ui"><i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i></span>
                                                <span class="dropdown-item-text">Last Year</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ss-dropdown dropdown js-multi-select">
                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Selected" data-placeholder="All">
                                        <span>Status:&nbsp;</span>
                                        <span class="ss-dropdown-toggle-txt">All</span>
                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Open</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Closed</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                <span class="dropdown-item-text">Draft</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ss-bp-lg-g">
                                    <a href="project-list-view.php" class="ss-bp-lg-link active" aria-label="List View">
                                        <i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i>
                                    </a>
                                    <a href="project-grid-view.php" class="ss-bp-lg-link" aria-label="Grid View">
                                        <i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- Start [ Projects :: Show If there are active project ] -->
                        <div class="ss-bp-project-data theme-b mb-5">
                            <div class="ss-bp-lv-pd">
                                <div class="ss-bp-lv-pd-col one">
                                    <div class="ss-bp-project-dleft">
                                        <strong>25</strong>
                                        <small>All Projects</small>
                                    </div>
                                </div>
                                <div class="ss-bp-lv-pd-col two">
                                    <div class="progress-row mb-0">
                                        <div class="d-flex">
                                            <div class="flex-shrink-0">
                                                <span class="progress-lable-top mb-0">86%</span>
                                            </div>
                                            <div class="w-1 flex-grow-1 ps-4 mt-2">
                                                <div class="progress">
                                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 86%" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                                <span class="progress-lable-bottom"> Total Response Rate</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-bp-lv-pd-col three">
                                    <div class="progress-row mb-0">
                                        <div class="d-flex">
                                            <div class="flex-shrink-0">
                                                <span class="progress-lable-top">35%</span>
                                            </div>
                                            <div class="w-1 flex-grow-1 ps-4 mt-2">
                                                <div class="progress">
                                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                                <span class="progress-lable-bottom"> Active Surveys</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-bp-lv-pd-col four text-end">
                                    <a href="#" class="text-decoration-none">View Dashboard</a>
                                </div>
                            </div>
                        </div>
                        <div class="ss-bp-project-data theme-c mb-5">
                            <table class="ss-table-al theme-c table-layout-fixed">
                                <thead>
                                    <tr>
                                        <th class="text-uppercase" style="width: 33%;">
                                            <a class="d-inline-flex align-items-center">
                                                <span class="d-block">Project Title</span>
                                                <i class="ss-icon-sort ms-3"><svg><use xlink:href="#ss-icon-sort"></use></svg></i>
                                            </a>
                                        </th>
                                        <th class="text-uppercase" style="width: 20%;">
                                            <a class="d-inline-flex align-items-center">
                                                <span class="d-block">Project Details</span>
                                                <i class="ss-icon-sort ms-3"><svg><use xlink:href="#ss-icon-sort"></use></svg></i>
                                            </a>
                                        </th>
                                        <th class="text-uppercase text-end" style="width: 14%;">
                                            <a class="d-inline-flex align-items-center">
                                                <span class="d-block">Company</span>
                                                <i class="ss-icon-sort ms-3"><svg><use xlink:href="#ss-icon-sort"></use></svg></i>
                                            </a>
                                        </th>
                                        <th class="text-uppercase text-end" style="width: 14%;">
                                            <a class="d-inline-flex align-items-center">
                                                <span class="d-block">Close Date</span>
                                                <i class="ss-icon-sort ms-3"><svg><use xlink:href="#ss-icon-sort"></use></svg></i>
                                            </a>
                                        </th>
                                        <th class="text-uppercase text-end" style="width: 14%;">
                                            <a class="d-inline-flex align-items-center">
                                                <span class="d-block">Status</span>
                                                <i class="ss-icon-sort ms-3"><svg><use xlink:href="#ss-icon-sort"></use></svg></i>
                                            </a>
                                        </th>
                                        <th style="width: 5%;">&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">Enterprise Survey Title</h4>
                                            <span class="ss-badge bg-blue m-0">
                                                <span class="ss-badge-txt fw-normal">Enterprise Survey</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-success">OPEN</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">John Stamos LES III</h4>
                                            <span class="ss-badge bg-mass-360 m-0">
                                                <span class="ss-badge-txt fw-normal">Mass 360-Degree</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-success">OPEN</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="6" class="bg-transparent p-0">
                                            <a role="button" aria-label="Expand" class="btn btn-light d-flex justify-content-center rounded-0 ss-bp-clps-btn">
                                                <i class="ss-icon-chevron-down-b"><svg><use xlink:href="#ss-icon-chevron-down-b"></use></svg></i>
                                            </a>
                                            <div class="ss-bp-clps">
                                                <table class="ss-table-al theme-c">
                                                    <tbody>
                                                        <tr>
                                                            <td style="width: 33%;">
                                                                <h4 class="h4 mb-2 text-ellipsis mxw-30rem">John Stamos LES III</h4>
                                                                <span class="ss-bp-clps-sep"></span>
                                                                <span class="ss-badge bg-orange-light m-0">
                                                                    <span class="ss-badge-txt fw-normal">360-Degree</span>
                                                                </span>
                                                            </td>
                                                            <td style="width: 20%;">
                                                                <span class="ss-tag m-0">
                                                                    <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                    <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                                                </span>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Coca-Cola</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Close: 8/11/2021</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">
                                                                    <strong class="text-uppercase text-success">OPEN</strong>
                                                                </div>
                                                            </td>
                                                            <td class="text-end" style="width: 5%;">
                                                                <div class="ss-dropdown dropdown">
                                                                    <button type="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="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">View Project</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Archive</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Delete</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="width: 33%;">
                                                                <h4 class="h4 mb-2 text-ellipsis mxw-30rem">John Stamos LES III</h4>
                                                                <span class="ss-bp-clps-sep"></span>
                                                                <span class="ss-badge bg-orange-light m-0">
                                                                    <span class="ss-badge-txt fw-normal">360-Degree</span>
                                                                </span>
                                                            </td>
                                                            <td style="width: 20%;">
                                                                <span class="ss-tag m-0">
                                                                    <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                    <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                                                </span>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Coca-Cola</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Close: 8/11/2021</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">
                                                                    <strong class="text-uppercase text-success">OPEN</strong>
                                                                </div>
                                                            </td>
                                                            <td class="text-end" style="width: 5%;">
                                                                <div class="ss-dropdown dropdown">
                                                                    <button type="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="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">View Project</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Archive</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Delete</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="width: 33%;">
                                                                <h4 class="h4 mb-2 text-ellipsis mxw-30rem">John Stamos LES III</h4>
                                                                <span class="ss-bp-clps-sep"></span>
                                                                <span class="ss-badge bg-orange-light m-0">
                                                                    <span class="ss-badge-txt fw-normal">360-Degree</span>
                                                                </span>
                                                            </td>
                                                            <td style="width: 20%;">
                                                                <span class="ss-tag m-0">
                                                                    <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                    <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                                                </span>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Coca-Cola</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">Close: 8/11/2021</div>
                                                            </td>
                                                            <td class="text-end" style="width: 14%;">
                                                                <div class="p2">
                                                                    <strong class="text-uppercase text-success">OPEN</strong>
                                                                </div>
                                                            </td>
                                                            <td class="text-end" style="width: 5%;">
                                                                <div class="ss-dropdown dropdown">
                                                                    <button type="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="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">View Project</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Archive</span>
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a href="javascript:;" class="dropdown-item">
                                                                                <span class="dropdown-item-text">Delete</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">ROI Assessment Survey Title</h4>
                                            <span class="ss-badge bg-pink-purple m-0">
                                                <span class="ss-badge-txt fw-normal">ROI Assessment</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-body">CLOSED</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">Culture 20/20 Survey Title</h4>
                                            <span class="ss-badge bg-hot-pink m-0">
                                                <span class="ss-badge-txt fw-normal">Culture 20/20</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <div class="d-flex align-items-center">
                                                <div class="flex-shrink-0">
                                                    <span class="d-block p0">35%</span>
                                                </div>
                                                <div class="w-1 flex-grow-1 ps-4">
                                                    <div class="progress">
                                                        <div class="progress-bar bg-black" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-success">OPEN</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">Basic Survey Title</h4>
                                            <span class="ss-badge bg-secondary m-0">
                                                <span class="ss-badge-txt fw-normal">Basic Survey</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <div class="d-flex align-items-center">
                                                <div class="flex-shrink-0">
                                                    <span class="d-block p0">35%</span>
                                                </div>
                                                <div class="w-1 flex-grow-1 ps-4">
                                                    <div class="progress">
                                                        <div class="progress-bar bg-black" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-success">OPEN</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">T.E.A.M Effectiveness Survey Title</h4>
                                            <span class="ss-badge bg-purple m-0">
                                                <span class="ss-badge-txt fw-normal">T.E.A.M Effectiveness</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <div class="p2 text-gray-inactive fst-italic">Not Setup Yet</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-success">OPEN</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">360-Degree Survey Title</h4>
                                            <span class="ss-badge bg-orange-light m-0">
                                                <span class="ss-badge-txt fw-normal">360-Degree</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-body">CLOSED</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">John Stamos LES III</h4>
                                            <span class="ss-badge bg-mass-360 m-0">
                                                <span class="ss-badge-txt fw-normal">Mass 360-Degree</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-yellow">Draft</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 33%;">
                                            <h4 class="h4 mb-2 text-ellipsis mxw-30rem">Reference Check Survey Title</h4>
                                            <span class="ss-badge bg-sea-green m-0">
                                                <span class="ss-badge-txt fw-normal">Reference Check</span>
                                            </span>
                                        </td>
                                        <td style="width: 20%;">
                                            <span class="ss-tag m-0">
                                                <i class="ss-icon-circle-fill text-success"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                <span class="ss-tag-txt">Trey Pimlery (3/3)</span>
                                            </span>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Coca-Cola</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">Close: 8/11/2021</div>
                                        </td>
                                        <td class="text-end" style="width: 14%;">
                                            <div class="p2">
                                                <strong class="text-uppercase text-yellow">Draft</strong>
                                            </div>
                                        </td>
                                        <td class="text-end" style="width: 5%;">
                                            <div class="ss-dropdown dropdown">
                                                <button type="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="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">View Project</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Archive</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item">
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- End   [ Projects :: Show If there are active project ] -->

                        <!-- Start [ Projects :: Show If there are no active project ] -->
                        <?php /* ?>
                        <div class="mb-5">
                            <div class="ss-bp-project-data theme-b">
                                <div class="ss-bp-lv-pd">
                                    <div class="ss-bp-lv-pd-col one">
                                        <div class="ss-bp-project-dleft">
                                            <strong>0</strong>
                                            <small>All Projects</small>
                                        </div>
                                    </div>
                                    <div class="ss-bp-lv-pd-col two">
                                        <div class="progress-row mb-0">
                                            <div class="d-flex">
                                                <div class="flex-shrink-0">
                                                    <span class="progress-lable-top">0%</span>
                                                </div>
                                                <div class="w-1 flex-grow-1 ps-4 mt-2">
                                                    <div class="progress">
                                                        <div class="progress-bar bg-danger" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                    <span class="progress-lable-bottom"> Total Response Rate</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ss-bp-lv-pd-col three">
                                        <div class="progress-row mb-0">
                                            <div class="d-flex">
                                                <div class="flex-shrink-0">
                                                    <span class="progress-lable-top">0%</span>
                                                </div>
                                                <div class="w-1 flex-grow-1 ps-4 mt-2">
                                                    <div class="progress">
                                                        <div class="progress-bar bg-danger" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                    <span class="progress-lable-bottom"> Active Surveys</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ss-bp-lv-pd-col four text-end">
                                        <a href="#" class="text-decoration-none">View Dashboard</a>
                                    </div>
                                </div>
                            </div>
                            <div class="mt-5">
                                <div class="ss-cc-block">
                                    <h2 class="h2 fw-bold">It’s a Bit Empty In Here</h2>
                                    <div class="ss-cc-desc p1">
                                        <p>To create your first project, simply click the “Start New Project” button and select the type of survey you want to build. </p>
                                    </div>
                                    <div class="ss-cc-btns">
                                        <a href="#" class="btn btn-secondary with-icon">
                                            <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                            <span>Start New Project</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php */ ?>
                        <!-- End   [ Projects :: Show If there are no active project ] -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php require_once "footer.php";?>
