<% @Import Namespace="Seven.Front" %>
<% @Import Namespace="Seven.Front.Globals" %>
<% @Import Namespace="Seven.Front.Objects" %>
<%@ Page Language="C#" MasterPageFile="Model.Master" AutoEventWireup="true" CodeBehind="EstadoHabitaciones.aspx.cs" Inherits="Seven.Front.EstadoHabitaciones" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cpHeader" runat="server">

    <% try{ %>

    <title><%=L.TIT("EstadoHabitaciones") %> [5.1]</title>
    
    <script type="text/javascript">

        var ListFindN    =  ['eq','bw','ne','lt','le','gt','ge','ew','cn'];
        var ListFindT    =  ['cn','eq','bw','bn','nc','ew','en'];

        <% /* Código del jqGrid para Estado de las Habitaciones */ %>

        <% /* Función para cargar los datos del Web Service. */ %>

        function GetEH() {
            $("#jqgEH").jqGrid("clearGridData");
            $.ajax({
                url: 'Servicio.svc/GetEstadoHabitaciones',
                data: {
                    "Modo": $('input[name=rbModo]:checked').val(), "FilEstado": $('input[name=rbEstado]:checked').val()
                    , "U": "<%=Request.Cookies[Parametros.COOKIE_USR].Value %>", "N": "<%=Request.Cookies[Parametros.COOKIE_NOM].Value %>"
                    , "D": "<%=Request.Cookies[Parametros.COOKIE_DAT].Value %>", "I": "<%=Enigma.Encriptar(Request.ServerVariables["REMOTE_ADDR"]) %>"
                    , "LangCode": "<%=LangCode %>"
                },
                dataType: "json",
                type: "GET",
                contentType: "application/json; charset=utf-8",
                success: function (json) {
                    try {
                        $("#jqgEH").jqGrid("setGridParam", { datatype: "json", loadonce: true });
                        var thegrid = $("#jqgEH")[0];
                        thegrid.addJSONData(JSON.parse(json.d));
                        $("#jqgEH").jqGrid("setGridParam", { datatype: "local", loadonce: true });
                    }
                    catch (err) {
                        $('#dlgInformation').html(json.d);
                        $('#dlgInformation').dialog('open');
                    }
                }
            });
        }

        <% /* Función principal que inicia la carga del jqGrid. Se llama de primero. */ %>

        function LoadGridEH() {

            var lselEH;
            var colMap = {};
            $("#jqgEH").jqGrid({
                datatype: 'local',
                height: 255,
                width: 700,
                colNames: ['', '', '<%=L.LBL("LblFDKHabAbbr") %>', '', '', '<%=L.LBL("LblGENEstado") %>', '<%=L.LBL("LblFDKSucia") %>', '<%=L.LBL("LblFDKPax") %>', '', '',
                    '', '<%=L.LBL("LblFDKHabAbbr") %>', '', '', '<%=L.LBL("LblGENEstado") %>', '<%=L.LBL("LblFDKSucia") %>', '<%=L.LBL("LblFDKPax") %>', '', '',
                    '', '<%=L.LBL("LblFDKHabAbbr") %>', '', '', '<%=L.LBL("LblGENEstado") %>', '<%=L.LBL("LblFDKSucia") %>', '<%=L.LBL("LblFDKPax") %>', '', '', ''],
                colModel: [
                            { name: 'Id', index: 'Id', width: 1, sorttype: 'int', hidden: true },
                            { name: 'id_habi_01', index: 'id_habi_01', width: 10, editable: true, hidden: true },
                            { name: 'habitacion_01', index: 'habitacion_01', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            { name: 'tipo_habi_01', index: 'tipo_habi_01', width: 10, editable: false, hidden: true },
                            { name: 'desc_c_hab_01', index: 'desc_c_hab_01', width: 10, editable: false, hidden: true },
                            { name: 'estado_01', index: 'estado_01', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            {
                                name: 'limpia_01', index: 'limpia_01', width: 10, editable: true,
                                edittype: 'checkbox', formatter: 'checkbox', editoptions: { value: '1:0' }, 
                                formatoptions: { disabled: true }, align: 'center' },
                            { name: 'paxs_01', index: 'paxs_01', width: 10, editable: false, searchoptions: { sopt: ListFindN }, align: 'center' },
                            { name: 'vip_01', index: 'vip_01', width: 10, editable: false, hidden: true },
                            { name: 'grupo_01', index: 'grupo_01', width: 10, editable: false, hidden: true },
                            { name: 'id_habi_02', index: 'id_habi_02', width: 10, editable: true, hidden: true },
                            { name: 'habitacion_02', index: 'habitacion_02', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            { name: 'tipo_habi_02', index: 'tipo_habi_02', width: 10, editable: false, hidden: true },
                            { name: 'desc_c_hab_02', index: 'desc_c_hab_02', width: 10, editable: false, hidden: true },
                            { name: 'estado_02', index: 'estado_02', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            {
                                name: 'limpia_02', index: 'limpia_02', width: 10, editable: true,
                                edittype: 'checkbox', formatter: 'checkbox', editoptions: { value: '1:0' },
                                formatoptions: { disabled: true }, align: 'center'
                            },
                            { name: 'paxs_02', index: 'paxs_02', width: 10, editable: false, searchoptions: { sopt: ListFindN }, align: 'center' },
                            { name: 'vip_02', index: 'vip_02', width: 10, editable: false, hidden: true },
                            { name: 'grupo_02', index: 'grupo_02', width: 10, editable: false, hidden: true },
                            { name: 'id_habi_03', index: 'id_habi_03', width: 10, editable: true, hidden: true },
                            { name: 'habitacion_03', index: 'habitacion_03', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            { name: 'tipo_habi_03', index: 'tipo_habi_03', width: 10, editable: false, hidden: true },
                            { name: 'desc_c_hab_03', index: 'desc_c_hab_03', width: 10, editable: false, hidden: true },
                            { name: 'estado_03', index: 'estado_03', width: 10, editable: false, searchoptions: { sopt: ListFindT } },
                            {
                                name: 'limpia_03', index: 'limpia_03', width: 10, editable: true,
                                edittype: 'checkbox', formatter: 'checkbox', editoptions: { value: '1:0' },
                                formatoptions: { disabled: true }, align: 'center'
                            },
                            { name: 'paxs_03', index: 'paxs_03', width: 10, editable: false, searchoptions: { sopt: ListFindN }, align: 'center' },
                            { name: 'vip_03', index: 'vip_03', width: 10, editable: false, hidden: true },
                            { name: 'grupo_03', index: 'grupo_03', width: 10, editable: false, hidden: true },
                            { name: 'Eli', index: 'Eli', width: 5, search: false, hidden: true }
                ],
                onSelectRow: function (id) {
                    if (id) {

                        if (isNaN(lselEH) && !isNaN(id)) {
                            $("#jqgEH").jqGrid('delRowData', lselEH);
                            //$('#jqgEH').jqGrid('resetSelection');
                        }

                        if (!isNaN(id)) {
                            var ret = jQuery("#jqgEH").jqGrid('getRowData', id);

                            $('#jqgEH').jqGrid('saveRow', lselEH);

                            $('#IdSubElementEH').val(ret.Id);
                        }

                        $('#jqgEH').jqGrid('saveRow', lselEH);
                        $('#jqgEH').jqGrid('editRow', id, true, EventsEH);

                        lselEH = id;
                    }
                },
                afterInsertRow: function (id) {
                    if (id) {
                        if (isNaN(lselEH)) {
                            $("#jqgEH").jqGrid('delRowData', lselEH);
                            $('#jqgEH').jqGrid('resetSelection');
                        }
                        else {
                            $('#jqgEH').jqGrid('saveRow', lselEH);
                        }
                    }
                },
                onCellSelect: function (id) {
                    if (id) {
                        if (!isNaN(id)) {
                            $('#jqgEH').jqGrid('restoreRow', id);
                        }

                        var ret = jQuery("#jqgEH").jqGrid('getRowData', id);
                        var status = ret.Eli;

                        if (status == "True") {
                            $('#btnEliminarTextEH').html("<%=L.LBL("LblGENRecover") %>");
                            $('#btnEliminarIconEH').attr("src", "img/recuperar.png");
                        }
                        else {
                            $('#btnEliminarTextEH').html("<%=L.LBL("LblGENDelete") %>");
                            $('#btnEliminarIconEH').attr("src", "img/cross-script.png");
                        }
                    }
                },
                gridComplete: function () {
                    var rows = $("#jqgEH").getDataIDs();
                    for (var i = 0; i < rows.length; i++) {
                        if (i == 0 && parseInt($('#IdSubElementEH').val()) == 0) {
                            $('#IdSubElementEH').val($("#jqgEH").getCell(rows[i], "Id"));
                        }
                        var status = $("#jqgEH").getCell(rows[i], "Eli");

                        if (status == "True") {
                            $("#jqgEH").jqGrid('setRowData', rows[i], false,
                            { color: 'red', font: 'italic' });
                        }
                    }
                    $('#jqgEH').jqGrid('setSelection', $('#IdSubElementEH').val());
                },
                rowNum: 99999999,
                rowTotal: 99999999,
                loadonce: true,
                mtype: "GET",
                rownumbers: false,
                rownumWidth: 40,
                gridview: true,
                sortname: 'Id',
                viewrecords: true,
                sortorder: "asc",
                ignoreCase: true,
                scrollrows: true,
                editurl: "Dummy.aspx",
                //multiselect: true,
                //multiboxonly: true,
                //altRows: true,
                //altclass:'ui-widget-header'
            });

            //$("#jqgEH").jqGrid('navGrid','#PaginadorEH',{del:false,add:false,edit:false,search:false});
            $("#bsdataEH").click(function () {
                jQuery("#jqgEH").jqGrid('searchGrid', { multipleSearch: true });
            });

        }

        <% /* Función que permite recargar los datos del grid desde el servidor. */ %>

        function RefreshGridEH() {
            $("#jqgEH").jqGrid("setGridParam", { datatype: "json", datatype: GetEH, loadonce: true });
            $("#jqgEH").trigger("reloadGrid");
            $("#jqgEH").jqGrid("setGridParam", { datatype: "local", loadonce: true });
        }

        function EventsEH(id) {
            $("#" + id + "_limpia_01").on('click', function ()
            {
                UpdateHabi($("#" + id + "_id_habi_01").val(), $("#" + id + "_limpia_01:checked").val());
            });
            $("#" + id + "_limpia_02").on('click', function ()
            {
                UpdateHabi($("#" + id + "_id_habi_02").val(), $("#" + id + "_limpia_02:checked").val());
            });
            $("#" + id + "_limpia_03").on('click', function ()
            {
                UpdateHabi($("#" + id + "_id_habi_03").val(), $("#" + id + "_limpia_03:checked").val());
            });
        }

        <% /* Función que permite imprimir el listado de elementos seleccionados. */ %>

        function ImprimirListado() {
            window.open('Listado.aspx?r=3&e=' + $('#cbEliminado:checked').val(), '_blank');
        }

        function UpdateHabi(hab, suc) {
            $.ajax({
                url: 'Servicio.svc/PutEstadoHabitaciones',
                data: {
                    "id_habi": hab, "sucia": suc
                    , "U": "<%=Request.Cookies[Parametros.COOKIE_USR].Value %>", "N": "<%=Request.Cookies[Parametros.COOKIE_NOM].Value %>"
                    , "D": "<%=Request.Cookies[Parametros.COOKIE_DAT].Value %>", "I": "<%=Enigma.Encriptar(Request.ServerVariables["REMOTE_ADDR"]) %>"
                    , "LangCode": "<%=LangCode %>"
                },
                dataType: "json",
                type: "GET",
                contentType: "application/json; charset=utf-8",
                beforeSend: function ()
                {
                    $('#dlgCargando').dialog('open');
                },
                success: function (json) {
                    $('#dlgCargando').dialog('close');
                    try {
                        var res = json.d;
                        if (res > 0 || res < 0) {
                            //$('#IdSubElementEH').val(0);
                            GetEH();
                        }
                        else
                        {
                            $('#dlgInformation').html(json.d);
                            $('#dlgInformation').dialog('open');
                        }
                    }
                    catch (err) {
                        $('#dlgInformation').html(json.d);
                        $('#dlgInformation').dialog('open');
                    }
                }
            });
        }

        function CleanAll() {
            $.ajax({
                url: 'Servicio.svc/EstadoHabitacionesClean',
                data: {
                      "U": "<%=Request.Cookies[Parametros.COOKIE_USR].Value %>", "N": "<%=Request.Cookies[Parametros.COOKIE_NOM].Value %>"
                    , "D": "<%=Request.Cookies[Parametros.COOKIE_DAT].Value %>", "I": "<%=Enigma.Encriptar(Request.ServerVariables["REMOTE_ADDR"]) %>"
                    , "LangCode": "<%=LangCode %>"
                },
                dataType: "json",
                type: "GET",
                contentType: "application/json; charset=utf-8",
                beforeSend: function () {
                    $('#dlgCargando').dialog('open');
                },
                success: function (json) {
                    $('#dlgCargando').dialog('close');
                    try {
                        var res = json.d;
                        if (res > 0 || res < 0) {
                            //$('#IdSubElementEH').val(0);
                            GetEH();
                        }
                        else {
                            $('#dlgInformation').html(json.d);
                            $('#dlgInformation').dialog('open');
                        }
                    }
                    catch (err) {
                        $('#dlgInformation').html(json.d);
                        $('#dlgInformation').dialog('open');
                    }
                }
            });
        }

        function EstadoHabitaciones()
        {
            window.open("Informe.aspx?r=500&l=" + $('input[name=rbListado]:checked').val()
                + "&m=" + $('input[name=rbModo]:checked').val()
                + "&e=" + $('input[name=rbEstado]:checked').val()
                + "&g=" + $('input[name=cbAgrup]:checked').val(), "_blank");
        }
        
    </script>
    
    <script type="text/javascript">

        $(document).ready(function () {

            $("#dlgEliminar").dialog({
                autoOpen: false,
                show: "fade",
                hide: "curtain",
                resizable: false,
                height: 167,
                width: 500,
                modal: true
            });

            $("#dlgInformation").dialog({
                autoOpen: false,
                show: "fade",
                hide: "curtain",
                resizable: false,
                height: 167,
                width: 500,
                modal: true
            });

            $("#dlgLimpiar").dialog({
                autoOpen: false,
                show: "fade",
                hide: "curtain",
                resizable: false,
                height: 170,
                width: 500,
                modal: true,
                buttons:
                {
                    "<%=L.LBL("LblFDKLimpiarTodas") %>": function () {
                        $(this).dialog('close');
                        CleanAll();
                    },
                    "<%=L.LBL("LblGENCancel") %>": function () {
                        $(this).dialog('close');
                    }
                }
            });

            $("#dlgCargando").dialog({
                autoOpen: false,
                show: "fade",
                hide: "curtain",
                resizable: false,
                height: 100,
                width: 270,
                modal: true,
                dialogClass: 'no-close'
            });

            $("#SevenMenu").accordion("option", "active", 5);

            $('btnEliminar').attr('disabled', true);
            $('btnGuardar').attr('disabled', true);
            $('btnCancelar').attr('disabled', true);

            LoadGridEH();

            RefreshGridEH();

        });
    </script>

    <% } catch { } %>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cpPrincipal" runat="server">

    <% try{ %>

    <div id="SevenBreadcrumb" class="ui-state-default">
        <table style="width: 100%; white-space: nowrap;">
            <tr>
                <td>
                    <div class="SevenEnlaces" onclick="window.location.href='Menu.aspx#M6';" style="cursor: pointer;">
                        <table>
                            <tr>
                                <td>
                                    <img src="img/application-icon-large.png" />
                                </td>
                                <td>
                                    <%=L.LBL("LblGENMenuTactil") %>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td>&nbsp;</td>
                <td>
                    <a href="Inicio.aspx"><%=L.LBL("LblGENInicio") %></a>
                    <img src="img/arrow.png" alt="" />
                    <a href="EstadoHabitaciones.aspx"><%=L.TIT("EstadoHabitaciones") %> [5.1]</a>
                </td>
                <td style="width: 100%;"></td>
                <td>
                    <%=L.LBL("LblGENLanguage") %>
                </td>
                <td>
                    <!-- #include file="LanguageCombo.html" -->
                </td>
            </tr>
        </table>
    </div>
            
    <div id="SevenPrincipal">
                
        <div id="SevenMedio">
                    
            <div id="SevenInterno" style="width: 700px;">

                <div id="dlgEliminar" title="<%=L.LBL("LblGENDelete") %>" style="text-align: center;padding-top: 25px">
                    <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea eliminar este elemento?
                </div>

                <div id="dlgInformation" title="<%=L.LBL("LblGENInformation") %>" style="text-align: center;padding-top: 25px">
                    
                </div>

                <div id="dlgLimpiar" title="<%=L.LBL("LblGENInformation") %>" style="text-align: center;padding-top: 25px">
                    <%=L.MSG("MsgFDKEHLimpiarTodas") %>
                </div>

                <div id="dlgCargando" title="<%=L.LBL("LblGENLoading") %>" style="text-align: center; padding-top: 25px">
                    <img src="img/cargando2.gif" alt="<%=L.LBL("LblGENLoading") %>" />
                </div>

                <table>
                    <tr>
                        <td>
                            <span class="SevenTitulo"><%=L.TIT("EstadoHabitaciones") %> [5.1]</span>
                        </td>
                        <td>&nbsp;&nbsp;&nbsp;</td>
                        <%--<td>
                            <div class="SevenEnlaces">
                                <table>
                                    <tr>
                                        <td>
                                            <input type="checkbox" id="cbEliminado" onchange="BotonDefaultV();RefreshGridV();" value="1" /> <%=L.LBL("LblGENShowDeleted") %>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>--%>
                        <td>
                            <div class="SevenEnlaces">
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#" onclick="EstadoHabitaciones();" id="A2" ><img src="img/printer.png" /> <%=L.LBL("LblGENPrint") %></a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                        <td>
                            <div class="SevenEnlaces">
                                <table>
                                    <tr>
                                        <td>
                                            <a href="#" onclick="window.open('http://mysevenmanuales.jimdo.com/front-desk/5-1-estado-de-las-habitaciones/', '_blank');" id="A1" ><img src="img/question.png" /> <%=L.LBL("LblGENHelp") %></a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>

                <% 
                    if (CorrectoIns)
                    {    
                %>

                    <p class="SevenMsgExito"><%=L.LBL("LblGENMSG_SavedData") %></p>

                <%  } %>

                <% 
                    if (CorrectoMod)
                    {    
                %>

                    <p class="SevenMsgExito"><%=L.LBL("LblGENMSG_UpdatedData") %></p>

                <%  } %>

                <% 
                    if (CorrectoEli)
                    {    
                %>

                    <p class="SevenMsgExito"><%=L.LBL("LblGENMSG_DeletedData") %></p>

                <%  } %>

                <% 
                    if (!String.IsNullOrEmpty(ErrorMsg))
                    {    
                %>

                    <p class="SevenMsgError"><%=ErrorMsg %></p>

                <%  } %>

                <br />

                <table style="width: 100%;">
                    <tr>
                        <td>
                            <fieldset style="text-align: center;">
                                <legend><b><%=L.LBL("LblGENListadoDe") %></b></legend>
                                <input type="radio" name="rbListado" value="0" checked="checked" /><%=L.LBL("LblGENEstado") %>
                                <input type="radio" name="rbListado" value="1" /><%=L.LBL("LblGENChara") %>
                            </fieldset>
                        </td>
                        <td>
                            <fieldset style="text-align: center;">
                                <legend><b><%=L.LBL("LblFDKSSeleccionar") %></b></legend>
                                <input type="radio" name="rbModo" value="0" onclick="GetEH();" /><%=L.LBL("LblFDKSucias") %>
                                <input type="radio" name="rbModo" value="1" onclick="GetEH();" /><%=L.LBL("LblFDKLimpias") %>
                                <input type="radio" name="rbModo" value="2" checked="checked" onclick="GetEH();" /><%=L.LBL("LblGENTodo") %>
                            </fieldset>
                        </td>
                        <td>
                            <fieldset style="text-align: center;">
                                <legend><b><%=L.LBL("LblGENEstado") %></b></legend>
                                <input type="radio" name="rbEstado" value="0" onclick="GetEH();" /><%=L.LBL("LblFDKLibres") %>
                                <input type="radio" name="rbEstado" value="1" onclick="GetEH();" /><%=L.LBL("LblFDKOcupadas") %>
                                <input type="radio" name="rbEstado" value="2" checked="checked" onclick="GetEH();" /><%=L.LBL("LblGENTodo") %>
                            </fieldset>
                        </td>
                    </tr>
                </table>

                <br />
                            
                <input type="hidden" id="IdSubElementEH" value="0" />
                <table id="jqgEH"></table>

                <table style="width: 100%;">
                    <tr>
                        <td colspan="4">
                            <table style="width: 100%;">
                                <tr>
                                    <td>
                                        <button type="button" id="btnLimpiar" onclick="$('#dlgLimpiar').dialog('open');">
                                                <table>
                                                    <tr>
                                                        <td><img src="img/broom.png" alt="<%=L.LBL("LblFDKLimpiarTodas") %>" /></td>
                                                        <td><%=L.LBL("LblFDKLimpiarTodas") %></td>
                                                    </tr>
                                                </table>
                                        </button>
                                    </td>
                                    <td style="width: 100%;"></td>
                                    <td>
                                        <input type="checkbox" id="cbAgrup" name="cbAgrup" value="1" /><%=L.LBL("LblFDKEHAgrupPisos") %>&nbsp;&nbsp;&nbsp;
                                    </td>
                                    <td>
                                        <button type="button" id="btnImprimir" onclick="EstadoHabitaciones();">
                                                <table>
                                                    <tr>
                                                        <td><img src="img/printer.png" alt="<%=L.LBL("LblGENPrint") %>" /></td>
                                                        <td><%=L.LBL("LblGENPrint") %></td>
                                                    </tr>
                                                </table>
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                            
            </div>
                    
        </div>
                
    </div>

    <% } catch { } %>

</asp:Content>

