<%@ page title="All Account Balance Info" language="C#" masterpagefile="~/MasterPage.master" autoeventwireup="true" inherits="AllBalInfo, App_Web_ot14egh0" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        .auto-style2 {
            width: 100%;
        }
        .auto-style3 {
            text-align: center;
            text-decoration: underline;
            font-size: x-large;
        }
        .auto-style5 {
            width: 310px;
        }
        .auto-style6 {
            text-align: right;
            width: 498px;
        }
        .auto-style7 {
            width: 66px;
        }
        .auto-style8 {
            width: 1043px;
            text-align: center;
        }
        .auto-style12 {
            width: 310px;
            text-align: center;
        }
        .auto-style13 {
            text-decoration: underline;
            font-size: large;
        }
        .auto-style15 {
            width: 310px;
            height: 150px;
            text-align: center;
        }
        .auto-style16 {
            width: 121px;
            text-align: center;
        }
        .auto-style17 {
            width: 121px;
            height: 50px;
            text-align: center;
        }
        .auto-style21 {
            width: 278px;
            text-align: center;
            height: 50px;
        }
        .auto-style22 {
            width: 278px;
            text-align: center;
        }
        .auto-style25 {
            width: 1335px;
        }
        .auto-style30 {
            width: 152px;
            text-align: center;
        }
        .auto-style31 {
            width: 152px;
            height: 50px;
            text-align: center;
        }
        .GridViewClass th 
        {
            text-align: center !important;
        }

        .GVFixedFooter
        {
            font-weight: bold;
            position: relative;
            bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));
        }
        .auto-style33 {
            text-align: right;
            width: 487px;
        }

        
        .auto-style34 {
            text-align: center;
        }
        .columnwidth
        {
            width: 50px;
        }

        /*  loading */
        #overlay{
            position:fixed;
            z-index:99;
            top:0px;
            left:0px;
            background-color:#000000;
            width:100%;
            height:100%;
            filter:Alpha(Opacity=80);
            opacity:0.80;
            -moz-opacity:80;
        }


        #modalprogress{
            position: fixed;
            top: 50%;
            left: 50%;
            /* bring your own prefixes */
            transform: translate(-50%, -50%);
        }

        /*  loading */

  
        .auto-style35 {
            width: 93%;
            height: 43px;
        }
        .auto-style36 {
            height: 8px;
            width: 73px;
        }
        .auto-style37 {
            height: 8px;
            text-align: left;
            width: 252px;
        }
        .auto-style38 {
            height: 8px;
            text-align: left;
            width: 272px;
        }

  
        .auto-style39 {
            height: 8px;
            width: 258px;
        }

  
        .auto-style40 {
            font-size: medium;
        }
  
        .auto-style42 {
            left: 0px;
            top: 0px;
        }

        .auto-style41 {
            left: -28px;
            top: -228px;
            width: 100%;
            height: 102%;
        }

        .datetimepicker,
        .table-condensed
         {
            background-color: #cfc9fa; border: solid 1px #ffffff;
        }

    </style>


        <script type="text/javascript">
            function isNumberKey(evt)
            {
                var charCode = (evt.which) ? evt.which : event.keyCode
                    if (charCode != 46 && charCode > 31 
                    && (charCode < 48 || charCode > 57))
                        return false;
                    return true;
            }
        </script>


        <script src="JS/SweetAlert.js" type="text/javascript"></script>
    <script>

        function alertme_AddAcc_Success()
        {
            Swal.fire({
            position: 'top-end',
            type: 'success',
            title: 'Transaction Info Added Successfully!',
            showConfirmButton: false,
            timer: 1500
        })
        }

        function alertme_AddAcc_FieldMissing()
        {
            Swal.fire({
            type: 'error',
            title: 'Oops...',
            text: 'Mendatory Field Missing!',
        })

        }

        function alertme_FromToDateEmpty() {
            Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Date From & Date To Can not be empty!',
            })

        }
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <link href="Css/Local_SetEodDate_bootstrap.min.css" rel="stylesheet" />
    <link href="Css/Local_CMS_LogSheet_bootstrap-datetimepicker.css" rel="stylesheet" />
    <script src="js/Local_SetEodDate_moment-with-locales.js"></script>
    <script src="js/Local_SetEodDate_bootstrap-datetimepicker.js"></script>
    
        <link href="Css/Local_all.css" rel="stylesheet" />
    <script src="js/Local_all.js"></script>


    <script src="JS/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>
    <script type="text/javascript">
        Sys.Application.add_load(AjaxLoadComplete);
            function AjaxLoadComplete()
            {
                $(document).ready(function () {
                    $('#<%=GridView_AllBalInfo_AccountDetails.ClientID %>').Scrollable({
                        ScrollHeight: 300,
                        IsInUpdatePanel: false
                    });
                    });
            }
    </script>


    <script type="text/javascript">
        //On Page Load.
        $(function ()
        {
            SetDatePicker_EODSummary();
        });
 
    //On UpdatePanel Refresh.
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        if (prm != null) {
            prm.add_endRequest(function (sender, e) {
                if (sender._postBackSettings.panelsToUpdate != null) {
                    SetDatePicker_EODSummary();
                }
            });
        };
        function SetDatePicker_EODSummary() {
            $('[id*=TextBoxDate]').datetimepicker({
                icons:
                {
                    previous: "fa fa-chevron-left fa-lg",
                    next: "fa fa-chevron-right fa-lg",
                },
                
                format: 'DD-MMM-YYYY'
            });

        };
        
    </script>
    <asp:ScriptManager ID="ScriptManager_AllBalInfo" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel_AllBalInfo" runat="server">
        <ContentTemplate>
            <table class="auto-style2">
                <tr>
                    <td>&nbsp;</td>
                    <td class="auto-style3"><strong>All Account Transaction Info</strong></td>
                    <td>&nbsp;</td>
                </tr>
            </table>
            <br />
            <table class="auto-style2">
                <tr>
                    <td class="auto-style6">Account Name: </td>
                    <td class="auto-style5">
                        <asp:DropDownList ID="DropDownList_AllBalInfo_AccountName" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList_AllBalInfo_AccountName_Changed" Height="35px" Width="296px" class="form-control">
                        </asp:DropDownList>
                    </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style6">&nbsp;</td>
                    <td class="auto-style5">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style6">Current Balance: </td>
                    <td class="auto-style5">
                        <asp:TextBox ID="TextBox_AllBalInfo_CurrentBal" runat="server" Height="35px" ReadOnly="True" Width="296px" class="form-control"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>


            <br />
            <table class="auto-style2">
                <tr>
                    <td>&nbsp;</td>
                    <td class="auto-style25">
                        <div class="container">
                    <div class="panel panel-primary">
                      <div class="panel-heading text-center panel-relative"><span class="auto-style13"><strong>Add Transaction Info</strong></span>
                      </div>
                      <div class="panel-body">
                          <table class="auto-style2">
                              <tr>
                                  <td class="auto-style33">Transaction Type:</td>
                                  <td>
                                      <asp:DropDownList ID="DropDownList_AllBalInfo_Type" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList_Changed" Height="35px" Width="150px" class="form-control">
                                          <asp:ListItem>---Select---</asp:ListItem>
                                          <asp:ListItem>Credit</asp:ListItem>
                                          <asp:ListItem>Debit</asp:ListItem>
                                      </asp:DropDownList>
                                  </td>
                                  <td>&nbsp;</td>
                              </tr>
                          </table>
                          <br />
                          <table class="nav-justified" border="2">
                              <tr>
                                  <td id="coc" runat="server" class="auto-style12" style=" width:250px"><strong>Cause of Credit</strong></td>
                                  <td id="cod" runat="server" class="auto-style12" style=" width:250px"><strong>Cause Of Debit</strong></td>
                                  <td id="dat" runat="server" class="auto-style16" style=" width:160px">
                                      <div class="col-sm-15">
                                      <strong>Date</strong>
                                          </div>
                                  </td>
                                  <td id="ca" runat="server" class="auto-style30" style=" width:160px"><strong>Credit Amount</strong><asp:Label ID="Label_BDT" runat="server" Font-Bold="True" Text=" (BDT)"></asp:Label>
                                  </td>
                                  <td id="cau" runat="server" class="auto-style30" style=" width:160px"><strong>Credit Amount (USD)</strong></td>
                                  <td id="to" runat="server" class="auto-style30" style=" width:160px"><strong>Transaction No</strong>;</td>
                                  <td id="da" runat="server" class="auto-style22" style="width:160px"><strong>Debit Amount</strong></td>
                              </tr>
                              <tr>
                                  <td id="coc_T" runat="server" class="auto-style15" style="height:20px; width:250px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_WayofIncome" runat="server" class="form-control" style=" margin:0px auto;" Width="290px"></asp:TextBox>
                                  </td>
                                  <td id="cod_T" runat="server" class="auto-style12" style="width:250px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_CauseOfWithdrawn" runat="server" class="form-control" style=" margin:0px auto;" Width="290px"></asp:TextBox>
                                  </td>
                                  <td id="dat_T" runat="server" class="auto-style17" style="width:160px">
                                      <div class="col-lg-10 col-lg-offset-1 ">
                                        <asp:TextBox ID="TextBoxDate_AllBalInfo_Date" runat="server" AutoCompleteType="Disabled" style=" margin:0px auto;" class="form-control" Width="150px"></asp:TextBox>
                                        </div>
                                    </td>
                                  <td id="ca_T" runat="server" class="auto-style31" style=" width:160px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_IncomeAmount" runat="server" class="form-control" style=" margin:0px auto;" Width="160px" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                  </td>
                                  <td id="cau_T" runat="server" class="auto-style31" style=" width:160px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_IncomeAmount_USD" runat="server" class="form-control" style=" margin:0px auto;" Width="160px" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                  </td>
                                  <td id="to_T" runat="server" class="auto-style31" style=" width:160px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_TransactionNo" runat="server" class="form-control" style=" margin:0px auto;" Width="160px" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                  </td>
                                  <td id="da_T" runat="server" class="auto-style21" style=" width:160px">
                                      <asp:TextBox ID="TextBox_AllBalInfo_WithdrawnAmount" runat="server" class="form-control" style=" margin:0px auto;" Width="160px" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                  </td>
                              </tr>
                          </table>
                          <br />
                          <table class="auto-style2">
                              <tr>
                                  <td>&nbsp;</td>
                                  <td class="auto-style34">
                                      <asp:Button ID="Button_AllBalInfo_Add" runat="server" class="btn btn-primary" OnClick="Button_AllBalInfo_Add_Click" Text="Add Transaction Info" Width="202px" />
                                      <asp:Label ID="Label_AccountType" runat="server" Text="Label" Visible="False"></asp:Label>
                                  </td>
                                  <td>&nbsp;</td>
                              </tr>
                          </table>
                        </div>
                    </div>
                </div>
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>

            <table id="daterange" runat="server" class="auto-style35">
                <tr>
                    <td class="auto-style39"><span class="auto-style40"><strong>Date From:</strong></span> </td>
                    <td class="auto-style38">
                        <div class="auto-style42">
                            <div class="col-lg-10 col-lg-offset-1">
                            <asp:TextBox ID="TextBoxDate_AllBalInfo_AccountDetails_FromDate" runat="server" class="form-control" AutoCompleteType="Disabled" style=" margin:0px auto;" Width="200px"></asp:TextBox>
                            </div>
                        </div>
                    </td>
                    <td class="auto-style36"><span class="auto-style40"><strong>Date To:</strong></span> </td>
                    <td class="auto-style37">
                        <div class="col-lg-10 col-lg-offset-1">
                            <asp:TextBox ID="TextBoxDate_AllBalInfo_AccountDetails_ToDate" runat="server" class="form-control" AutoCompleteType="Disabled" style=" margin:0px auto;" Width="200px"></asp:TextBox>
                        </div>
                    </td>
                    <td class="auto-style34">
                        <asp:Button ID="Button_AllBalInfo_AccountDetails_LoadDateRange" runat="server" Text="Load Date Range Data" class="btn btn-primary" Width="178px" OnClick="Button_AllBalInfo_AccountDetails_LoadDateRange_Click"/>
                    </td>
                    <td>
                        <asp:Button ID="Button_AllBalInfo_AccountDetails_LoadAll" runat="server" class="btn btn-primary" OnClick="Button_AllBalInfo_AccountDetails_LoadAll_Click" Text="Load All Data" />
                    </td>
                </tr>
            </table>


            <br />
            <table class="auto-style2">
                <tr>
                    <td class="auto-style7">&nbsp;</td>
                    <td class="auto-style8">
                        <asp:GridView ID="GridView_AllBalInfo_AccountDetails" runat="server" EmptyDataText="Sorry There is No Record To Display" CssClass="GridViewClass" BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Vertical" Font-Size="Medium" Width="1142px" style="margin-left: 0px" OnDataBound="GridView_AllBalInfo_AccountDetails_DataBound" OnRowDataBound="GridView_AllBalInfo_AccountDetails_RowDataBound" ShowFooter="True" OnRowCreated="GridView_AllBalInfo_AccountDetails_RowCreated" >
                            <AlternatingRowStyle BackColor="#DCDCDC" />
                            <FooterStyle BackColor="#CCCCCC" ForeColor="Black" CssClass="GVFixedFooter"  />
                            <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
                            <PagerSettings FirstPageText="First" LastPageText="Last" />
                            <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
                            <RowStyle BackColor="#EEEEEE" ForeColor="Black" />
                            <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F1F1F1" />
                            <SortedAscendingHeaderStyle BackColor="#0000A9" />
                            <SortedDescendingCellStyle BackColor="#CAC9C9" />
                            <SortedDescendingHeaderStyle BackColor="#000065" />
                        </asp:GridView>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style7">&nbsp;</td>
                    <td class="auto-style8">
                        &nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style7">&nbsp;</td>
                    <td class="auto-style8">
                        <asp:Button ID="Button_AllBalInfo_ExportToExcel" runat="server" class="btn btn-primary" Text="Export To Excel" Width="202px" OnClick="Button_AllBalInfo_ExportToExcel_Click" Visible="False"  />
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>

        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="Button_AllBalInfo_ExportToExcel" />
        </Triggers>
    </asp:UpdatePanel>

    <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel_AllBalInfo" DisplayAfter="0" runat="server">

    <ProgressTemplate>
        <div id="overlay" class="auto-style41">
            <div id="modalprogress">
                <div id="theprocess">
                    <img alt="Indicator" src="Images/loading.gif">
                </div>
            </div>
        </div>   
    </ProgressTemplate>
</asp:UpdateProgress>
</asp:Content>

