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

<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"/> 
    <style>
        @media (max-width: 558.98px) {
            body {
                max-width: 390px;
            }

            h1 {
                color: #043381;
                font-size: 22px;
            }
            h2 {
                color: #043381;
                font-size: 30px;
            }

            #tableSearch {
                width: 53%;
                border: 1px solid grey;
            }
        }
    </style>
</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">     
                 <!-- Desktop/Tablet -->
            <div class="d-none d-md-block">  
                <div class="col-6"></div>               
                    <div class="row" style="background-color:white">
                        <div class="col-3">
                             <div class="row">
                                 <div class="col-10"></div>
                                 <div class="col-2">
                    <asp:Button runat="server" Text="Alle" ClientIDMode="Predictable" ID="btn_alle" OnClick="btn_alle_Click" style="margin-left:-36px;width:56px"/></div>
                </div>     
                            <div style="height:5px"></div>
                            <div class="row">  
                             <div class="col-12">Kennzeichen:<asp:TextBox runat="server" ID="txt_LkwNr" Width="110px" style="margin-left:25px"></asp:TextBox><asp:Button ID="btn_Suchen" OnClick="btn_Suchen_Click" runat="server" Text="Suchen" style="margin-left:5px"/> </div>
                            <div class="col-9">       
                                <div class="col-9"style="height:10px;"></div>
                              <div class="flex-col-9">
                                  <asp:Table ID="Table1" runat="server"></asp:Table>
                                  <asp:Table ID="tbl_sidemenue" runat="server" CssClass="table table-striped" style="width:310px;margin-left:-32px;">
                                      <asp:TableHeaderRow style="background-color:#043381;color:#fff;font-size:0.86em"><asp:TableHeaderCell ID="tbhc_KFZKennz">KFZ-Kennzeichen</asp:TableHeaderCell><asp:TableHeaderCell ID="tbhc_Nat">Nat.</asp:TableHeaderCell><asp:TableHeaderCell ID="tblhc_Verk">Verk</asp:TableHeaderCell><asp:TableHeaderCell ID="tblhc_Kz">KZ-An</asp:TableHeaderCell><asp:TableHeaderCell ID="tblhc_Verm">Vermerk</asp:TableHeaderCell></asp:TableHeaderRow>
                                  </asp:Table>
                                  
                              </div>
                            </div></div>
                        </div>
                        <div class="col-9">
                            <div class="col-12"> 
                                <asp:Image runat="server" ClientIDMode="AutoID" ID="Img_Text1" ImageUrl="~/images/truck.png" style="width:106px;height:66px" />
                                <asp:Label runat="server" Font-Size="20px" Font-Bold="true">Spedition Coopersped 10</asp:Label>
                            </div> 
                            <div class="col-12">
                                <asp:Label ID="lbl_natLKW" runat="server" Font-Size="1em" style="color:#043381">Nationalität:</asp:Label><asp:Label runat="server">Placeholder</asp:Label>                               
                            </div>
                            <div class="col-12">
                                 <asp:Label ID="lbl_SDL" runat="server" Font-Size="1.331em" style="color:#043381;font-weight:500">SDL-Leistungen:</asp:Label>
                            </div>
                              <div class="col-12"style="height:10px;"></div>
                            <div id="conovertab" class="col-12" style="background-color:#fff;overflow-x:auto">
                                <asp:Table ID="tbl_mainpage" runat="server" Width="100%" CssClass="table table-striped">
                                    <asp:TableHeaderRow style="background-color:#043381;color:#fff"><asp:TableHeaderCell>SDL-Nr</asp:TableHeaderCell><asp:TableHeaderCell>Bezeichnung</asp:TableHeaderCell><asp:TableHeaderCell>Gültig Bis</asp:TableHeaderCell><asp:TableHeaderCell>Karten-Nummer</asp:TableHeaderCell></asp:TableHeaderRow>
                               </asp:Table>
                            </div>
                        </div>                       
                </div>                      
            </div>
                  <!-- Mobil -->
                                <div class="d-md-none">
                                    
                                     <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>           
                           <div style="height:/*20px*/2.1621621621621623vh;"></div>                  
                          <div id="conovertab">   
                   
              </div></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>   
    

    
</asp:Content>

