<!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>Campaign List</title>
    <link rel="apple-touch-icon" href="app-assets/images/ico/apple-icon-120.png">
    <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/pickers/daterange/daterangepicker.css">
    <link rel="stylesheet" type="text/css" href="app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/core/menu/menu-types/horizontal-top-icon-menu.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/plugins/pickers/daterange/daterange.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/custom-style.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/vendors/css/forms/selects/select2.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/app.min.css">

    <!-- <link rel="stylesheet" type="text/css" href="app-assets/vendors/css/forms/selects/select2.min.css"> -->


    <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: "|";
        color: white;
        font-size: 23px;
    }
    </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">

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


            <!-- side menu -->
            <?php include "includes/side-menu.php" ?>
            <!-- side menu -->


            <div class="content-body">
                <div class="container">
                    <section>
                        <div class="row mt-5">
                            <div class="col-12 px-0">
                                <section>

                                    <div class="row my-2">
                                        <div class="col-xxl-3 col-lg-3 col-md-6 xl-50 p-0">
                                            <div class="card o-hidden widget-cards bx-shadow mx-1 round-corners ">
                                                <div class="warning-box card-body px-1">
                                                    <div class="media static-top-widget align-items-center">
                                                        <div class="icons-widgets">
                                                            <div class="align-self-center text-center rounded first">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                    height="24" viewBox="0 0 24 24" fill="#ffbc58"
                                                                    stroke="#fff" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round"
                                                                    class="feather feather-navigation font-warning">
                                                                    <polygon points="3 11 22 2 13 21 11 13 3 11">
                                                                    </polygon>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div class="media-body media-doller mx-2">
                                                            <span class="my-1 first">Total Campaign</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span><small>
                                                                    Today</small>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-lg-3 col-md-6 xl-50 p-0">
                                            <div class="card o-hidden widget-cards bx-shadow mx-1 round-corners ">
                                                <div class="secondary-box card-body">
                                                    <div class="media static-top-widget align-items-center">
                                                        <div class="icons-widgets">
                                                            <div class="align-self-center text-center rounded second">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                    height="24" viewBox="0 0 24 24" fill="#13c9ca"
                                                                    stroke="#fff" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round"
                                                                    class="feather ft-calendar font-secondary">
                                                                    <path
                                                                        d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z">
                                                                    </path>
                                                                    <polyline points="3.27 6.96 12 12.01 20.73 6.96">
                                                                    </polyline>
                                                                    <line x1="12" y1="22.08" x2="12" y2="12">
                                                                    </line>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div class="media-body media-doller mx-2">
                                                            <span class="my-1 second">Completed</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span><small>
                                                                    This
                                                                    Month</small>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-3 col-lg-3 col-md-6 xl-50 p-0">
                                            <div class="card o-hidden widget-cards bx-shadow mx-1 round-corners ">
                                                <div class="warning-box card-body">
                                                    <div class="media static-top-widget align-items-center">
                                                        <div class="icons-widgets">
                                                            <div class="align-self-center text-center rounded third">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                    height="24" viewBox="0 0 24 24" fill="#ff4c3b"
                                                                    stroke="#fff" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round"
                                                                    class="feather feather-message-square font-primary">
                                                                    <path
                                                                        d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                        <div class="media-body media-doller mx-2">
                                                            <span class="my-1 third">Running</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span><small>
                                                                    SMS
                                                                    Count</small>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-3 col-lg-3 col-md-6 xl-50 p-0">
                                            <div class="card o-hidden widget-cards bx-shadow mx-1 round-corners ">
                                                <div class="secondary-box card-body">
                                                    <div class="media static-top-widget align-items-center">
                                                        <div class="icons-widgets">
                                                            <div class="align-self-center text-center rounded fourth">
                                                                <div class="align-self-center text-center">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                        height="24" viewBox="0 0 24 24" fill="#a5a5a5"
                                                                        stroke="#fff" stroke-width="2"
                                                                        stroke-linecap="round" stroke-linejoin="round"
                                                                        class="feather feather-users font-danger">
                                                                        <path
                                                                            d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2">
                                                                        </path>
                                                                        <circle cx="9" cy="7" r="4">
                                                                        </circle>
                                                                        <path d="M23 21v-2a4 4 0 0 0-3-3.87">
                                                                        </path>
                                                                        <path d="M16 3.13a4 4 0 0 1 0 7.75">
                                                                        </path>
                                                                    </svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="media-body media-doller mx-2">
                                                            <span class="my-1 fourth">Failed</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span><small>
                                                                    In
                                                                    Account</small>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </section>
                                <section class="my-1">
                                    <h3>Campaign List</h3>
                                    <p>Please note that selected this week includes today</p>
                                </section>
                                <section class="bg-white my-1 px-1 py-1">
                                    <div class="row justify-content-between">
                                        <div class="col-md-4">
                                            <div>
                                                <h3>Total <span>12</span>
                                                </h3>
                                                <div class="d-flex">
                                                    <div class="align-self-center mr-1">
                                                        <span>Campaings</span>
                                                        <span>for This Week</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 ">
                                            <div class="form-group ">
                                                <!-- <label>Show Dropdowns</label> -->
                                                <div class='input-group '>
                                                    <input type='text' class="form-control showdropdowns" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">
                                                            <span class="fa fa-calendar"></span>
                                                        </span>
                                                    </div>
                                                    <button type="button"
                                                        class="btn btn-info btn-md  d-inline-block px-1 ml-1"
                                                        fdprocessedid="o90no">Submit
                                                    </button>
                                                </div>

                                                <!-- <button type="button" class="btn btn-info btn-md  d-inline-block px-1 "
                                                    fdprocessedid="o90no">Submit
                                                </button> -->

                                                <!-- <small class="text-muted">Show year and month select boxes above
                                                    calendars to jump to a specific month and year</small> -->
                                            </div>
                                            <!-- <div class="d-flex justify-content-end">
                                                <button type="button" class="btn btn-info btn-md   px-1 "
                                                    fdprocessedid="o90no">Submit
                                                </button>
                                            </div> -->


                                        </div>
                                    </div>
                                </section>
                                <section>
                                    <div class="row">
                                        <div class="col-3">

                                            <div class="form-group position-relative has-icon-left">
                                                <input type="search" class="form-control" id="search"
                                                    placeholder="Search Campaing" fdprocessedid="qtr0lw">
                                                <div class="form-control-position">
                                                    <i class="icon-magnifier primary font-medium-1"></i>
                                                </div>
                                            </div>

                                            <!-- <div class="form-group" data-select2-id="363">
                                                <select class="select2 form-control select2-hidden-accessible"
                                                    data-select2-id="1" tabindex="-1" aria-hidden="true">
                                                    <option value="AK" data-select2-id="3">Alaska</option>
                                                    <option value="HI" data-select2-id="375">Hawaii</option>
                                                </select><span
                                                    class="select2 select2-container select2-container--default select2-container--below select2-container--focus"
                                                    dir="ltr" data-select2-id="2" style="width: 586.703px;"><span
                                                        class="selection"><span
                                                            class="select2-selection select2-selection--single"
                                                            role="combobox" aria-haspopup="true" aria-expanded="false"
                                                            tabindex="0" aria-labelledby="select2-gf0w-container"><span
                                                                class="select2-selection__rendered"
                                                                id="select2-gf0w-container" role="textbox"
                                                                aria-readonly="true" title="Alaska">Alaska</span><span
                                                                class="select2-selection__arrow" role="presentation"><b
                                                                    role="presentation"></b></span></span></span><span
                                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div> -->
                                        </div>
                                        <!-- <div class="col-4" data-select2-id="15">
                                            <div class="form-group mb-0" data-select2-id="14">
                                                <select class="select2 form-control select2-hidden-accessible"
                                                    data-select2-id="1" tabindex="-1" aria-hidden="true">
                                                    <option value="" data-select2-id="3">Select</option>
                                                    <option value="" data-select2-id="24">Option 1</option>
                                                    <option value="" data-select2-id="25">Option 2</option>
                                                </select>
                                                <span
                                                    class="select2 select2-container select2-container--default select2-container--below select2-container--focus"
                                                    dir="ltr" data-select2-id="2" style="width: 350.656px;">
                                                    <span class="selection">
                                                        <span class="select2-selection select2-selection--single"
                                                            role="combobox" aria-haspopup="true" aria-expanded="false"
                                                            tabindex="0" aria-labelledby="select2-rzlx-container">
                                                            <span class="select2-selection__rendered"
                                                                id="select2-rzlx-container" role="textbox"
                                                                aria-readonly="true" title="Select">Select</span>
                                                            <span class="select2-selection__arrow" role="presentation">
                                                                <b role="presentation"></b>
                                                            </span>
                                                        </span>
                                                    </span>
                                                    <span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div> -->
                                    </div>
                                </section>
                                <section>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="card">
                                                <a href="campaign-details.php">
                                                    <div class=" card-body">
                                                        <span
                                                            class="notification-tag badge badge-default badge-success float-right"
                                                            style="font-size: 0.8rem;">
                                                            Completed
                                                        </span>

                                                        <h5 class="card-title" style="margin-bottom: 8px;">Campaign Name
                                                        </h5>
                                                        <h6><a href="#" class="card-link"
                                                                style="color: #4F4FE6;">Quick</a>
                                                            <span class="card-subtitle"
                                                                style="font-size: 0.9rem;">TECWDS</span>
                                                        </h6>
                                                        <p class="card-text mt-2">this is the message</p>
                                                        <p class="card-text mt-2"><i class="fticon ft-clock pr-1"></i>1
                                                            total</p>
                                                        <div class="d-flex justify-content-between ">
                                                            <p class="card-text ">
                                                                <i class="fticon ft-clock pr-1"></i>Jul
                                                                12
                                                                2023
                                                                10:43
                                                                IST
                                                            </p>
                                                            <span class="text-danger">3 days ago</span>
                                                        </div>

                                                        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="card">
                                                <a href="campaign-details.php">
                                                    <div class="card-body">
                                                        <span
                                                            class="notification-tag badge badge-default badge-success float-right"
                                                            style="font-size: 0.8rem;">
                                                            Completed
                                                        </span>

                                                        <h5 class="card-title" style="margin-bottom: 8px;">
                                                            Campaing
                                                            Name
                                                        </h5>
                                                        <h6><a href="#" class="card-link"
                                                                style="color: #4F4FE6;">Quick</a>
                                                            <span class="card-subtitle"
                                                                style="font-size: 0.9rem;">TECWDS</span>
                                                        </h6>
                                                        <p class="card-text mt-2">this is the message</p>
                                                        <p class="card-text mt-2"><i class="fticon ft-clock pr-1"></i>1
                                                            total</p>
                                                        <div class="d-flex justify-content-between ">
                                                            <p class="card-text">
                                                                <i class="fticon ft-clock pr-1 fs-1"></i>Jul
                                                                12
                                                                2023
                                                                10:43
                                                                IST
                                                            </p>
                                                            <span class="text-danger">3 days ago</span>
                                                        </div>

                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="card">
                                                <a href="campaign-details.php">
                                                    <div class="card-body">
                                                        <span
                                                            class="notification-tag badge badge-default badge-success float-right"
                                                            style="font-size: 0.8rem;">
                                                            Completed
                                                        </span>

                                                        <h5 class="card-title" style="margin-bottom: 8px;">
                                                            Campaing
                                                            Name</h5>
                                                        <h6><a href="#" class="card-link"
                                                                style="color: #4F4FE6;">Quick</a>
                                                            <span class="card-subtitle"
                                                                style="font-size: 0.9rem;">TECWDS</span>
                                                        </h6>
                                                        <p class="card-text mt-2">this is the message</p>
                                                        <p class="card-text mt-2"><i class="fticon ft-clock pr-1"></i>1
                                                            total</p>
                                                        <div class="d-flex justify-content-between ">
                                                            <p class="card-text ">
                                                                <i class="fticon ft-clock pr-1"></i>Jul
                                                                12
                                                                2023
                                                                10:43
                                                                IST
                                                            </p>
                                                            <span class="text-danger">3 days ago</span>
                                                        </div>

                                                        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>



                                </section>
                            </div>



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





    </div>
    </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->
    <?php include "includes/footer.php" ?>
    <!-- <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/vendors/js/forms/select/select2.full.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/navs/navs.js"></script>

    <script src="app-assets/js/scripts/forms/select/form-select2.min.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/vendors/js/pickers/pickadate/picker.js"></script>
    <script src="app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
    <script src="app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
    <script src="app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
    <script src="app-assets/vendors/js/pickers/dateTime/moment-with-locales.min.js"></script>
    <script src="app-assets/vendors/js/pickers/daterange/daterangepicker.js"></script>


    <script src="app-assets/js/scripts/pickers/dateTime/pick-a-datetime.js"></script>


    <script src="app-assets/js/scripts/customizer.min.js"></script>
    <script src="app-assets/js/scripts/forms/select/form-select2.js"></script>


    <script src="app-assets/js/core/app.min.js"></script>
    <script src="app-assets/js/core/app-menu.min.js"></script>










</body>

</html>