<?php require_once "head.php";?>

<?php require_once "header-result.php";?>

<main class="layout with-result-nav">
    <div class="ss-section ss-send">
        <div class="ss-section-inner">
            <div class="ss-send-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            
                            <!-- Start [ send head ] -->
                            <div class="row ss-send-head-row">
                                <div class="col-3 ss-send-head-l">
                                    <div class="ss-send-box">
                                        <div class="ss-send-box-h">
                                            <div class="ss-send-box-h-l">
                                                <h2 class="h5 fw-bold m-0 text-uppercase">Participant Identity</h2>
                                            </div>
                                        </div>
                                        <div class="ss-send-box-b">
                                            <div class="ss-radiogroup-row primary-btns">
                                                <label class="ss-radiogroup sm">
                                                    <input type="radio" value="VISIBLE" name="participant_identity" checked>
                                                    <span class="ss-radiogroup-text p4 fw-bold">VISIBLE</span>
                                                </label>
                                                <label class="ss-radiogroup sm">
                                                    <input type="radio" value="ANONYMOUS" name="participant_identity">
                                                    <span class="ss-radiogroup-text p4 fw-bold">ANONYMOUS</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-9 ss-send-head-r">
                                    <div class="ss-send-box">
                                        <div class="ss-send-box-h">
                                            <div class="ss-send-box-h-l">
                                                <h2 class="h5 fw-bold m-0 text-uppercase">Send Survey Link</h2>
                                            </div>
                                            <div class="ss-send-box-h-r">
                                                <label class="ss-switcher primary xsm text-on-left">
                                                    <input type="checkbox" value="Y" name="activate_lnik">
                                                    <span class="ss-switcher-ui">
                                                        <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    </span>
                                                    <span class="ss-switcher-text text-uppercase text-end fw-bold">Activate Link</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-send-box-b">
                                            <div class="ss-modal-send-ctc">
                                                <i class="ss-icon-link"><svg><use xlink:href="#ss-icon-link"></use></svg></i>
                                                <div class="form-group">
                                                    <span class="form-control-wrapper theme-b">
                                                        <input type="text" value="https://demo.edainc.io/" name="survey_url" class="form-control" disabled id="copy-to-clip-slink">
                                                    </span>
                                                </div>
                                                <a class="btn btn-dark" onclick="copyToClipboard(this, 'copy-to-clip-slink')" data-btnText="Copy Link">Copy Link</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End   [ send head ] -->

                            <!-- Start [ send progress ] -->
                            <div class="ss-send-prgs">
                                <div class="ss-send-prgs-l">
                                    <h3 class="h4">Survey Close Date:</h3>
                                    <div class="form-group">
                                        <span class="form-control-wrapper with-icon-right with-sep-right">
                                            <input type="text" value="" name="input-name" class="form-control js-datepicker" placeholder="Select Date">
                                            <i class="ss-icon-calender"><svg><use xlink:href="#ss-icon-calender"></use></svg></i>
                                        </span>
                                        <a class="btn-icon help" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip text will be added here as required"><i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></a>
                                    </div>
                                </div>
                                <div class="ss-send-prgs-r">
                                    <div class="ss-send-prgs-bar">
                                        <div class="ss-send-prgs-col">
                                            <span class="ss-checkradio primary checked">
                                                <span class="ss-checkradio-ui">
                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                </span>
                                            </span>
                                            <span class="ss-send-prgs-text">Set Close Date</span>
                                        </div>
                                        <div class="ss-send-prgs-col">
                                            <span class="ss-checkradio primary">
                                                <span class="ss-checkradio-ui">
                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                </span>
                                            </span>
                                            <span class="ss-send-prgs-text">Select Methods</span>
                                        </div>
                                        <div class="ss-send-prgs-col">
                                            <span class="ss-checkradio primary">
                                                <span class="ss-checkradio-ui">
                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                </span>
                                            </span>
                                            <span class="ss-send-prgs-text">Create Message</span>
                                        </div>
                                        <div class="ss-send-prgs-col">
                                            <span class="ss-checkradio primary">
                                                <span class="ss-checkradio-ui">
                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                </span>
                                            </span>
                                            <span class="ss-send-prgs-text">Schedule</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End   [ send progress ] -->

                            <!-- Start [ success message :: add/remove "d-none" class to hide/show it ] -->
                            <div role="alert" class="alert fade show alert-success d-flex align-items-center alert-dismissible mb-5">
                                <i class="flex-shrink-0 ss-icon-check-circle"><svg><use xlink:href="#ss-icon-check-circle"></use></svg></i>
                                <div class="text-body">Saved! Marketing List has been saved to your Audience List library</div>
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                            <!-- Start [ success message ] -->

                            <!-- Start [ send tabs ] -->
                            <div class="ss-send-tab-wrapper">
                                <div class="tab-content">

                                    <!-- Start [ send methods tab ] -->
                                    <div class="tab-pane fade  show active" id="ss-send-sm">
                                        <div class="ss-send-sm-h">
                                            <div class="ss-send-sm-h-l">
                                                <h4 class="h4 m-0">Send Methods</h4>
                                            </div>
                                            <div class="ss-send-sm-h-r js-daterange-picker">
                                                <div class="form-group">
                                                    <span class="form-control-wrapper with-icon-right with-sep-right">
                                                        <input type="text" value="" name="sm_from" class="form-control js-datepicker-from" placeholder="Select Date">
                                                        <i class="ss-icon-calender"><svg><use xlink:href="#ss-icon-calender"></use></svg></i>
                                                    </span>
                                                </div>
                                                <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                <div class="form-group">
                                                    <span class="form-control-wrapper with-icon-right with-sep-right">
                                                        <input type="text" value="" name="sm_to" class="form-control js-datepicker-to" placeholder="Select Date">
                                                        <i class="ss-icon-calender"><svg><use xlink:href="#ss-icon-calender"></use></svg></i>
                                                    </span>
                                                </div>
                                                <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">Send/Schedule</a>
                                            </div>
                                        </div>

                                        <div class="ss-send-box mb-5">
                                            <div class="ss-send-box-h">
                                                <div class="ss-send-box-h-l">
                                                    <div class="ss-badge-row">
                                                        <span class="ss-badge-icon bg-sea-green">
                                                            <i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i>
                                                        </span>
                                                        <span class="ss-badge-txt fw-bold">Email/Text Distribution</span>
                                                    </div>
                                                </div>
                                                <div class="ss-send-box-h-r">
                                                    <a class="btn btn-link btn-sm" href="#ss-send-mm-modal" data-bs-toggle="modal">Manage/Schedule Messages</a>
                                                    <a class="btn btn-light btn-sm" href="#ss-send-addsmsg-modal" data-bs-toggle="modal">Add Survey Message</a>
                                                    <div class="ss-dropdown dropdown js-single-select">
                                                        <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">Menu one</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu two</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu three</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-send-box-b">
                                                <div class="ss-send-box-b-wpd">

                                                    <!-- Start [ Audience list ] -->
                                                    <div class="ss-send-aud-list">
                                                        <div class="ss-send-aud-col">
                                                            <a class="ss-send-aud-add" href="#ss-send-aal-options-modal" data-bs-toggle="modal">
                                                                <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                                                <span>Add Audience List</span>
                                                            </a>
                                                        </div>
                                                        <div class="ss-send-aud-col">
                                                            <div class="ss-send-aud-box">
                                                                <div class="ss-send-aud-box-t">
                                                                    <a class="ss-send-aud-name">Janice Miller — 360</a>
                                                                    <div class="p2">Target: Janice Miller</div>
                                                                </div>
                                                                <div class="ss-send-aud-box-b">
                                                                    <div class="ss-send-aud-box-b-l">
                                                                        <a class="ss-tag m-0 dark">
                                                                            <span class="ss-tag-txt">Target List</span>
                                                                        </a>
                                                                    </div>
                                                                    <div class="ss-send-aud-box-b-r">
                                                                        <strong>22</strong>
                                                                        <i class="ss-icon-users-friend-fill"><svg><use xlink:href="#ss-icon-users-friend-fill"></use></svg></i>
                                                                    </div>
                                                                </div>
                                                                
                                                                <!-- Start [ overlay ] -->
                                                                <div class="ss-send-aud-o">
                                                                    <a class="btn btn-outline-white">View List</a>
                                                                    <div class="ss-dropdown dropdown dropend js-single-select">
                                                                        <button type="button" class="btn-icon white" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            <i class="ss-icon-ellipsis-h"><svg><use xlink:href="#ss-icon-ellipsis-h"></use></svg></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu dropdown-menu-end">
                                                                            <li>
                                                                                <a href="#ss-aud-view-and-edit-modal" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">View & Edit List</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">Save as Template</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="#ss-modal-delete-list" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text text-danger">Remove List</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <!-- End   [ overlay ] -->

                                                            </div>
                                                        </div>
                                                        <div class="ss-send-aud-col">
                                                            <div class="ss-send-aud-box">
                                                                <div class="ss-send-aud-box-t">
                                                                    <a class="ss-send-aud-name">Marketing List</a>
                                                                    <div class="p2">Apple, Inc</div>
                                                                </div>
                                                                <div class="ss-send-aud-box-b">
                                                                    <div class="ss-send-aud-box-b-l">
                                                                        <a class="ss-tag m-0 light">
                                                                            <span class="ss-tag-txt">Standard</span>
                                                                        </a>
                                                                    </div>
                                                                    <div class="ss-send-aud-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>
                                                                
                                                                <!-- Start [ overlay ] -->
                                                                <div class="ss-send-aud-o">
                                                                    <a class="btn btn-outline-white">View List</a>
                                                                    <div class="ss-dropdown dropdown dropend js-single-select">
                                                                        <button type="button" class="btn-icon white" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            <i class="ss-icon-ellipsis-h"><svg><use xlink:href="#ss-icon-ellipsis-h"></use></svg></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu dropdown-menu-end">
                                                                            <li>
                                                                                <a href="#ss-aud-view-and-edit-modal" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">View & Edit List</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">Save as Template</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="#ss-modal-delete-list" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text text-danger">Remove List</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <!-- End   [ overlay ] -->

                                                            </div>
                                                        </div>
                                                        <div class="ss-send-aud-col">
                                                            <div class="ss-send-aud-box">
                                                                <div class="ss-send-aud-box-t">
                                                                    <a class="ss-send-aud-name">Janice Miller — 360</a>
                                                                    <div class="p2">Target: Janice Miller</div>
                                                                </div>
                                                                <div class="ss-send-aud-box-b">
                                                                    <div class="ss-send-aud-box-b-l">
                                                                        <a class="ss-tag m-0 dark">
                                                                            <span class="ss-tag-txt">Target List</span>
                                                                        </a>
                                                                    </div>
                                                                    <div class="ss-send-aud-box-b-r">
                                                                        <strong>22</strong>
                                                                        <i class="ss-icon-users-friend-fill"><svg><use xlink:href="#ss-icon-users-friend-fill"></use></svg></i>
                                                                    </div>
                                                                </div>
                                                                
                                                                <!-- Start [ overlay ] -->
                                                                <div class="ss-send-aud-o">
                                                                    <a class="btn btn-outline-white">View List</a>
                                                                    <div class="ss-dropdown dropdown dropend js-single-select">
                                                                        <button type="button" class="btn-icon white" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                            <i class="ss-icon-ellipsis-h"><svg><use xlink:href="#ss-icon-ellipsis-h"></use></svg></i>
                                                                        </button>
                                                                        <ul class="dropdown-menu dropdown-menu-end">
                                                                            <li>
                                                                                <a href="#ss-aud-view-and-edit-modal" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">View & Edit List</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="javascript:;" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text">Save as Template</span>
                                                                                </a>
                                                                            </li>
                                                                            <li>
                                                                                <a href="#ss-modal-delete-list" data-bs-toggle="modal" class="dropdown-link ss-dpitem-icon">
                                                                                    <span class="dropdown-item-text text-danger">Remove List</span>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <!-- End   [ overlay ] -->

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End   [ Audience list ] -->

                                                    <div class="ss-send-aud-perd">
                                                        <!-- Add/remove class "opacity-50 pe-none" To highligh any part as disabled -->
                                                        <div class="ss-send-aud-perd-c">
                                                            <h4 class="h4">Send Date:</h4>
                                                            <div class="ss-send-aud-perd-row">
                                                                <label class="ss-checkradio primary">
                                                                    <input type="checkbox" value="Y" name="ed_send_asap">
                                                                    <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">Send ASAP</span>
                                                                </label>
                                                                <div class="form-group">
                                                                    <label class="ss-checkradio primary">
                                                                        <input type="checkbox" value="" name="ed_add_schedule">
                                                                        <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">Schedule</span>
                                                                    </label>
                                                                    <span class="form-control-wrapper with-icon-right with-sep-right">
                                                                        <input type="text" value="" name="ed_schedule" 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>
                                                            </div>
                                                        </div>

                                                        <!-- Add/remove classes "opacity-50 pe-none" To highligh any part as disabled -->
                                                        <div class="ss-send-aud-perd-c">
                                                            <h4 class="h4">Due Date for Target:</h4>
                                                            <div class="ss-send-aud-perd-row">
                                                                <div class="form-group">
                                                                    <label class="ss-checkradio primary">
                                                                        <input type="checkbox" value="y" name="ed_add_target_date">
                                                                        <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">Add Target Date</span>
                                                                    </label>
                                                                    <span class="form-control-wrapper with-icon-right with-sep-right">
                                                                        <input type="text" value="" name="ed_target_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>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="ss-send-aud-sm">
                                                        <h4 class="h4">Survey Messages:</h4>
                                                        <div class="ss-send-aud-list">
                                                            <div class="ss-send-aud-col">
                                                                <div class="ss-send-aud-box">
                                                                    <div class="ss-send-aud-sm-h">
                                                                        <i class="ss-icon-envelope-fill"><svg><use xlink:href="#ss-icon-envelope-fill"></use></svg></i>
                                                                        <div class="p2">First-touch: Targets</div>
                                                                    </div>
                                                                    <div class="ss-send-aud-sm-attach">
                                                                        <a class="ss-tag lg primary-100 m-0">
                                                                            <i class="ss-icon-attache"><svg><use xlink:href="#ss-icon-attache"></use></svg></i>
                                                                            <span class="ss-tag-txt">Standard Employee Satisfaction</span>
                                                                        </a>
                                                                    </div>
                                                                    <a class="ss-send-aud-remove">
                                                                        <i class="ss-icon-close-fill-two"><svg><use xlink:href="#ss-icon-close-fill-two"></use></svg></i>
                                                                        <span class="visually-hidden">Remove</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="ss-send-aud-col">
                                                                <div class="ss-send-aud-box">
                                                                    <div class="ss-send-aud-sm-h">
                                                                        <i class="ss-icon-envelope-fill"><svg><use xlink:href="#ss-icon-envelope-fill"></use></svg></i>
                                                                        <div class="p2">First-touch: Targets</div>
                                                                    </div>
                                                                    <div class="ss-send-aud-sm-attach">
                                                                        <a class="ss-tag lg primary-100 m-0">
                                                                            <i class="ss-icon-attache"><svg><use xlink:href="#ss-icon-attache"></use></svg></i>
                                                                            <span class="ss-tag-txt">HR Employee Satisfaction</span>
                                                                        </a>
                                                                    </div>
                                                                    <a class="ss-send-aud-remove">
                                                                        <i class="ss-icon-close-fill-two"><svg><use xlink:href="#ss-icon-close-fill-two"></use></svg></i>
                                                                        <span class="visually-hidden">Remove</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="ss-send-aud-col">
                                                                <div class="ss-send-aud-box">
                                                                    <div class="ss-send-aud-sm-h">
                                                                        <i class="ss-icon-horn"><svg><use xlink:href="#ss-icon-horn"></use></svg></i>
                                                                        <div class="p2">Follow-up: Participants</div>
                                                                    </div>
                                                                    <div class="ss-send-aud-sm-attach">
                                                                        <a class="ss-tag lg primary-100 m-0">
                                                                            <i class="ss-icon-attache"><svg><use xlink:href="#ss-icon-attache"></use></svg></i>
                                                                            <span class="ss-tag-txt">Standard Employee Satisfaction</span>
                                                                        </a>
                                                                    </div>
                                                                    <a class="ss-send-aud-remove">
                                                                        <i class="ss-icon-close-fill-two"><svg><use xlink:href="#ss-icon-close-fill-two"></use></svg></i>
                                                                        <span class="visually-hidden">Remove</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="ss-send-box mb-5">
                                            <div class="ss-send-box-h">
                                                <div class="ss-send-box-h-l">
                                                    <div class="ss-badge-row">
                                                        <span class="ss-badge-icon bg-purple">
                                                            <i class="ss-icon-code"><svg><use xlink:href="#ss-icon-code"></use></svg></i>
                                                        </span>
                                                        <span class="ss-badge-txt fw-bold">Website Embed</span>
                                                    </div>
                                                </div>
                                                <div class="ss-send-box-h-r">
                                                    <div class="ss-dropdown dropdown js-single-select">
                                                        <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">Menu one</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu two</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu three</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-send-box-b">
                                                <div class="ss-send-box-b-wpd">
                                                    <div class="ss-send-we-radios">
                                                        <label class="ss-checkradio type-radio primary">
                                                            <input type="radio" value="Inline" name="we_radio[]" checked>
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Inline</span>
                                                        </label>
                                                        <label class="ss-checkradio type-radio primary">
                                                            <input type="radio" value="New Window" name="we_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">New Window</span>
                                                        </label>
                                                        <label class="ss-checkradio type-radio primary">
                                                            <input type="radio" value="Button" name="we_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Button</span>
                                                        </label>
                                                    </div>
                                                    <div class="ss-send-we-code">
                                                        <div class="ss-send-we-code-l">
                                                            <div class="form-group">
                                                                <span class="form-control-wrapper theme-b">
                                                                    <textarea name="we_code" class="form-control" disabled id="copy-to-clip-we">&lt;script src="https://survey.surveysaurus.com/surveytitle_abcdefgh?" type="text/javascript"&gt;&lt;/script&gt;&lt;link rel="stylesheet" type="text/css" href="https://www.website.com/Embed.css" /&gt;&lt;script type = "text/javascript" &gt;function renderSurvey(parentElementId, FirstName, LastName, Email, PageTitle){var se = new SurveyEmbed var context = {"FirstName": FirstName,"LastName": LastName,"Email": Email,"PageTitle": PageTitle,}; se.renderInline(parentElementId, context);}&lt;/script&gt;</textarea>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="ss-send-we-code-r">
                                                            <a class="btn btn-dark" onclick="copyToClipboard(this, 'copy-to-clip-we')" data-btnText="Copy Code">Copy Code</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="ss-send-box mb-5">
                                            <div class="ss-send-box-h">
                                                <div class="ss-send-box-h-l">
                                                    <div class="ss-badge-row">
                                                        <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>
                                                        <span class="ss-badge-txt fw-bold">Social Media Link</span>
                                                    </div>
                                                </div>
                                                <div class="ss-send-box-h-r">
                                                    <label class="ss-switcher primary xsm text-on-left">
                                                        <input type="checkbox" value="Y" name="customize_lnik">
                                                        <span class="ss-switcher-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-switcher-text text-uppercase text-end fw-bold">Customize Link</span>
                                                    </label>
                                                    <div class="ss-dropdown dropdown js-single-select">
                                                        <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">Menu one</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu two</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Menu three</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-send-box-b">
                                                <div class="ss-send-box-b-wpd">
                                                    <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-smlink">
                                                            </span>
                                                        </div>
                                                        <a class="btn btn-dark" onclick="copyToClipboard(this, 'copy-to-clip-smlink')" data-btnText="Copy Link">Copy Link</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <a class="ss-send-sm-add" href="#ss-send-addsm-modal" data-bs-toggle="modal">
                                            <i class="ss-icon-plus"><svg><use xlink:href="#ss-icon-plus"></use></svg></i>
                                            <span>Add Send Method</span>
                                        </a>
                                    </div>
                                    <!-- End   [ send methods tab ] -->

                                </div>
                            </div>
                            <!-- End   [ send tabs ] -->

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php require_once "modal-add-send-method.php";?>
<?php require_once "modal-manage-periods.php";?>
<?php require_once "modal-add-audience-options.php";?>
<?php require_once "modal-add-audience.php";?>
<?php require_once "modal-create-audience-list.php";?>
<?php require_once "modal-view-and-edit-list.php";?>
<?php require_once "modal-add-survey-message.php";?>
<?php require_once "modal-create-custom-msg.php";?>
<?php require_once "modal-write-your-msg.php";?>
<?php require_once "modal-manage-messages.php";?>
<?php require_once "modal-email-template-library.php";?>
<?php require_once "modal-delete-list.php";?>
<?php require_once "footer.php";?>
