<div class="tab-pane fade" id="Leads" role="tabpanel" aria-labelledby="Leads-tab">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="bda-section-padding-bot ">
                    <div class="bda-title-area-chat-bot  bda-pb-30 bda-border-bottom">
                        <div>
                            <h5 class="bda-fs-24 bda-mb-10 title-light">{{__("Leads")}}</h5>
                            <p>{{__("Lead list of the chatbot.")}}</p>
                        </div>
                        <div class="d-flex gap-3 flex-wrap align-items-center justify-content-between">
                            <div class="bda-header-top-input-box">
                                <input type="text" placeholder="{{__("Search")}}" id="search">
                                <img src="{{asset("assets/images/icon/Search.svg")}}" alt="">
                            </div>
                            <div class="bda-header-top-input-box">
                                <input type="text" class="log-date-rang"
                                       placeholder="{{__("mm / dd / yyyy - mm / dd / yyyy ")}}" id="dateSearch">
                                <img src="{{asset("assets/images/icon/calender.svg")}}" alt="">
                            </div>

                        </div>
                    </div>
                    <!-- data table area start -->
                    <div class="bda-table-data overflow-x-auto bda-mt-30">
                        <div class="">
                            <div class="table-responsive">
                                <table class="table bda-data-table-box " id="leadDataTable">
                                    <thead>
                                    <tr>
                                        <th>{{__("Name")}}</th>
                                        <th>{{__("Email")}}</th>
                                        <th>{{__("Phone")}}</th>
                                        <th>{{__("Created At")}}</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- data table area end -->
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="{{route("user.chatbot.create")}}" id="leadsListRoute">
