<!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>Summary Report</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/vendors/css/forms/selects/select2.min.css">
    <link rel="stylesheet" type="text/css" href="app-assets/vendors/css/tables/datatable/datatables.min.css">

    <!-- <link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap.min.css"> -->

    <link rel="stylesheet" type="text/css" href="app-assets/css/custom-style.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;
    }

    .nav-item .tabIcon {
        color: white;
        font-size: 15px;

    }
    </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;">
        <div class=" row justify-content-start align-items-center border-top border-bottom px-1"
            style="background-color: #333F44; padding-block: 10px;">


            <ul class="nav navbar-nav d-inline-block pl-1">
                <li class=" nav-item d-inline-block  position-relative" style="padding-inline: 6px;">
                    <a class="nav-link nav-link-label d-inline-block "
                        style="font-size: 1.3rem; color: #fff; font-weight: bolder;" href="#">View Report</a>
                </li>
                <ul class="d-inline-block mx-1 pl-0 px-1">
                    <li class=" nav-item d-inline-block  position-relative" style="padding-inline: 6px;">
                        <a class="nav-link nav-link-label d-inline-block active-nav-link" style="font-size: 1.1rem; "
                            href="summary-report.php"><i class="ft-file-text tabIcon active-nav-link"></i>Summary</a>
                    </li>

                    <li class=" nav-item d-inline-block position-relative" style="padding-inline: 6px;">
                        <a class="nav-link nav-link-label d-inline-block "
                            style="font-size: 1.1rem; color: #fff; font-weight: 600;" href="latency-report.php"><i
                                class="ft-clock tabIcon "></i>Latency</a>
                    </li>
                    <li class=" nav-item d-inline-block position-relative" style="padding-inline: 6px;">
                        <a class="nav-link nav-link-label d-inline-block"
                            style="font-size: 1.1rem; color: #fff; font-weight: 600;" href="detailed-report.php"><i
                                class="ft-info tabIcon"></i>Detailed</a>
                    </li>
                    <li class=" nav-item d-inline-block position-relative" style="padding-inline: 6px;">
                        <a class="nav-link nav-link-label d-inline-block"
                            style="font-size: 1.1rem; color: #fff; font-weight: 600;" href="search-report.php"><i
                                class="ft-search tabIcon"></i>Search</a>
                    </li>
                </ul>
            </ul>


        </div>

        <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 my-2">
                    <div class="row ">
                        <div class="col-12 px-0">
                            <section class="my-1">
                                <h3>Summary Report</h3>
                                <p>Please note that selected this week includes today
                                </p>
                            </section>
                            <section class="bg-white my-1 p-1">
                                <div class="row justify-content-end">
                                    <div class="col-4">
                                        <div class="form-group mb-0">
                                            <select class="select2 form-control">
                                                <option value="">Select</option>
                                                <option value="">Option 1</option>
                                                <option value="">Option 2</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group mb-0">
                                            <div class="input-group ">
                                                <input type="text" class="form-control showdropdowns"
                                                    fdprocessedid="q0mve">
                                                <div class="input-group-append">
                                                    <span class="input-group-text">
                                                        <span class="fa fa-calendar"></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section>
                                <div class="row">
                                    <div class="col-12 ">
                                        <div class="card ">
                                            <div class="card-content  ">
                                                <div class="card-body card-dashboard">
                                                    <div class="row justify-content-around align-items-center">

                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <div class="text-bold-600 font-medium-2">
                                                                    Source
                                                                </div>
                                                                <select class="select2 form-control">
                                                                    <option value="">All</option>
                                                                    <option value="">Option 1</option>
                                                                    <option value="">Option 2</option>
                                                                </select>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <div class="text-bold-600 font-medium-2">
                                                                    Campaign
                                                                </div>
                                                                <select class="select2 form-control">
                                                                    <option value="">All</option>
                                                                    <option value="">Option 1</option>
                                                                    <option value="">Option 2</option>
                                                                </select>
                                                            </div>
                                                        </div>


                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <div class="text-bold-600 font-medium-2">
                                                                    Sender Id

                                                                </div>
                                                                <select class="select2 form-control">
                                                                    <option value="">All</option>
                                                                    <option value="">Option 1</option>
                                                                    <option value="">Option 2</option>
                                                                </select>
                                                            </div>
                                                        </div>







                                                    </div>
                                                    <div class="row  my-1">
                                                        <div
                                                            class="col-12 d-flex justify-content-center align-items-center">
                                                            <div class="form-group">
                                                                <!-- Buttons with Icon -->
                                                                <button type="button"
                                                                    class="btn btn-secondary btn-min-width mr-1 "
                                                                    fdprocessedid="iq13ig"><i class="ft-file-text"></i>
                                                                    View
                                                                    Report</button>
                                                                <button type="button"
                                                                    class="btn btn-secondary btn-min-width mr-1 "
                                                                    fdprocessedid="iq13ig"><i class="ft-download"></i>
                                                                    Download</button>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="my-1">
                                <h3>View Report By</h3>
                            </section>
                            <section>
                                <div class="row">
                                    <div class="col-xl-12 col-lg-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-block">
                                                    <ul class="nav nav-pills nav-pill-toolbar nav-justified">
                                                        <li class="nav-item">
                                                            <a class="nav-link active" id="active2-pill1"
                                                                data-toggle="pill" href="#active21"
                                                                aria-expanded="true">Active</a>
                                                        </li>
                                                        <li class="nav-item">
                                                            <a class="nav-link" id="link2-pill1" data-toggle="pill"
                                                                href="#link21" aria-expanded="false">Link</a>
                                                        </li>

                                                        <li class="nav-item">
                                                            <a class="nav-link" id="linkOpt2-pill1" data-toggle="pill"
                                                                href="#linkOpt21">Source
                                                            </a>
                                                        </li>
                                                        <li class="nav-item">
                                                            <a class="nav-link" id="linkOpt3-pill1" data-toggle="pill"
                                                                href="#linkOpt22">Sender
                                                                Id</a>
                                                        </li>
                                                        <li class="nav-item">
                                                            <a class="nav-link" id="linkOpt4-pill1" data-toggle="pill"
                                                                href="#linkOpt23">Overall
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <div class="tab-content  pt-1">
                                                        <div role="tabpanel" class="tab-pane active" id="active21"
                                                            aria-labelledby="active2-pill1" aria-expanded="true">
                                                            <table class="table  table-bordered zero-configuration">
                                                                <thead>
                                                                    <tr>
                                                                        <th>DATE</th>
                                                                        <th>USERNAME</th>
                                                                        <th>TOTAL</th>
                                                                        <th>SUBMITTED</th>
                                                                        <th>REJECTED</th>
                                                                        <th>DELIVERED</th>
                                                                        <th>FAILED</th>
                                                                        <th>PENDING</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>21-Aug-2023
                                                                        </td>
                                                                        <td>
                                                                            pre_trans_sa1

                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>



                                                                </tbody>

                                                            </table>

                                                        </div>
                                                        <div class="tab-pane" id="link21" role="tabpanel"
                                                            aria-labelledby="link2-pill1" aria-expanded="false">
                                                            <table class="table  table-bordered zero-configuration ">
                                                                <thead>
                                                                    <tr>
                                                                        <th>DATE</th>
                                                                        <th>USERNAME</th>
                                                                        <th>SENDER ID</th>
                                                                        <th>TOTAL</th>
                                                                        <th>SUBMITTED</th>
                                                                        <th>REJECTED</th>
                                                                        <th>DELIVERED</th>
                                                                        <th>FAILED</th>
                                                                        <th>PENDING</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>21-Aug-2023
                                                                        </td>
                                                                        <td>
                                                                            pre_trans_sa1
                                                                        </td>
                                                                        <td>
                                                                            TECWDS
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>



                                                                </tbody>

                                                            </table>
                                                        </div>
                                                        <div class="tab-pane" id="linkOpt21" role="tabpanel"
                                                            aria-labelledby="dropdownOpt1-pill1" aria-expanded="false">
                                                            <table class="table  table-bordered zero-configuration ">
                                                                <thead>
                                                                    <tr>
                                                                        <th>DATE</th>
                                                                        <th>USERNAME</th>
                                                                        <th>SENDER ID</th>
                                                                        <th>TOTAL</th>
                                                                        <th>SUBMITTED</th>
                                                                        <th>REJECTED</th>
                                                                        <th>DELIVERED</th>
                                                                        <th>FAILED</th>
                                                                        <th>PENDING</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>21-Aug-2023
                                                                        </td>
                                                                        <td>
                                                                            pre_trans_sa1
                                                                        </td>
                                                                        <td>
                                                                            TECWDS
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>



                                                                </tbody>

                                                            </table>

                                                        </div>
                                                        <div class="tab-pane" id="linkOpt22" role="tabpanel"
                                                            aria-labelledby="dropdownOpt1-pill2" aria-expanded="false">
                                                            <table class="table  table-bordered zero-configuration ">
                                                                <thead>
                                                                    <tr>
                                                                        <th>DATE</th>
                                                                        <th>USERNAME</th>
                                                                        <th>SENDER ID</th>
                                                                        <th>TOTAL</th>
                                                                        <th>SUBMITTED</th>
                                                                        <th>REJECTED</th>
                                                                        <th>DELIVERED</th>
                                                                        <th>FAILED</th>
                                                                        <th>PENDING</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>21-Aug-2023
                                                                        </td>
                                                                        <td>
                                                                            pre_trans_sa1
                                                                        </td>
                                                                        <td>
                                                                            TECWDS
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>



                                                                </tbody>

                                                            </table>

                                                        </div>
                                                        <div class="tab-pane" id="linkOpt23" role="tabpanel"
                                                            aria-labelledby="linkOpt2-pill1" aria-expanded="false">
                                                            <table class="table  table-bordered zero-configuration ">
                                                                <thead>
                                                                    <tr>
                                                                        <th>DATE</th>
                                                                        <th>USERNAME</th>
                                                                        <th>SENDER ID</th>
                                                                        <th>TOTAL</th>
                                                                        <th>SUBMITTED</th>
                                                                        <th>REJECTED</th>
                                                                        <th>DELIVERED</th>
                                                                        <th>FAILED</th>
                                                                        <th>PENDING</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>21-Aug-2023
                                                                        </td>
                                                                        <td>
                                                                            pre_trans_sa1
                                                                        </td>
                                                                        <td>
                                                                            TECWDS
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>15<span> (15)</span>
                                                                            <div><span
                                                                                    class="badge bg-success">100%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                        <td>0<span> (0)</span>
                                                                            <div><span class="badge bg-danger">0%</span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>



                                                                </tbody>

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


                                            </div>
                                        </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/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/vendors/js/ui/prism.min.js"></script>

    <script src="app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="app-assets/js/scripts/forms/select/form-select2.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/js/scripts/pickers/dateTime/pick-a-datetime.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/vendors/js/tables/datatable/datatables.min.js"></script>
    <script src="app-assets/js/scripts/customizer.min.js"></script>
    <script src="app-assets/js/scripts/tables/datatables/datatable-basic.js"></script>








</body>

</html>