<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="v-connect">
    <title>Group Campaigns</title>
    <link rel="shortcut icon" type="image/x-icon" href="https://www.v-connect.in/images/v-connect-visiting-cards1.png">
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i%7CMuli:300,400,500,700"
        rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/core/menu/menu-types/vertical-compact-menu.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/core/colors/palette-gradient.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/core/colors/palette-climacon.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/pages/users.min.css">

    <link rel="stylesheet" type="text/css" href="app-assets/vendors/css/ui/prism.min.css">
    <!-- custom css files  -->
    <link rel="stylesheet" type="text/css" href="app-assets/css/mobilepreview.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/custom-style.css">
    <!-- custom css files  -->


    <style>
    .nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
        background-color: #607D8B !important;
    }

    #dropdown-button-camp {
        background-color: #607D8B !important;
        color: white !important;

    }

    #dropdown-button-camp:hover {
        color: white !important;
    }

    /* dropdown items colors css*/
    .dropdown-menu-footer:hover .dropdown-item {
        background-color: #607D8B !important;
        /* color: #1D2B36; */
    }

    .dropdown-menu .dropdown-item:hover {
        background-color: #607D8B !important;
    }

    .pipe::after {
        position: absolute;
        right: -4%;
        top: 5px;
        content: "|";
        font-size: 23px;
    }

    .form-group .controls input[type="text"] {
        padding-block: 0;
        height: 35px;
    }


    .nav-item .tabIcon {
        font-size: 15px;
        padding: 5px;
        /* visibility: hidden; */

    }

    /* .nav-item:hover .tabIcon {
        visibility: visible;
    } */
    </style>



</head>

<body class="vertical-layout vertical-compact-menu 2-columns menu-expanded fixed-navbar" data-open="click"
    data-menu="vertical-compact-menu" data-col="2-columns">


    <?php include "includes/nav.php" ?>


    <div class="app-content content" style=" padding-top: 31px;">
        <!-- custom menu -->
        <?php include "includes/custom-menu.php" ?>
        <!-- custom menu -->

        <div class=" row justify-content-center align-items-center  border-bottom px-1">

            <ul class=" nav nav-tabs nav-iconfall " style="width: 700px;">


                <li class="nav-item m-0 pipe position-relative ">
                    <a class="nav-link " href="quick-campaing.php"
                        style="font-size: 1.1rem; color: #000; padding-block: 10px;">Quick
                        Campaign</a>
                </li>
                <li class="nav-item m-0 pipe position-relative">
                    <a class="nav-link active-nav-link" href="group-campaing.php"
                        style="font-size: 1.1rem;  padding-block: 10px;"> Group
                        Campaign</a>
                </li>
                <li class="nav-item m-0 pipe position-relative">
                    <a class="nav-link " href="dynamic-campaing.php"
                        style="font-size: 1.1rem; color: #000;  padding-block: 10px;">
                        Dynamic
                        Campaign</a>
                </li>
                <li class="nav-item m-0">
                    <a class="nav-link " href="upload-campaing.php"
                        style="font-size: 1.1rem;  color: #000; padding-block: 10px;">
                        Upload
                        Campaign</a>
                </li>

            </ul>



            <!-- <div class="btn-group mr-1  show align-self-center ">
                    <button type="button" id="dropdown-button-camp" class="btn  btn-min-width dropdown-toggle"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" fdprocessedid="ru4brd"
                        style="padding-inline: 10px;">NEW
                        CAMPAIGN</button>
                    <div class="dropdown-menu " x-placement="top-start"
                        style="position: absolute; transform: translate3d(0px, -179px, 0px); top: 0px; left: 0px; will-change: transform; background: #607D8B;">
                        <a class="dropdown-item text-light" href="#">Quick</a>
                        <a class="dropdown-item text-light" href="#">Schedule</a>
                        <a class="dropdown-item text-light" href="#">Dynamic</a>
                        <a class="dropdown-item text-light" href="#">Group</a>
                    </div>
                </div> -->
        </div>

        <div class=" content-wrapper" style="padding: 15px 13px ;  ">





            <!-- <div class=" content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <h3 class="content-header-title"></h3>
                <div class="row breadcrumbs-top">
                    <div class="breadcrumb-wrapper col-12">

                    </div>
                </div>
            </div>

        </div> -->

            <!-- side menu -->
            <?php include "includes/side-menu.php" ?>
            <!-- side menu -->
            <div class="content-body ">

                <section>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class=" card-content">
                                    <div class="card-body">

                                        <section>
                                            <div class="row match-height">
                                                <div class="col-md-8 col-xl-7 col-xxl-6">
                                                    <div class="card">
                                                        <div class="card-content ">
                                                            <div class="card-body px-xl-1">


                                                                <form class="form" id="upldCmpForm">
                                                                    <div class=" row justify-content-md-center">
                                                                        <div class="col-md-11">
                                                                            <div class="form-body">


                                                                                <!-- Form First row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="CmpName"
                                                                                            class="pl-4 "><strong>Campaign
                                                                                                Name
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <input type="text"
                                                                                                id="CmpName" name="text"
                                                                                                class="form-control"
                                                                                                required
                                                                                                data-validation-required-message="This field is required">
                                                                                        </div>
                                                                                        <p id="mobile-error"
                                                                                            class=" mb-0  text-xxs sm:text-xs text-gray-500">
                                                                                            Note: Special characters are
                                                                                            not allowed in campaign name
                                                                                            like SPACE, [ ] { } | ; : "
                                                                                            '
                                                                                            <> . ? / ~ `

                                                                                        </p>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form First row  -->

                                                                                <!-- Form second row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>Message
                                                                                                Encoding
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div
                                                                                            class="controls form-radio-controls">
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                    name="MsgEncoding"
                                                                                                    value="" checked>
                                                                                                Plain Text
                                                                                            </label>
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                    name="MsgEncoding"
                                                                                                    value="">
                                                                                                Unicode
                                                                                            </label>
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                    name="MsgEncoding"
                                                                                                    value="">
                                                                                                Flash
                                                                                            </label>
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                    name="MsgEncoding"
                                                                                                    value="">
                                                                                                Flash Unicode
                                                                                            </label>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form second row  -->

                                                                                <!-- Form third row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>Message
                                                                                                Part
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="MsgPart"
                                                                                                    value="" checked>
                                                                                                Singlepart
                                                                                            </label>
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="MsgPart"
                                                                                                    value="">
                                                                                                Multipart
                                                                                            </label>

                                                                                        </div>

                                                                                    </div>

                                                                                </div>

                                                                                <!-- Form third row  -->

                                                                                <!-- Form Fourth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="SlctGrp"
                                                                                            class="pl-4"><strong>Select
                                                                                                Group

                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <select
                                                                                                class="custom-select form-control"
                                                                                                id="SlctGrp" name="">
                                                                                                <option>SELECT
                                                                                                    OPTION
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    A
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    B

                                                                                                </option>
                                                                                                <option value="">
                                                                                                    C
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    D
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    E
                                                                                                </option>



                                                                                            </select>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>

                                                                                <!-- Form Fourth row  -->

                                                                                <!-- Form Fifth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>Message
                                                                                                Type
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="MsgType"
                                                                                                    value="" checked>
                                                                                                Transactional
                                                                                            </label>
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="MsgType"
                                                                                                    value="">
                                                                                                Promotional
                                                                                            </label>
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="MsgType"
                                                                                                    value="">
                                                                                                Service
                                                                                            </label>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form Fifth row  -->

                                                                                <!-- Form sixth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="SenderId"
                                                                                            class="pl-4"><strong>Sender
                                                                                                Id
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <input type="text"
                                                                                                name="text"
                                                                                                id="SenderId"
                                                                                                class="form-control"
                                                                                                required
                                                                                                data-validation-required-message="This field is required">
                                                                                        </div>

                                                                                    </div>

                                                                                </div>

                                                                                <!-- Form sixth row  -->


                                                                                <!-- Form seven row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="CntTempName"
                                                                                            class="pl-4"><strong>Content
                                                                                                Template
                                                                                                Name
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <input type="text"
                                                                                                id="CntTempName"
                                                                                                name="text"
                                                                                                class="form-control"
                                                                                                required
                                                                                                data-validation-required-message="This field is required">
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form seven row  -->


                                                                                <!-- Form eigth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>
                                                                                                Schedule
                                                                                                Message
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="ScheduleMsg"
                                                                                                    value="yes" checked>
                                                                                                Yes
                                                                                            </label>
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="ScheduleMsg"
                                                                                                    value="no">
                                                                                                No
                                                                                            </label>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form eigth row  -->


                                                                                <!-- Form ninth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>Conversion
                                                                                                Text

                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <label>
                                                                                                <input type="checkbox"
                                                                                                    name="" value="">
                                                                                                Type in
                                                                                            </label>
                                                                                            <select
                                                                                                class="custom-select form-control"
                                                                                                id="" name="">
                                                                                                <option>SELECT
                                                                                                    OPTION
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    A
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    B

                                                                                                </option>
                                                                                                <option value="">
                                                                                                    C
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    D
                                                                                                </option>
                                                                                                <option value="">
                                                                                                    E
                                                                                                </option>



                                                                                            </select>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form ninth row  -->




                                                                                <!-- Form tenth row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="textarea"
                                                                                            class="pl-4"><strong>Message
                                                                                                Text

                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <textarea name="textarea"
                                                                                                id="textarea"
                                                                                                class="form-control"
                                                                                                required
                                                                                                placeholder="Message text"
                                                                                                rows="3"></textarea>
                                                                                        </div>
                                                                                        <p id="mobile-error"
                                                                                            class=" mb-0  text-xxs sm:text-xs text-gray-500">
                                                                                            0 characters | 0 SMS Credit
                                                                                            <br>
                                                                                            Note: XXXXXX will be
                                                                                            replaced by actual shortcode
                                                                                            upto 6 chars.
                                                                                        </p>


                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form tenth row  -->


                                                                                <!-- Form eleven row  -->

                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for=""
                                                                                            class="pl-4"><strong>Is
                                                                                                ShortUrl
                                                                                                Selected
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="URLselected"
                                                                                                    value="yes" checked>
                                                                                                Yes
                                                                                            </label>
                                                                                            <label class="px-1">
                                                                                                <input type="radio"
                                                                                                    name="URLselected"
                                                                                                    value="no">
                                                                                                No
                                                                                            </label>
                                                                                        </div>

                                                                                    </div>

                                                                                </div>


                                                                                <!-- Form eleven row  -->



                                                                                <!-- Form twelve row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="EntityId"
                                                                                            class="pl-4"><strong>Entity
                                                                                                Id
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <input type="text"
                                                                                                id="EntityId"
                                                                                                name="text"
                                                                                                class="form-control"
                                                                                                required
                                                                                                data-validation-required-message="This field is required">
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form twelve row  -->


                                                                                <!-- Form thirteen row  -->
                                                                                <div class="row">
                                                                                    <div class="form-group  col-md-4"
                                                                                        style="margin-bottom: 10px">

                                                                                        <label for="OprtTempID"
                                                                                            class="pl-4"><strong>Operator
                                                                                                Template
                                                                                                Id
                                                                                                <span
                                                                                                    class="required">*</span>
                                                                                            </strong></label>
                                                                                    </div>
                                                                                    <div class="form-group  col-md-8"
                                                                                        style="margin-bottom: 10px">
                                                                                        <div class="controls">
                                                                                            <input type="text"
                                                                                                id="OprtTempID"
                                                                                                name="text"
                                                                                                class="form-control"
                                                                                                required
                                                                                                data-validation-required-message="This field is required">
                                                                                        </div>

                                                                                    </div>

                                                                                </div>
                                                                                <!-- Form thirteen row  -->






















































































                                                                                <!-- <div class="row">
                                                                                            <div
                                                                                                class="form-group mb-2 col-md-12">
                                                                                                <label for=""><strong>Mobile
                                                                                                        Numbers
                                                                                                        <span
                                                                                                            class="required">*</span>
                                                                                                    </strong></label>
                                                                                                <p _ngcontent-mjr-c151=""
                                                                                                    id="mobile-error"
                                                                                                    class=" text-xxs sm:text-xs text-gray-500">
                                                                                                    Max
                                                                                                    of 3000 numbers
                                                                                                    separated by new
                                                                                                    line, comma.
                                                                                                    &nbsp;
                                                                                                    Invalid numbers
                                                                                                    are
                                                                                                    numbers those
                                                                                                    are
                                                                                                    not 8 to 15
                                                                                                    digits
                                                                                                </p>
                                                                                                <textarea
                                                                                                    name="textarea"
                                                                                                    id="textarea"
                                                                                                    class="form-control"
                                                                                                    required
                                                                                                    placeholder="Enter Mobile Number(s)"
                                                                                                    rows="7"></textarea>
                                                                                            </div>
                                                                                        </div> -->

                                                                                <!-- <div class="row">
                                                                                            <div
                                                                                                class="form-group mb-2 col-md-6">
                                                                                                <label for=""><strong>Sender
                                                                                                        Id
                                                                                                        <span
                                                                                                            class="required">*</span>
                                                                                                    </strong></label>

                                                                                                <select
                                                                                                    class="select2-placeholder form-control"
                                                                                                    id="single-placeholder"
                                                                                                    required>
                                                                                                    <option value="CT">A
                                                                                                    </option>
                                                                                                    <option value="DE">B
                                                                                                    </option>
                                                                                                    <option value="FL">C
                                                                                                    </option>
                                                                                                    <option value="GA">D
                                                                                                    </option>
                                                                                                    <option value="IN">E
                                                                                                    </option>
                                                                                                    <option value="ME">F
                                                                                                    </option>
                                                                                                    <option value="MA">G
                                                                                                    </option>
                                                                                                    <option value="MI">H
                                                                                                    </option>
                                                                                                </select>
                                                                                            </div>
                                                                                        </div> -->

                                                                                <!-- <div class="row">
                                                                                            <div
                                                                                                class="form-group mb-2 col-md-12">
                                                                                                <label for=""><strong>Message
                                                                                                        <span
                                                                                                            class="required">*</span>
                                                                                                    </strong></label>
                                                                                                <div class="controls">
                                                                                                    <textarea
                                                                                                        name="textarea"
                                                                                                        id="textarea"
                                                                                                        class="form-control"
                                                                                                        required
                                                                                                        placeholder="Enter recipient message"
                                                                                                        rows="7"></textarea>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div> -->

                                                                                <!-- <div class="row">
                                                                                            <div
                                                                                                class="form-group mb-2 col-md-6">
                                                                                                <label for=""><strong>Shorten
                                                                                                        URL
                                                                                                    </strong></label>
                                                                                                <div class="controls">
                                                                                                    <div
                                                                                                        class="skin skin-square">
                                                                                                        <input
                                                                                                            type="checkbox"
                                                                                                            value=""
                                                                                                            id="single_checkbox"
                                                                                                            required>
                                                                                                        <label
                                                                                                            for="single_checkbox">Enabling
                                                                                                            this
                                                                                                            will
                                                                                                            convert
                                                                                                            all
                                                                                                            the
                                                                                                            URL's in
                                                                                                            the
                                                                                                            message
                                                                                                            to a
                                                                                                            shortned
                                                                                                            URL</label>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div> -->


                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <!-- <div class="form-actions border-0 fixed-bottom text-right"
                                                                        style=" left: 870px; bottom: 17px; width: 300px;">
                                                                        <div class="d-inline-block">
                                                                            <button type="button"
                                                                                class="btn text-light mr-1"
                                                                                style="background-color: #607D8B;">
                                                                                Submit
                                                                            </button>
                                                                        </div>

                                                                    </div> -->




                                                                    <!-- <div class="form-actions border-0 fixed-bottom "
                                                                        style=" left: 835px; bottom: 17px; width: 100px;">
                                                                        <div>
                                                                            <button type="button"
                                                                                class="btn text-light "
                                                                                style="background-color: #607D8B;">
                                                                                Submit
                                                                            </button>
                                                                        </div>
                                                                    </div> -->
                                                                </form>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-xl-5 col-xxl-6 py-1">
                                                    <?php include "includes/mobile-screen.php" ?>
                                                </div>
                                            </div>

                                        </section>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>















        </div>
    </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->

    <?php include "includes/footer.php" ?>
    <div class="form-actions border-0 fixed-bottom " style=" left: 1255px; bottom: 6%; width: 100px;">
        <!-- <div>
            <button type="button" class="btn text-light " style="background-color: #607D8B;">
                Submit
            </button>
        </div> -->
        <button type="button" class="btn  white  btn-glow px-1" style="background-color: #607D8B;">
            Submit
        </button>
        <!-- <a href="https://1.envato.market/robust_admin"
            class="btn bg-gradient-directional-purple white btn-purple btn-glow px-2">Submit</a> -->
    </div>

    <!-- <script src="app-assets/js/core/libraries/jquery.min.js"></script> -->


    <script src="app-assets/vendors/js/vendors.min.js"></script>
    <script src="app-assets/vendors/js/ui/jquery.sticky.js"></script>
    <script src="app-assets/vendors/js/charts/jquery.sparkline.min.js"></script>

    <script src="app-assets/js/core/libraries/jquery_ui/jquery-ui.min.js"></script>


    <script src="app-assets/vendors/js/ui/headroom.min.js"></script>
    <script src="app-assets/js/core/app-menu.js"></script>
    <script src="app-assets/js/core/app.js"></script>
    <script src="app-assets/js/scripts/ui/breadcrumbs-with-stats.js"></script>
    <script src="app-assets/js/scripts/tables/datatables-extensions/datatable-responsive.js"></script>

    <script src="app-assets/js/scripts/navs/navs.js"></script>



    <script src="app-assets/vendors/js/extensions/dropzone.min.js"></script>
    <script src="app-assets/vendors/js/ui/prism.min.js"></script>
    <script src="app-assets/js/scripts/extensions/dropzone.js"></script>



    <script src="app-assets/js/scripts/ui/jquery-ui/dialog-tooltip.js"></script>




    <script>
    const senderId = document.getElementById('SenderId');
    const senderIdField = document.getElementById('sender-id-name');
    const msgField = document.getElementById('textarea');
    const prevTextPara = document.getElementById('textmsg');



    senderId.addEventListener('keyup', function() {
        senderIdField.innerHTML = `${senderId.value}`;
    });

    msgField.addEventListener('keyup', function() {
        prevTextPara.innerHTML = `${msgField.value}`;
    });
    </script>

</body>

</html>