<!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>DLT</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/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/tables/extensions/responsive.dataTables.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/vendors/css/tables/extensions/buttons.dataTables.min.css">
    <link rel="stylesheet" type="text/css"
        href="app-assets/vendors/css/tables/extensions/colReorder.dataTables.min.css">
    <link rel="stylesheet" type="text/css"
        href="app-assets/vendors/css/tables/extensions/fixedHeader.dataTables.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;
    }


    .tooltip-container {
        position: relative;
        cursor: pointer;
    }

    .tooltip {
        visibility: hidden;
        width: 320px;
        background-color: #F2F2F2;
        color: #000;
        text-align: center;
        border-radius: 4px;
        padding: 6px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .tooltip-container:hover .tooltip {
        visibility: visible;
        opacity: 1;
    }

    .ft-copy {
        font-size: 15px;
    }

    .ft-copy:hover {
        color: #3BAFDA;
    }

    .grey-theme-btn {
        background-color: #607D8B;
    }
    </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">
                                <div>

                                    <div class="row my-2">
                                        <div class="col-xxl-4 col-lg-4 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="media-body media-doller mx-2">
                                                            <span class="my-1 first">Total Templates</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xxl-4 col-lg-4 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="media-body media-doller mx-2">
                                                            <span class="my-1 second">Total Sender Id</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-4 col-lg-4 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="media-body media-doller mx-2">
                                                            <span class="my-1 third">
                                                                Total Entity Id</span>
                                                            <h3 class="mb-1"> <span class="counter">0</span>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

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


                    <section id="dom">
                        <div class="row">
                            <div class="col-12 px-0">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">DLT Templates</h4>
                                        <a class="heading-elements-toggle"><i
                                                class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    </div>
                                    <div class="card-content collapse show">
                                        <div class="card-body card-dashboard">
                                            <div class="row justify-content-between my-1">
                                                <div class="col-md-4">
                                                    <fieldset class="form-group position-relative has-icon-left ">
                                                        <input type="text" class="form-control" id="search_field"
                                                            placeholder="Search...">
                                                        <div class="form-control-position">
                                                            <i class="ficon fa fa-search"></i>
                                                        </div>
                                                    </fieldset>
                                                </div>
                                                <div class="col-md-6 row">
                                                    <div class="col-5">
                                                        <fieldset class="form-group">
                                                            <select class="custom-select" id="customSelect">
                                                                <option selected="">All Entity
                                                                </option>
                                                                <option value="1">One</option>
                                                                <option value="2">Two</option>
                                                                <option value="3">Three</option>
                                                            </select>
                                                        </fieldset>
                                                    </div>
                                                    <div class="col-5">
                                                        <fieldset class="form-group">
                                                            <select class="custom-select" id="customSelect">
                                                                <option selected="">All Template
                                                                </option>
                                                                <option value="1">One</option>
                                                                <option value="2">Two</option>
                                                                <option value="3">Three</option>
                                                            </select>
                                                        </fieldset>
                                                    </div>

                                                    <div class="col-2">
                                                        <button type="button" class="btn btn-info btn-sm"
                                                            style="padding: 10px 8px;">Search</button>
                                                    </div>
                                                </div>

                                            </div>
                                            <table class="table table-striped table-bordered dom-jQuery-events ">
                                                <thead>
                                                    <tr>
                                                        <th>SENDER ID</th>
                                                        <th>TEMPLATE MESSAGE</th>
                                                        <th>ENTITY ID</th>
                                                        <th>TEMPLATE ID</th>
                                                        <th>CREATED DATE(IST)</th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>ACCLTD</td>
                                                        <td class="tooltip-container"> प्रिय डीलर बंधू <i class=" ft-copy
                                                            px-1 ">
                                                            </i>
                                                            <div class="tooltip"> प्रिय डीलर बंधू, लक्ष्य-ए-आसमान के
                                                                अंतर्गत आपका वर्तमान टियर {#var#} है | आशा करते है की इस
                                                                माह आप और ज्यादा लिफ्टिंग करके अपना टियर अपग्रेड करने का
                                                                प्रयत्न करेंगे| अधिक जानकारी के लिए, तुरंत अपने ऑफिसर्स
                                                                से संपर्क करें और अपने अकाउंट की अधिक जानकारी के लिए आज
                                                                ही अपने Dealer Code और Password{#var#} से लॉगिन करे। App
                                                                Link: Android - https://tinyurl.com/6sfczfhu और IOS -
                                                                https://tinyurl.com/36hpjdtr या Website -
                                                                www.lakshya-e-aasman.in। टीम एसीसी।</div>
                                                        </td>
                                                        <td>1001260386297766880</td>
                                                        <td>1007078828925306988</td>
                                                        <td>2011/04/25</td>
                                                    </tr>
                                                    <tr>
                                                        <td>ACCLTD</td>
                                                        <td class="tooltip-container"> इंतजार अब खत्म हुआ!<i class=" ft-copy
                                                            px-1 ">
                                                            </i>
                                                            <div class="tooltip"> इंतजार अब खत्म हुआ! पेश है
                                                                लक्ष्य-ए-आसमान, जो विशेष रूप से आपके लिए रोमांचक
                                                                पुरस्कारों और विशेष उपहारों का आनंद लेने के लिए डिज़ाइन
                                                                किया गया है। अपने अकाउंट की अधिक जानकारी के लिए आज ही
                                                                अपने Dealer Code और Password {#var#} से लॉगिन करे। App
                                                                Link: Android - https://tinyurl.com/6sfczfhu और IOS -
                                                                https://tinyurl.com/36hpjdtr या Website -
                                                                www.lakshya-e-aasman.in। टीम एसीसी।</div>
                                                        </td>
                                                        <td>1001260386297766880</td>
                                                        <td>1007078828925306988</td>
                                                        <td>2011/07/25</td>
                                                    </tr>
                                                </tbody>

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


                    <section>
                        <div class="row">
                            <div class="col-6 pl-0">
                                <div class="card px-1">
                                    <div class="card-header">
                                        <h4 class="card-title">Sender Ids</h4>

                                        <p class="mb-0 " style="padding-top: 5px;">47 total</p>

                                        <div class="heading-elements">

                                            <fieldset class="form-group position-relative has-icon-left ">
                                                <input type="text" class="form-control" id="search_field"
                                                    placeholder="Search...">
                                                <div class="form-control-position">
                                                    <i class="ficon fa fa-search"></i>
                                                </div>
                                            </fieldset>


                                        </div>
                                    </div>
                                    <div class="card-content  ">
                                        <div class="card-body card-dashboard ">
                                            <section class="row px-1">

                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>
                                                <div class="col-3 mb-1">
                                                    <span
                                                        class="btn grey-theme-btn text-white px-2 btn-sm">ABCDEFG</span>
                                                </div>













                                            </section>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <div class="row justify-content-between">
                                            <div class="col-6">
                                                <p class=" mb-0">Showing <span>1</span>to <span>20</span>
                                                    of<span>47</span>
                                                    results
                                                </p>
                                            </div>
                                            <div class=" col-6 d-flex justify-content-end">
                                                <div class="btn-group mr-1 mb-1">
                                                    <button type="button" class="btn btn-outline-secondary  btn-sm"><i
                                                            class="ft-chevron-left"></i></button>
                                                </div>
                                                <div class="btn-group mr-1 mb-1">
                                                    <button type="button" class="btn btn-outline-secondary  btn-sm"><i
                                                            class="ft-chevron-right"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6  pr-0">
                                <div class="card px-1">
                                    <div class="card-header">
                                        <h4 class="card-title">Entity Ids</h4>
                                        <p class="mb-0 " style="padding-top: 5px;">35 total</p>

                                        <div class="heading-elements">

                                            <fieldset class="form-group position-relative has-icon-left ">
                                                <input type="text" class="form-control" id="search_field"
                                                    placeholder="Search...">
                                                <div class="form-control-position">
                                                    <i class="ficon fa fa-search"></i>
                                                </div>
                                            </fieldset>


                                        </div>
                                    </div>

                                    <div class="card-content ">
                                        <div class="card-body card-dashboard">

                                            <div class="row">
                                                <div class="col-12 d-flex justify-content-between align-items-center py-1"
                                                    style="background-color: #F9FAFB; border-radius: 5px;">
                                                    <p class="text-muted mb-0">ENTITY ID</p>
                                                    <p class="text-muted mb-0">TOTAL </p>
                                                </div>
                                            </div>
                                            <section class="row px-1">
                                                <div class="col-12 d-flex justify-content-between my-1"
                                                    style="border-bottom: 1px solid #eee;">
                                                    <p>1001438220000011658
                                                    </p>
                                                    <span
                                                        class="badge rounded-pill grey-theme-btn  align-self-start">56</span>
                                                </div>
                                                <div class="col-12 d-flex justify-content-between my-1"
                                                    style="border-bottom: 1px solid #eee;">
                                                    <p>1001438220000011658
                                                    </p>
                                                    <span
                                                        class="badge rounded-pill grey-theme-btn  align-self-start">56</span>
                                                </div>
                                                <div class="col-12 d-flex justify-content-between my-1"
                                                    style="border-bottom: 1px solid #eee;">
                                                    <p>1001438220000011658
                                                    </p>
                                                    <span
                                                        class="badge rounded-pill grey-theme-btn  align-self-start">56</span>
                                                </div>
                                                <!-- <div class="col-12 d-flex justify-content-between my-1"
                                                    style="border-bottom: 1px solid #eee;">
                                                    <p>1001438220000011658
                                                    </p>
                                                    <span
                                                        class="badge rounded-pill grey-theme-btn  align-self-start">56</span>
                                                </div>
                                                <div class="col-12 d-flex justify-content-between my-1"
                                                    style="border-bottom: 1px solid #eee;">
                                                    <p>1001438220000011658
                                                    </p>
                                                    <span
                                                        class="badge rounded-pill grey-theme-btn  align-self-start">56</span>
                                                </div>   -->


                                            </section>



                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <div class="row justify-content-between">
                                            <div class="col-6">
                                                <p class=" mb-0">Showing <span>1</span>to <span>20</span>
                                                    of<span>47</span>
                                                    results
                                                </p>
                                            </div>
                                            <div class=" col-6 d-flex justify-content-end">
                                                <div class="btn-group mr-1 mb-1">
                                                    <button type="button" class="btn btn-outline-secondary  btn-sm"><i
                                                            class="ft-chevron-left"></i></button>
                                                </div>
                                                <div class="btn-group mr-1 mb-1">
                                                    <button type="button" class="btn btn-outline-secondary  btn-sm"><i
                                                            class="ft-chevron-right"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>


                </div>
            </div>





        </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->
    <?php include "includes/footer.php" ?>
    <!-- <script src="app-assets/js/core/libraries/jquery.min.js"></script> -->


    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const tooltips = document.querySelectorAll('.tooltip-container');

        for (let i = 0; i < tooltips.length; i++) {
            const span = tooltips[i].querySelector('.ft-copy');

            span.addEventListener('click', function() {
                const textToCopy = tooltips[i].querySelector('.tooltip').textContent;
                copyTextToClipboard(textToCopy);
            });
        }

        function copyTextToClipboard(text) {
            navigator.clipboard.writeText(text)
                .then(() => {
                    console.log('Text copied to clipboard:', text);
                })
                .catch(err => {
                    console.error('Error copying text to clipboard:', err);
                });
        }
    });
    </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/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/vendors/js/tables/datatable/datatables.min.js"></script>
    <script src="app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>

    <!-- <script src="app-assets/vendors/js/tables/buttons.colVis.min.js"></script> -->
    <script src="app-assets/vendors/js/tables/datatable/dataTables.colReorder.min.js"></script>
    <script src="app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js"></script>
    <script src="app-assets/vendors/js/tables/datatable/buttons.bootstrap4.min.js"></script>
    <script src="app-assets/vendors/js/tables/datatable/dataTables.fixedHeader.min.js"></script>

    <script src="app-assets/js/scripts/tables/datatables-extensions/datatable-responsive.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/tables/datatable/datatables.min.js"></script>
    <script src="app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js"></script>
    <script src="app-assets/vendors/js/tables/buttons.flash.min.js"></script>
    <script src="app-assets/vendors/js/tables/jszip.min.js"></script>
    <script src="app-assets/vendors/js/tables/pdfmake.min.js"></script>
    <script src="app-assets/vendors/js/tables/vfs_fonts.js"></script>
    <script src="app-assets/vendors/js/tables/buttons.html5.min.js"></script>
    <script src="app-assets/vendors/js/tables/buttons.print.min.js"></script>


</body>

</html>