<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="LKWs.aspx.vb" Inherits="Customers_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
      <!-- Bootstrap -->
    <html lang="en"></html>
    <!-- Required meta tags -->
    <meta charset="utf-8"/>
      
    <%@ import Namespace="MySql.Data.MySqlClient" %>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>      
      
    <link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
    <!--    <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
    <script src="js/netzwerk.js" type="text/javascript"></script>        
 
 <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/Dropdown.css"/>
      <!--   <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
    <link rel="stylesheet" type="text/css" href="../css/Customers/MasterpageCustomers.css"/>              
    <link rel="stylesheet" type="text/css" href="../css/Customers/LKWs.css"/>
    <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>   
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <asp:ScriptManager ID="script5" runat="server"></asp:ScriptManager>
     <asp:UpdatePanel ID="panelupdate5" runat="server"><ContentTemplate>
    <div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
            <div id="containerseiterand">     
     <div class="d-flex flex-col-4" style="align-content:center">
     <h5>Hier befindet sich eine Übersicht über alle LKWS</h5>
</div>
       <div>
                     <div class="row justify-content-md-start" >
                         <div class="d-flex flex-col-4">
                             <asp:Label ID="Label1" runat="server" Text="Datum"></asp:Label>        
                          <div class="input-group">
                              <input type="text" id="myInput1" onkeyup="filterdatvonbis()" placeholder="Von"/>                       
                             <input type="text" id="myInput2" onkeyup="filterdatvonbis()" placeholder="Bis"/>        
                        </div>
                    </div>
                    <div class="d-flex flex-col-2">    
                        <div class="input-group">
                            <!-- <asp:Label ID="Label3" runat="server" Text="ReNr:"></asp:Label>-->
                           <input type="text" id="myInput3" onkeyup="filterRENr()" placeholder="Rechnungsnummer"/>
                        </div>
                    </div>
                 </div>           
               <div style="height:/*20px*/2.1621621621621623vh;"></div>                  
              <div id="conovertab">   
                <table class="table table-hover table-responsive table-primary" id="tablerechnungen" contenteditable="false">
                    <thead style="width:fit-content;font-size:14px;"><tr><th>Rechnungsnr</th><th>Rechnungsdatum</th><th>LKW</th><th>Grenzsztelle</th><th>Rechnungsbetrag</th><th>Abfertigungsdatum</th><th>Filiale</th><th>Abfertigungsnr.</th><th style="width:/*20px*/ 0.7927070947284979vw;"></th></tr></thead>
                    <tbody id="bodyoftable">
                        <tr><td>045100110</td><td>18.08.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                         <tr><td>0487110</td><td>17.05.2021</td><td>14334234</td><td>NEUHAUS A INN</td><td>509,21€</td><td>17.05.2021</td><td>NICKELSDORF</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                         <tr><td>88800110</td><td>19.10.2017</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>19.10.2017</td><td>WAIDHAUS</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                         <tr><td>25100110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                         <tr><td>542110</td><td>29.02.2021</td><td>14334234</td><td>SUBEN</td><td>509,21€</td><td>18.08.2021</td><td>SUBEN</td><td>512</td><td><center><button type="button" class="btn btn-primary"  data-toggle="tooltip" data-placement="top" title="Hier klicken zum Downlaod der Rechnungen."><img src="../images/pdficon.gif" width="15" height="15"/></button></center></td></tr>
                    </tbody>
                </table>    
              </div></div></div></div>
         </ContentTemplate></asp:UpdatePanel>       
     <!-- jQuery CDN - Slim version (=without AJAX) -->
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <!-- Popper.JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>   
    

     <script>
         function filterRENr() {
             // Declare variables
             var input, filter, table, tr, td, i, txtValue;
             input = document.getElementById("myInput3");
             filter = input.value.toUpperCase();
             table = document.getElementById("bodyoftable");
             tr = table.getElementsByTagName("tr");

             // Loop through all table rows, and hide those who don't match the search query
             for (i = 0; i < tr.length; i++) {
                 td = tr[i].getElementsByTagName("td")[0];
                 if (td) {
                     txtValue = td.textContent || td.innerText;
                     if (txtValue.toUpperCase().indexOf(filter) > -1) {
                         tr[i].style.display = "";
                     } else {
                         tr[i].style.display = "none";
                     }
                 }
             }
         }
         function filterdatvonbis() {
             // Declare variables
             var input, filter, table, tr, td, i, txtValue;
             input = document.getElementById("myInput1");
             input2 = document.getElementById("myInput2");
             filter = input.value.toUpperCase();
             filter = input2.value.toUpperCase();
             table = document.getElementById("bodyoftable");
             tr = table.getElementsByTagName("tr");

             // Loop through all table rows, and hide those who don't match the search query
             for (i = 0; i < tr.length; i++) {
                 td = tr[i].getElementsByTagName("td")[1];
                 if (td) {
                     txtValue = td.textContent || td.innerText;
                     if (txtValue.toUpperCase().indexOf(filter) > -1) {
                         tr[i].style.display = "";
                     } else {
                         tr[i].style.display = "none";
                     }
                 }
             }
         }
     </script> 
</asp:Content>

