<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WnioskiOOdbiorNadgodzinSzczegoly.aspx.cs" Inherits="KOLKaP_WEB.KOLKaP.WnioskiOOdbiorNadgodzinSzczegoly" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>Wniosek o odbiór nadgodzin</title>
  <link href="../Web.css?4" type="text/css" rel="stylesheet" />
  <link rel="stylesheet" href="../jquery/themes/ui-lightness/jquery-ui-1.9.2.custom.min.css" />
  <link rel="stylesheet" href="../jquery/themes/ui-lightness/jquery.ui.timepicker.css" />
  <script src="../jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="../jquery/ui/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
  <script src="../jquery/jquery.corner.js" type="text/javascript"></script>
  <script src="../jquery/ui/i18n/jquery.ui.datepicker-pl.js" type="text/javascript"></script>
  <script src="../jquery/jquery.blockUI.js" type="text/javascript"></script>
  <script src="../jquery/jquery.ui.timepicker.js" type="text/javascript"></script>
  <script src="../jquery/ui/i18n/jquery.ui.timepicker-pl.js" type="text/javascript"></script>
  <script src="../jquery/jquery.inputmask.bundle.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $(".btnPodgladGrid").button({ icons: { primary: 'ui-icon-search' } });
      $(".btnUsunGrid").button({ icons: { primary: 'ui-icon-trash' } });
      $("#btnDodaj").button({ icons: { primary: 'ui-icon-plusthick' } });
      $("#btnGodzinyDodaj").button({ icons: { primary: 'ui-icon-plusthick' } });
      $("#btnGodzinyZapisz").button({ icons: { primary: 'ui-icon-disk' } });
      $("#btnGodzinyAnuluj").button({ icons: { primary: 'ui-icon-cancel' } });
      $("#btnDoOpinii").button({ icons: { primary: 'ui-icon-check' } });
      $("#btnDoAkceptacji").button({ icons: { primary: 'ui-icon-check' } });
      $("#btnZatwierdz").button({ icons: { primary: 'ui-icon-check' } });
      $("#btnOdrzuc").button({ icons: { primary: 'ui-icon-check' } });
      $("#btnOdrzucOpn").button({ icons: { primary: 'ui-icon-check' } });

      $("#btnPowrot").button({ icons: { primary: 'ui-icon-arrowreturnthick-1-w' } });
      $("#btnZapisz").button({ icons: { primary: 'ui-icon-disk' } });
      $("#btnDrukuj").button({ icons: { primary: 'ui-icon-print' } });

      $("#btnTimepickerButtonOd").button({ icons: { primary: 'ui-icon-clock' }, text: false, label: "Godzina od" });
      $("#btnTimepickerButtonDo").button({ icons: { primary: 'ui-icon-clock' }, text: false, label: "Godzina do" });

      $("#btnOdrzucForm").button({ icons: { primary: 'ui-icon-arrowreturnthick-1-w' } });
      $("#btnOdrzucAnuluj").button({ icons: { primary: 'ui-icon-cancel' } });
      $("#btnOdrzucOpnForm").button({ icons: { primary: 'ui-icon-arrowreturnthick-1-w' } });
      $("#btnOdrzucOpnAnuluj").button({ icons: { primary: 'ui-icon-cancel' } });

      $("#divWniosek").corner("10px");

      if (!$("#tbDzien").is(':disabled')) {
        $("#tbDzien").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, showAnim: '', yearRange: '1970:2060', showOn: 'button', buttonImage: '../img/calendar.gif', buttonImageOnly: true });
        $("#tbDzien").datepicker("option", "dateFormat", 'yy-mm-dd');
      }
      //$.mask.definitions['p'] = "^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$";
      //$.mask.definitions['h'] = "^[0-2]$";
      //$.mask.definitions['o'] = "^[0-9]$";
      //$.mask.definitions['m'] = "^[0-5]$";
      //$.mask.definitions['i'] = "^[0-9]$";


      if (!$("#tbGodzinaOd").is(':disabled')) {
        $('#tbGodzinaOd').timepicker("option", $.timepicker.regional['pl']);
        $('#tbGodzinaOd').timepicker({
          showOn: 'button',
          button: '.timepickerButtonOd',
          minutes: { interval: 15, manual: [0, 15] }
        });
      }
      if (!$("#tbGodzinaDo").is(':disabled')) {
        $('#tbGodzinaDo').timepicker("option", $.timepicker.regional['pl']);
        $('#tbGodzinaDo').timepicker({
          showOn: 'button',
          button: '.timepickerButtonDo',
          minutes: { interval: 15, manual: [0, 15] }
        });
      }
      $('#tbGodzinaOd').inputmask('Regex', { regex: "^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$" });
      $('#tbGodzinaDo').inputmask('Regex', { regex: "^(0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$" });

      $("#dialog-form-powod").dialog({
        autoOpen: false,
        height: 170,
        width: 300,
        modal: true,
        position: "center",
        resizable: false
      });

      var tbPowodOdrzucenia = $("#tbPowodOdrzucenia"),
        allFields = $([]).add(tbPowodOdrzucenia)

      $("#dialog-form-powod-opn").dialog({
        autoOpen: false,
        height: 170,
        width: 300,
        modal: true,
        position: "center",
        resizable: false
      });

      var tbPowodOdrzuceniaOpn = $("#tbPowodOdrzuceniaOpn"),
        allFields = $([]).add(tbPowodOdrzuceniaOpn)

    });


    //function GodzinyClick() {
    //  if (document.getElementById('cbGodzinowy').checked)// && !document.getElementById('cbGodzinowy').disabled) 
    //  {
    //    document.getElementById('divGodzinaOd').style.display = "block";
    //    document.getElementById('divGodzinaDo').style.display = "block";
    //    document.getElementById('divDataDo').style.visibility = "hidden";
    //  }
    //  else {
    //    document.getElementById('divGodzinaOd').style.display = "none";
    //    document.getElementById('divGodzinaDo').style.display = "none";
    //    document.getElementById('divDataDo').style.visibility = "visible";
    //  }
    //}

    //$(document).ready(function () {
    //  GodzinyClick();
    //});


    function OtworzOkienkoPowod() {
      $("#btnOdrzucForm").show();
      $("#dialog-form-powod").parent().appendTo(jQuery("form:first"));
      $("#dialog-form-powod").dialog("open");
    }

    function OtworzOkienkoPowodOpn() {
      $("#btnOdrzucOpnForm").show();
      $("#dialog-form-powod-opn").parent().appendTo(jQuery("form:first"));
      $("#dialog-form-powod-opn").dialog("open");
    }

  </script>
</head>
<body class="body">
  <form id="form1" runat="server">
    <div>
      <asp:Label ID="lblError" runat="server" EnableViewState="False"></asp:Label>
    </div>
    <div id="spanWniosekTitle" style="width: 300px;">
      <asp:Label ID="Label1" runat="server">Wniosek o odbiór nadgodzin</asp:Label>
    </div>
    <div id="divWniosek">
      <table border="0" cellspacing="5px" cellpadding="0" style="width: 100%; margin-top: 0px;">
        <tr>
          <td colspan="3">
            <asp:LinkButton ID="btnDoOpinii" runat="server" Visible="False" Text="Do akceptacji/opinii" CssClass="aspButton" OnClick="btnDoOpinii_Click"></asp:LinkButton>
            <asp:LinkButton ID="btnDoAkceptacji" runat="server" Visible="False" Text="Do akceptacji" CssClass="aspButton" OnClick="btnDoAkceptacji_Click"></asp:LinkButton>
            <asp:LinkButton ID="btnZatwierdz" runat="server" Visible="False" Text="Zatwierdź" CssClass="aspButton" OnClick="btnZatwierdz_Click"></asp:LinkButton>
            <button id="btnOdrzuc" runat="server" type="button" value="Odrzuć" onclick="OtworzOkienkoPowod();" style="display: none; font-weight: normal; color: Black;">Odrzuć</button>
            <button id="btnOdrzucOpn" runat="server" type="button" value="Odrzuć" onclick="OtworzOkienkoPowodOpn();" style="display: none; font-weight: normal; color: Black;">Odrzuć</button>
            <asp:LinkButton ID="btnDrukuj" runat="server" Visible="False" Text="Drukuj" CssClass="aspButton" OnClick="btnDrukuj_Click"></asp:LinkButton>
          </td>
          <td align="right">
            <asp:LinkButton ID="btnZapisz" runat="server" Text="Zapisz" CssClass="aspButton" Width="90px" OnClick="btnZapisz_Click"></asp:LinkButton>
            <asp:LinkButton ID="btnPowrot" runat="server" Text="Powrót" CssClass="aspButton" Width="90px" OnClick="btnPowrot_Click"></asp:LinkButton>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="width: 50%">
            <small>Nazwisko imię</small><br />
            <asp:Label ID="lblNazwisko" runat="server" Style="font-size: 10pt; font-weight: bold;"></asp:Label>&nbsp;<asp:Label ID="lblImie" runat="server" Style="font-size: 10pt; font-weight: bold;"></asp:Label></td>
          <td colspan="2">
            <small>Status</small><br />
            <asp:Label ID="lblStatus" runat="server" Style="font-size: 10pt;"></asp:Label></td>
        </tr>
        <tr>
          <td colspan="2">
            <small>Stanowisko</small><br />
            <asp:Label ID="lblStanowisko" runat="server" Style="font-size: 10pt;"></asp:Label></td>
          <td colspan="2">
            <small>Jednostka</small><br />
            <asp:Label ID="lblJednostka" runat="server" Style="font-size: 10pt;"></asp:Label></td>
        </tr>
        <%--        <tr>
          <td colspan="4">
            <asp:LinkButton ID="btnDodaj" runat="server" Visible="False" Text="Dodaj" CssClass="aspButton"></asp:LinkButton>
          </td>
        </tr>--%>
      </table>
      <!-- składniki -->
      <div id="divGodziny" runat="server">
        <%--style="display: none;">--%>
        <div>
          <div style="font-size: 14px; font-weight: bold; float: left; margin-top: 10px;">
            <asp:Label ID="Label2" runat="server">Godziny</asp:Label>
          </div>
        </div>
        <div style="clear: both;">
        </div>
        <div>
          <div style="float: left;">
            <asp:LinkButton ID="btnDodaj" runat="server" CssClass="aspButton" Text="Dodaj" OnClick="btnDodaj_Click"></asp:LinkButton>
          </div>
          <%--          <div style="float: left;">
            <asp:LinkButton ID="btnPopraw" runat="server" CssClass="aspButton" Text="Edytuj"
              OnClick="btnPopraw_Click" Style="display: none;"></asp:LinkButton>
          </div>
          <div style="float: left;">
            <asp:LinkButton ID="btnUsun" runat="server" CssClass="aspButton" Text="Usuń" OnClick="btnUsun_Click"
              Style="display: none;"></asp:LinkButton>
          </div>
          <div style="float: left;">
            <asp:LinkButton ID="btnOdswiezSkladniki" runat="server" CssClass="aspButton" Text="Odśwież składniki umowy"
              OnClick="btnOdswiezSkladniki_Click" Style="display: none; width: 180px;"></asp:LinkButton>
          </div>--%>
        </div>
        <div style="clear: both;">
        </div>
        <div id="divGridGodziny" runat="server">
          <asp:GridView ID="gvGodziny" runat="server" CssClass="aspGrid" AutoGenerateColumns="False"
            DataKeyNames="ID_GODZINY,ID_WNIOSKU,DATA_OD,DATA_DO,RODZAJ,RODZAJ_NAZWA"
            AllowSorting="True" OnRowCommand="gvGodziny_RowCommand" OnRowDataBound="gvGodziny_RowDataBound" OnSorting="gvGodziny_Sorting">
            <RowStyle CssClass="TableItem" />
            <Columns>
              <asp:TemplateField ShowHeader="False">
                <ItemTemplate>
                  <asp:LinkButton ID="lbPodgladGrid" class="btnPodgladGrid" runat="server" CausesValidation="false" CommandName="PODGLAD" CommandArgument='<%# Container.DataItemIndex %>' Text="Szczegóły"></asp:LinkButton>
                </ItemTemplate>
                <ItemStyle VerticalAlign="Middle" />
              </asp:TemplateField>
              <asp:TemplateField ShowHeader="False">
                <ItemTemplate>
                  <asp:LinkButton ID="lbUsunGrid" class="btnUsunGrid" runat="server" CausesValidation="false" CommandName="USUN" CommandArgument='<%# Container.DataItemIndex %>' Text="Usuń"></asp:LinkButton>
                </ItemTemplate>
                <ItemStyle VerticalAlign="Middle" />
              </asp:TemplateField>
              <asp:BoundField DataField="DATA_OD" HeaderText="Od" SortExpression="DATA_OD" DataFormatString="{0:yyyy-MM-dd HH:mm}">
                <ItemStyle Width="100px" />
              </asp:BoundField>
              <asp:BoundField DataField="DATA_DO" HeaderText="Do" SortExpression="DATA_DO" DataFormatString="{0:yyyy-MM-dd HH:mm}">
                <ItemStyle Width="100px" />
              </asp:BoundField>
              <asp:BoundField DataField="MINUTY_STR" HeaderText="Liczba godzin" SortExpression="MINUTY_STR" />
              <asp:BoundField DataField="RODZAJ_NAZWA" HeaderText="Rodzaj" SortExpression="RODZAJ_NAZWA" />
            </Columns>
            <SelectedRowStyle CssClass="TableItemSelected" />
            <HeaderStyle CssClass="TableHeader" />
            <AlternatingRowStyle CssClass="TableItemAlt" />
          </asp:GridView>
        </div>
      </div>
      <!-- szczegóły -->
      <div id="divGodzinySzczegly" runat="server" style="width: 600px;" visible="false">
        <%--style="display: none;">--%>
        <div style="height: 10px">
          <span style="font-size: 16px; font-weight: bold">&nbsp; </span>
        </div>
        <hr style="color:orange;" />
        <div>
          <div style="float:left">
          <span>Nadgodziny</span>
          <asp:GridView ID="gvNadgodzinyWybor" runat="server" CssClass="aspGrid" AutoGenerateColumns="False"
            DataKeyNames="DATA_OD,MINUTY,RODZAJ,RODZAJ_NAZWA"
            AllowSorting="True" OnSorting="gvNadgodzinyWybor_Sorting">
            <RowStyle CssClass="TableItem" />
            <Columns>
              <asp:BoundField DataField="DATA_OD" HeaderText="Dzień" SortExpression="DATA_OD" DataFormatString="{0:yyyy-MM-dd}">
                <ItemStyle Width="100px" />
              </asp:BoundField>
              <asp:BoundField DataField="MINUTY_STR" HeaderText="Liczba godzin" SortExpression="MINUTY_STR" />
              <asp:BoundField DataField="RODZAJ_NAZWA" HeaderText="Rodzaj" SortExpression="RODZAJ_NAZWA" />
            </Columns>
            <SelectedRowStyle CssClass="TableItemSelected" />
            <HeaderStyle CssClass="TableHeader" />
            <AlternatingRowStyle CssClass="TableItemAlt" />
          </asp:GridView>
            </div>
          <div style="float:left; padding-top:10px;">
            <asp:Label ID="lblPodajGodzinyCalyDzien" runat="server" Text="Podaj godzinę rozpoczęcia i zakończenia pracy <br />w dniu który chcesz odebrać jako wolny" ForeColor="Blue" Visible="false"></asp:Label>
          </div>
        </div>
        <div style="clear:both;"></div>
        <span>Odbiorę</span>
        <div style="width: 90%;">
          <div id="divDzien" style="float: left; width: 180px;">
            <small>w dniu (rrrr-mm-dd)</small><br />
            <asp:TextBox ID="tbDzien" runat="server" Style="width: 100px;"></asp:TextBox>
          </div>
          <div id="divGodzinaOd" runat="server" style="float: left; width: 180px;">
            <small>od (HH:mm)</small><br />
            <asp:TextBox ID="tbGodzinaOd" runat="server" Style="width: 100px;"></asp:TextBox>
            <button id="btnTimepickerButtonOd" class="timepickerButtonOd" style="font-size: 7pt;" runat="server"></button>
          </div>
          <div id="divGodzinaDo" runat="server" style="float: left; width: 180px;">
            <small>do (HH:mm)</small><br />
            <asp:TextBox ID="tbGodzinaDo" runat="server" Style="width: 100px;"></asp:TextBox>
            <button class="timepickerButtonDo" id="btnTimepickerButtonDo" style="font-size: 7pt;" runat="server"></button>
          </div>
        </div>
        <div style="clear: both;">
        </div>
        <div style="height: 20px">
          &nbsp;
        </div>
        <div>
          <%--          <div style="float: right;">
            <asp:LinkButton ID="btnGodzinyZapisz" runat="server" CssClass="aspButton"
              Text="Zapisz" Style="display: none; width: 90px;" OnClick="btnZapiszSkladnikiSzczegoly_Click">
            </asp:LinkButton>
          </div>
          <div style="float: right;">
            <asp:LinkButton ID="btnGodzinyUsun" runat="server" CssClass="aspButton"
              Text="Usuń" Style="display: none; width: 90px;" OnClick="btnUsunSkladnikiSzczegoly_Click">
            </asp:LinkButton>
          </div>--%>
          <div style="float: right;">
            <asp:LinkButton ID="btnGodzinyDodaj" runat="server" CssClass="aspButton" Visible="false"
              Text="Dodaj" Style="width: 90px;" OnClick="btnGodzinyDodaj_Click">
            </asp:LinkButton>
          </div>
          <div style="float: right;">
            <asp:LinkButton ID="btnGodzinyZapisz" runat="server" CssClass="aspButton" Visible="false"
              Text="Zapisz" Style="width: 90px;" OnClick="btnGodzinyZapisz_Click">
            </asp:LinkButton>
          </div>
          <div style="float: right;">
            <asp:LinkButton ID="btnGodzinyAnuluj" runat="server" OnClick="btnGodzinyAnuluj_Click">Anuluj</asp:LinkButton>
          </div>
        </div>
      </div>
      <div style="height: 10px; clear: both;">
        &nbsp;
      </div>
      <!-- koniec szczegóły -->
    </div>
    <!-- Okienko dialogu ok -->
    <div id="dialog-form-powod" title="Powód odrzucenia" style="display: none;">
      <div style="width: 100%;">
        <span>Podaj powód odrzucenia wniosku:</span>
      </div>
      <div style="height: 80px;">
        <asp:TextBox ID="tbPowodOdrzucenia" runat="server" TextMode="MultiLine" Rows="4" class="text ui-widget-content ui-corner-all" Style="width: 250px;" EnableViewState="true"></asp:TextBox>
      </div>
      <div>
        <div style="float: right;">
          <asp:LinkButton ID="btnOdrzucForm" runat="server" OnClick="btnOdrzucForm_Click" Style="display: none;">Odrzuć</asp:LinkButton>
          <asp:LinkButton ID="btnOdrzucAnuluj" runat="server" OnClick="btnOdrzucAnuluj_Click">Anuluj</asp:LinkButton>
        </div>
      </div>
    </div>
    <!-- Okienko dialogu OPN -->
    <div id="dialog-form-powod-opn" title="Powód odrzucenia opiniującego" style="display: none;">
      <div style="width: 100%;">
        <span>Podaj powód odrzucenia wniosku:</span>
      </div>
      <div style="height: 80px;">
        <asp:TextBox ID="tbPowodOdrzuceniaOpn" runat="server" TextMode="MultiLine" Rows="4" class="text ui-widget-content ui-corner-all" Style="width: 250px;" EnableViewState="true"></asp:TextBox>
      </div>
      <div>
        <div style="float: right;">
          <asp:LinkButton ID="btnOdrzucOpnForm" runat="server" OnClick="btnOdrzucOpnForm_Click" Style="display: none;">Odrzuć</asp:LinkButton>
          <asp:LinkButton ID="btnOdrzucOpnAnuluj" runat="server" OnClick="btnOdrzucOpnAnuluj_Click">Anuluj</asp:LinkButton>
        </div>
      </div>
    </div>
  </form>
</body>
</html>


