<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <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">
    <meta name="description" content="Cuba admin is super flexible, powerful, clean &amp; modern responsive bootstrap 5 admin template with unlimited possibilities.">
    <meta name="keywords" content="admin template, Cuba admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="pixelstrap">
    <link rel="icon" href="../../../adminassets/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="../../../adminassets/images/favicon.png" type="image/x-icon">
    <title>آنسه تیم</title>
    <!-- Google font-->
    <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/font-awesome.css">
    <!-- ico-font-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/icofont.css">
    <!-- Themify icon-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/themify.css">
    <!-- Flag icon-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/flag-icon.css">
    <!-- Feather icon-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/feather-icon.css">
    <!-- Plugins css start-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/scrollbar.css">
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/prism.css">
    <!-- Plugins css Ends-->
    <!-- Bootstrap css-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/vendors/bootstrap.css">
    <!-- App css-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/style.css">
    <link id="color" rel="stylesheet" href="../../../adminassets/css/color-1.css" media="screen">
    <!-- Responsive css-->
    <link rel="stylesheet" type="text/css" href="../../../adminassets/css/responsive.css">
  </head>
  <body class="rtl">
    <!-- tap on top starts-->
    <div class="tap-top"><i data-feather="chevrons-up"></i></div>
    <!-- tap on tap ends-->
    <!-- page-wrapper Start-->
    <div class="page-wrapper compact-wrapper" id="pageWrapper">
      <!-- Page Header Start-->

      <div class="page-header">
        <script src="https://kit.fontawesome.com/612fdecd5d.js" crossorigin="anonymous"></script>
         <div class="header-wrapper row m-0">

           <div class="header-logo-wrapper col-auto p-0">
             <div class="logo-wrapper"><a href="index.html"><img class="img-fluid" src="../../../adminassets/images/logo/logo.png" style="max-height:70px" alt=""></a></div>
             <div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="align-center"></i></div>
           </div>
           <div class="nav-right col-8 pull-right right-header p-0">
             <ul class="nav-menus">

               <li><span class="header-search"><i data-feather="search"></i></span></li>
               <li>
                 <div class="mode"><i class="fa fa-moon-o"></i></div>
               </li>
               <li class="maximize"><a class="text-dark" href="#!" onclick="javascript:toggleFullScreen()"><i data-feather="maximize"></i></a></li>
               <li class="profile-nav onhover-dropdown p-0 me-0">
                 <div class="media profile-media"><img class="b-r-10" src="../../../adminassets/images/dashboard/profile.jpg" alt="">
                   <div class="media-body"><span>amarify.ir</span>
                     <p class="mb-0 font-roboto">Admin</p>
                   </div>
                 </div>
               </li>
             </ul>
           </div>
           <script class="result-template" type="text/x-handlebars-template">
             <div class="ProfileCard u-cf">
             <div class="ProfileCard-avatar"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay m-0"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg></div>
             <div class="ProfileCard-details">
             <div class="ProfileCard-realName"></div>
             </div>
             </div>
           </script>
           <script class="empty-template" type="text/x-handlebars-template"><div class="EmptyMessage">Your search turned up 0 results. This most likely means the backend is down, yikes!</div></script>
         </div>
       </div>
       <!-- Page Header Ends                              -->
       <!-- Page Body Start-->
       <div class="page-body-wrapper">
         <!-- Page Sidebar Start-->
         <div class="sidebar-wrapper">
           <div>
             <div class="logo-wrapper"><a href="index.html"><img class="img-fluid for-light" src="../../../adminassets/images/logo/logo.png" alt=""><img class="img-fluid for-dark" src="../../../adminassets/images/logo/logo_dark.png" alt=""></a>
               <div class="back-btn"><i class="fa fa-angle-left"></i></div>
               <div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="grid"> </i></div>
             </div>
             <div class="logo-icon-wrapper"><a href="index.html"><img class="img-fluid" src="../../../adminassets/images/logo/logo-icon.png" alt=""></a></div>
             <nav class="sidebar-main">
               <div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div>
               <div id="sidebar-menu">
                 <ul class="sidebar-links" id="simple-bar">
                   <li class="back-btn"><a href="index.html"><img class="img-fluid" src="../../../adminassets/images/logo/logo-icon.png" alt=""></a>
                     <div class="mobile-back text-end"><span>بازگشت</span><i class="fa fa-angle-left ps-2" aria-hidden="true"></i></div>
                   </li>
                   <li class="sidebar-main-title">
                     <div>
                       <h6>پنل مدیریت  تیم آنسه</h6>
                       <p>ادمین تیم آنسه</p>
                     </div>
                   </li>
                   <li class="sidebar-list">
                     <label class="badge badge-success"></label><a class="sidebar-link sidebar-title" href="#"><i class="fa fa-users" style="margin-left:5px;"></i><span>تماس ها</span></a>
                     <ul class="sidebar-submenu">
                       <li><a href="/call/admin/list">لیست تماس ها</a></li>
                       <li><a href="/call/admin/search">جستجو</a></li>
                     </ul>
                   </li>
                 </ul>
               </div>
               <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
             </nav>
           </div>
         </div>


        <!-- Page Sidebar Ends-->
        <div class="page-body">
          <div class="container-fluid">
            <div class="page-title">
              <div class="row">
                <div class="col-6">
                  <h3>جستجو تماس ها</h3>
                </div>
                <div class="col-6">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item">تماس ها</li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
          <!-- Container-fluid starts-->
          <!-- Container-fluid starts-->
          <div class="container-fluid">
            <div class="row">
              <div class="col-sm-12 col-xl-12">
                <div class="row">
                  <div class="col-sm-10" style="margin:0 auto">
                    <div class="card">
                      <div class="card-header">
                        <h5>جستجو تماس ها</h5>
                      </div>
                      <div class="card-body">
                       <form class="form-space theme-form row" action="/call/admin/search" method="post">
                          <div class="col-sm-6">
                            <label class="form-label">شماره تماس</label>
                            <input class="form-control" name="Mobile" id="Mobile" type="text" required placeholder="شماره تماس" >
                          </div>
                         <div class="card-footer text-end">
                        <button class="btn btn-primary" type="submit">جستجو</button>
                        <a href="/call/admin/list" class="btn btn-success">ثبت تماس جدید</a>
                      </div>
                        </form>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
                 <div class="col-sm-12">
                <div class="card">
                  <div class="card-header">
                    <h5>نتایج جستجو</h5>
                  </div>
                  <div class="table-responsive">
                    <table class="table">
                      <thead>
                        <tr class="border-bottom-primary" style="text-align:center">
                          <th scope="col">#</th>
                          <th scope="col">نام</th>
                          <th scope="col">نام خانوادگی</th>
                          <th scope="col">شماره تماس</th>
                          <th scope="col">تاریخ</th>
                          <th scope="col">نام شرکت</th>
                          <th scope="col">سایت شرکت</th>
                          <th scope="col">بازاریاب</th>
                          <th scope="col">توضیحات</th>
                          <th scope="col">نتیجه تماس</th>
                        </tr>
                      </thead>
                      <tbody>

                        <% for (var i = 0; i < calls.length; i++) { %>
                          <tr class="border-bottom-info" style="text-align:center">
                            <th scope="row"><%= i+1 %></th>
                            <td><%= calls[i].Name %></td>
                            <td><%= calls[i].LastName %></td>
                            <td><%= calls[i].Mobile %></td>
                            <td><%= calls[i].TarikhPersian %></td>
                            <td><%= calls[i].CompanyName %></td>
                            <td><%= calls[i].Site %></td>
                            <td><%= calls[i].Marketer %></td>
                            <td><%= calls[i].Caption %></td>
                            <td><%= calls[i].Result %></td>
                          </tr>
                        <% } %>

                      </tbody>
                    </table>
                    <nav aria-label="...">
                      <ul class="pagination pagination-primary m-3">
                        <li class="page-item"><a class="page-link" href="javascript:void(0)">بعدی</a></li>
                        <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
                        <li class="page-item "><a class="page-link" href="javascript:void(0)">2 <span class="sr-only">(current)</span></a></li>
                        <li class="page-item active"><a class="page-link" href="javascript:void(0)">1</a></li>
                        <li class="page-item disabled"><a class="page-link" href="javascript:void(0)" tabindex="-1">قبلی</a></li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>

          </div>

          </div>
          <!-- Container-fluid Ends-->

          <!-- Container-fluid Ends-->
        </div>
        <!-- footer start-->
        <%- include("../partials/footer") %>

      </div>

    <!-- latest jquery-->
    <script src="../../../adminassets/js/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap js-->
    <script src="../../../adminassets/js/bootstrap/bootstrap.bundle.min.js"></script>
    <!-- feather icon js-->
    <script src="../../../adminassets/js/icons/feather-icon/feather.min.js"></script>
    <script src="../../../adminassets/js/icons/feather-icon/feather-icon.js"></script>
    <!-- scrollbar js-->
    <script src="../../../adminassets/js/scrollbar/simplebar.js"></script>
    <script src="../../../adminassets/js/scrollbar/custom.js"></script>
    <!-- Sidebar jquery-->
    <script src="../../../adminassets/js/config.js"></script>
    <!-- Plugins JS start-->
    <script src="../../../adminassets/js/sidebar-menu.js"></script>
    <script src="../../../adminassets/js/prism/prism.min.js"></script>
    <script src="../../../adminassets/js/clipboard/clipboard.min.js"></script>
    <script src="../../../adminassets/js/custom-card/custom-card.js"></script>
    <script src="../../../adminassets/js/tooltip-init.js"></script>
    <!-- Plugins JS Ends-->
    <!-- Theme js-->
    <script src="../../../adminassets/js/script.js"></script>
    <!-- login js-->
    <!-- Plugin used-->

  </body>
</html>
