<%@ Page Language="C#" MasterPageFile="~/MasterFile/TimeCheck.master" AutoEventWireup="true"
    CodeFile="TA_UI_Transaction_ShiftExport.aspx.cs" Inherits="Transactions_TA_UI_Transaction_ShiftExport" %>

<%@ Register TagPrefix="dxGridview" Namespace="DevExpress.Web" Assembly="DevExpress.Web.v14.2" %>
<%@ Register Assembly="DevExpress.Web.v14.2" Namespace="DevExpress.Web"
    TagPrefix="exp" %>
<%@ Register Assembly="DevExpress.Web.v14.2" Namespace="DevExpress.Web"
    TagPrefix="dxe" %>
<%@ Register Src="~/UserControls/TA_uc_OrganizationLevels.ascx" TagName="OrganizationLevel"
    TagPrefix="uc" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BodyContentPH" runat="Server">
    <link href="../css/ProgressBar.css" rel="stylesheet" type="text/css" />

    <script src="../plugins/datepicker/jquery-1.11.1.min.js"></script>

    <script language="javascript" src="../js/DateTimeValidation.js" type="text/javascript"></script>

    <script type="text/javascript">
        if (navigator.userAgent.toLowerCase().indexOf('chrome') != -1)
            document.write('<link href="../css/safari.css" rel="stylesheet" type="text/css" />');
    </script>

    <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>

    <script>
        $(function () {
            $('#ctl00_BodyContentPH_txtStartDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
        $(function () {
            $('#ctl00_BodyContentPH_txtEndDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
    </script>

    <script type="text/javascript">
        //values for check date
        var Monthfourdigit = 'Please enter valid date as month, day, and four digit year : Format MM/dd/yyyy.';
        var Datefourdigit = 'Please enter valid date with correct format dd/MM/yyyy';
        var Invalidyearentry = 'Invalid year entry';
        var Invalidmonthentry = 'Invalid month entry';
        var Invaliddateentry = 'Invalid date entry';
        var DateformatDDMONYYYY = 'Incorrect date format. Enter as DD-MON-YYYY';
        var Entertime = 'Enter time';
        var Valueforhours = 'Invalid value for hours:';
        var Invalidvalueforminutes = 'Invalid value for minutes:';
        var Invalidtimeformat = 'Invalid time format:';
        var EntervalidDateandTime = 'Please enter valid Date and Time';
        var ValiddatemonthMMDDYYHHMM = 'Please enter valid Date and Time MM/dd/yyyy HH:mm';
        var ValiddatemonthMMDDYYHHMMTT = 'Please enter valid Date and Time MM/dd/yyyy hh:mm tt';
        var EntervalidDateandTime = 'Please enter valid Date and Time';
        var Invalidvalueforhours = 'Invalid value for hours:';
        var Invalidvalueforminites = 'Invalid value for minutes:';
        var MaxLength = "Maximum length is ";
        function MaxLengthh(maxLength) {
            MaxLength = maxLength;
        }
        function SetAlertCheckDate(monthfourdigit, datefourdigit, invalidyearentry, invalidmonthentry, invaliddateentry, dateformatDDMONYYYY, entertime, valueforhours, invalidvalueforminutes, invalidtimeformat, entervalidDateandTime, validdatemonthMMDDYYHHMM, validdatemonthMMDDYYHHMMTT, entervalidDateandTime, invalidvalueforhours, invalidvalueforminites) {
            Monthfourdigit = monthfourdigit;
            Datefourdigit = datefourdigit;
            Invalidyearentry = invalidyearentry;
            Invalidmonthentry = invalidmonthentry;
            Invaliddateentry = invaliddateentry;
            DateformatDDMONYYYY = dateformatDDMONYYYY;
            Entertime = Entertime;
            Valueforhours = valueforhours;
            Invalidvalueforminutes = invalidvalueforminutes;
            Invalidtimeformat = invalidtimeformat;
            EntervalidDateandTime = entervalidDateandTime;
            ValiddatemonthMMDDYYHHMM = validdatemonthMMDDYYHHMM;
            ValiddatemonthMMDDYYHHMMTT = validdatemonthMMDDYYHHMMTT;
            EntervalidDateandTime = entervalidDateandTime;
            Invalidvalueforhours = invalidvalueforhours;
            Invalidvalueforminites = invalidvalueforminites;
        }
        var EnterDetails = "Please enter any of the above details";
        var FillFromandToDate = "Please enter both the From and To Date";
        function SetAlertMessages(FillDetails, fillFromToDate) {
            EnterDetails = FillDetails;
            FillFromandToDate = fillFromToDate;
        }
        function WeekdayValidation() {
            var weekDay = document.aspnetForm.ctl00_BodyContentPH_txtStartDate;
            var weekDay2 = document.aspnetForm.ctl00_BodyContentPH_txtEndDate;
            var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
            var rangeDemoFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
            if ((weekDay.value == '' && weekDay2.value != '') || (weekDay.value != '' && weekDay2.value == '')) {
                alert(FillFromandToDate);
                return false;
            }
            if (weekDay.value == '' && weekDay2.value == '') {
                alert(FillFromandToDate);
                weekDay.focus();
                return false;
            }
            if (weekDay.value != '') {
                if (checkDate(weekDay, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                    if (weekDay2.value != '') {
                        if (checkDate(weekDay2, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                        }
                        else {
                            return false;
                        }
                    }
                }
                else {
                    return false;
                }
            }
        }
    </script>

    <div class="content-header">
        <h1 style="background-image: url('../dist/img/export-icon.png'); background-repeat: no-repeat; padding-left: 35px">
            <asp:Label ID="lbl_Header" runat="server"></asp:Label>
        </h1>
        <asp:SiteMapPath ID="site" runat="server" CssClass="breadcrumb">
            <NodeStyle CssClass="active" />
        </asp:SiteMapPath>
    </div>
    <div class="content">
        <div class="col-md-12" style="color: Red; display: none">
            <span class="fa fa-asterisk"></span>

        </div>
        <div class="inr-ftr">
            <div class="row">
                <div class="col-sm-12">
                    <div class="inr-fil-text pull-left">
                        <asp:Label ID="lblFilter" runat="server" Text="Filter"></asp:Label>
                    </div>
                    <div class="pull-right">
                        <h6>
                            <span style="color: Red">|</span><span style="padding-left: 10px; padding-right: 10px">
                                <asp:Label ID="lblMandatoryFields" runat="server" Text="Indicates Mandatory Fields"></asp:Label>
                                (2 No.)</span>
                        </h6>
                    </div>
                </div>
                <div class="clearfix">
                </div>
            </div>
        </div>
        <div class="emp-filter">
            <div class="form-horizontal">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-12">
                                <asp:HiddenField ID="Hidden1" runat="server" />
                                <asp:UpdatePanel ID="upOrgLevel" runat="server" UpdateMode="Conditional">
                                    <ContentTemplate>
                                        <asp:PlaceHolder ID="PlaceHolderDetailedAttendance" runat="server">
                                            <uc:OrganizationLevel ID="ucOrganizationLevel" runat="server" />
                                        </asp:PlaceHolder>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                    </div>
                    <div class="row">
                        <div class="line16">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lblTimePeriod" runat="server"></asp:Label>
                                -
                                <asp:Label ID="lblStartDate" runat="server" Style="display: inline"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:TextBox onpaste="return true" ID="txtStartDate" runat="server" CssClass="form-control man-dat"
                                    EnableViewState="False" onCut="return false" onDrop="return false" MaxLength="12"></asp:TextBox>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-2">
                                <asp:Label ID="lblEndDate" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:TextBox onpaste="return true" ID="txtEndDate" runat="server" CssClass="form-control man-dat"
                                    EnableViewState="False" onCut="return false" onDrop="return false" MaxLength="12"></asp:TextBox>
                            </div>
                        </div>
                        <div class="row form-group" runat="server" id="trEmpName">
                            <div class="col-md-2">
                                <asp:Label ID="lbl_EmployeeName" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:TextBox onpaste="return true" ID="txt_EmpName" runat="server" CssClass="form-control"
                                    MaxLength="50" onkeypress="return employeename_singlequotes_maxlength(event,this,50,MaxLength);"></asp:TextBox>
                                <cc1:AutoCompleteExtender ID="acEmpName" runat="server" CompletionInterval="10" CompletionSetCount="10"
                                    CompletionListItemCssClass="item" CompletionListHighlightedItemCssClass="AutocompleteCSS"
                                    Enabled="true" FirstRowSelected="true" MinimumPrefixLength="1" ServicePath="../WebServices/AutoCompleteExtender.asmx"
                                    ServiceMethod="GetEmployeeName" CompletionListCssClass="autocomplete_completionListElement"
                                    TargetControlID="txt_EmpName">
                                </cc1:AutoCompleteExtender>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-2">
                                <asp:Label ID="lbl_EmployeeId" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:TextBox onpaste="return true" ID="txtEmployeeId" runat="server" CssClass="form-control"
                                    MaxLength="15" onkeypress="return acceptCharsNum_MaxLength(event,this,15,MaxLength);"></asp:TextBox>
                                <cc1:AutoCompleteExtender ID="acEmployeeId" runat="server" CompletionSetCount="10"
                                    CompletionListItemCssClass="item" CompletionListHighlightedItemCssClass="AutocompleteCSS"
                                    CompletionInterval="10" Enabled="true" MinimumPrefixLength="1" TargetControlID="txtEmployeeId"
                                    ServicePath="../WebServices/AutoCompleteExtender.asmx" ServiceMethod="GetEmployeeId"
                                    CompletionListCssClass="autocomplete_completionListElement" FirstRowSelected="true">
                                </cc1:AutoCompleteExtender>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lblShift" runat="server" Text="Shift"></asp:Label>
                            </div>
                            <div class="col-md-3" style="display: none">
                                <asp:DropDownList ID="ddlShift" runat="server" CssClass="form-control select2">
                                </asp:DropDownList>
                            </div>
                            <div class="col-md-3">
                                <dxe:ASPxComboBox ID="ASPxCboExport" runat="server" ValueType="System.String" CssClass="form-control select2"
                                    ClientInstanceName="ASPxCboExport" SelectedIndex="0" Visible="false">
                                    <Items>
                                        <dxe:ListEditItem ImageUrl="../images/icn-csv.gif" Text="csv" Value="csv" />
                                        <dxe:ListEditItem ImageUrl="../images/icn-excel.jpg" Text="xls" Value="xls" />
                                    </Items>
                                </dxe:ASPxComboBox>
                                <asp:DropDownList ID="ddlExport" runat="server" CssClass="form-control select2">
                                    <asp:ListItem Text="CSV File Format" Value="csv"></asp:ListItem>
                                    <asp:ListItem Text="XLS File Format" Value="xls"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12" style="overflow: auto; padding-bottom: 10px">
                                <dxGridview:ASPxGridView ID="gvShiftExport" EnableCallBacks="false" runat="server"
                                    ClientInstanceName="gvShiftExport" AutoGenerateColumns="false" Width="100%" Visible="false">
                                    <Columns>
                                        <dxGridview:GridViewDataColumn FieldName="Employee Id" Caption="Employee_Code_Id *"
                                            CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">Employee Id</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="Employee Name" Caption="Employee_Name"
                                            CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">Employee Name</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="Company_Name" Caption="Company_Name" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">Company_Name</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="Year" Caption="Year *" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">Year</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="Month" Caption="Month *" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">Month</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="1" Caption="Day1" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">1</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="2" Caption="Day2" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">2</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="3" Caption="Day3" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">3</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="4" Caption="Day4" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">4</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="5" Caption="Day5" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">5</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="6" Caption="Day6" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">6</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="7" Caption="Day7" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">7</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="8" Caption="Day8" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">8</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="9" Caption="Day9" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">9</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="10" Caption="Day10" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">10</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="11" Caption="Day11" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">11</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="12" Caption="Day12" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">12</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="13" Caption="Day13" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">13</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="14" Caption="Day14" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">14</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="15" Caption="Day15" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">15</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="16" Caption="Day16" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">16</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="17" Caption="Day17" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">17</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="18" Caption="Day18" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">18</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="19" Caption="Day19" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">19</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="20" Caption="Day20" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">20</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="21" Caption="Day21" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">21</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="22" Caption="Day22" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">22</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="23" Caption="Day23" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">23</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="24" Caption="Day24" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">24</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="25" Caption="Day25" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">25</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="26" Caption="Day26" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">26</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="27" Caption="Day27" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">27</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="28" Caption="Day28" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">28</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="29" Caption="Day29" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">29</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="30" Caption="Day30" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">30</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                        <dxGridview:GridViewDataColumn FieldName="31" Caption="Day31" CellStyle-HorizontalAlign="Left">
                                            <HeaderStyle HorizontalAlign="Center" Font-Bold="true" />
                                            <HeaderCaptionTemplate>
                                                <span class="label">31</span>
                                            </HeaderCaptionTemplate>
                                        </dxGridview:GridViewDataColumn>
                                    </Columns>
                                    <Settings ShowGroupFooter="VisibleAlways" />
                                    <SettingsPager PageSize="10">
                                    </SettingsPager>
                                    <SettingsText EmptyDataRow="No Records Found" />
                                    <Settings ShowFilterRow="true" />
                                    <SettingsBehavior SortMode="Value" AllowSort="true" AllowDragDrop="true" />
                                </dxGridview:ASPxGridView>
                                <exp:ASPxGridViewExporter ID="expShiftExport" runat="server" GridViewID="gvShiftExport">
                                </exp:ASPxGridViewExporter>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                            </div>
                            <div class="col-md-6">
                                <div class="pull-right-button">
                                    <asp:LinkButton ID="btnExport" CssClass="btn save-btn fa-upload" runat="server" OnClick="btnExport_Click"
                                        OnClientClick="return WeekdayValidation();" />
                                    <asp:LinkButton ID="btn_Cancel" CssClass="btn save-btn fa-angle-left" runat="server"
                                        OnClick="btn_Cancel_Click" Style="display: none" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
