@using Ultimus.Framework;

<input type="hidden" id="hiddenIdControlVisitaInvitado" />
<input type="hidden" id="hiddenIdControlVisita" />
<input type="hidden" id="hiddenIdEmailSolicitud" />
<input type="hidden" id="hiddenEliminar" value="false" />
<input type="hidden" id="hiddenActualizar" value="false" />
<input type="hidden" id="hiddenEliminarVisita" value="false" />
<input type="hidden" id="hiddenActualizarVisita" value="false" />


<form id="formControlVisitas">
    <div class="well well-sm">
        <br />
        <br />
        <div class="row">
            <div class="col-md-6">

                @UltimusHelper.Calendar("FechaProgra", "Fecha Programada")

                <div class="form-group" id="divHoraProgramada">
                    <label class="col-sm-4 control-label ControlsForms">Hora Inicio</label>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 input-group">
                        <table>
                            <thead>

                                <tr>
                                    <td>
                                        <select id="ddlHoraP" name="ddlHoraP" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="1">01</option>
                                            <option value="2">02</option>
                                            <option value="3">03</option>
                                            <option value="4">04</option>
                                            <option value="5">05</option>
                                            <option value="6">06</option>
                                            <option value="7">07</option>
                                            <option value="8">08</option>
                                            <option value="9">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMinutoP" name="ddlMinutoP" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                            <option value="51">51</option>
                                            <option value="50">52</option>
                                            <option value="53">53</option>
                                            <option value="54">54</option>
                                            <option value="55">55</option>
                                            <option value="56">56</option>
                                            <option value="57">57</option>
                                            <option value="58">58</option>
                                            <option value="59">59</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMeridianoP" name="ddlMeridianoP" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="AM">AM</option>
                                            <option value="PM">PM</option>
                                        </select>
                                    </td>
                                </tr>

                            </thead>
                        </table>


                    </div>
                </div>

                <div class="form-group" id="divHoraProgramadaFin">
                    <label class="col-sm-4 control-label ControlsForms">Hora Fin</label>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 input-group">
                        <table>
                            <thead>

                                <tr>
                                    <td>
                                        <select id="ddlHoraPF" name="ddlHoraPF" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="1">01</option>
                                            <option value="2">02</option>
                                            <option value="3">03</option>
                                            <option value="4">04</option>
                                            <option value="5">05</option>
                                            <option value="6">06</option>
                                            <option value="7">07</option>
                                            <option value="8">08</option>
                                            <option value="9">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMinutoPF" name="ddlMinutoPF" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                            <option value="51">51</option>
                                            <option value="50">52</option>
                                            <option value="53">53</option>
                                            <option value="54">54</option>
                                            <option value="55">55</option>
                                            <option value="56">56</option>
                                            <option value="57">57</option>
                                            <option value="58">58</option>
                                            <option value="59">59</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMeridianoPF" name="ddlMeridianoPF" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="AM">AM</option>
                                            <option value="PM">PM</option>
                                        </select>
                                    </td>
                                </tr>

                            </thead>
                        </table>


                    </div>
                </div>

                <div class="form-group" id="divTipoCliente">
                    <label class="col-sm-4 control-label ControlsForms">Tipo de Cliente</label>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input-group">
                        <select id="ddlTipoCliente" name="ddlTipoCliente" class="form-control imput-xs"></select>
                    </div>
                </div>

                <div class="form-group" id="divEjecutivoEncargado">
                    <label class="col-sm-4 control-label ControlsForms">Responsable de Gestión</label>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input-group">
                        <select id="ddlEjecutivoEncargado" name="ddlEjecutivoEncargado" class="form-control imput-xs"></select>

                    </div>
                </div>

                <div class="form-group" id="divVehiculo">
                    <label class="col-sm-4 control-label ControlsForms">Vehículo</label>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input-group">
                        <select id="ddlVehiculo" name="ddlVehiculo" class="form-control imput-xs"></select>

                    </div>
                </div>

                <div class="form-group" id="divDepartamentoNegocios">
                    <label class="col-sm-4 control-label ControlsForms">Departamento de Negocios</label>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input-group">
                        <select id="ddlDepartamentoNegocios" name="ddlDepartamentoNegocios" class="form-control imput-xs"></select>

                    </div>
                </div>

                @UltimusHelper.TextArea("Comentarios", "Comentarios Adicionales", false, "8", "4")

                @UltimusHelper.TextArea("AsuntoVisita", "Asunto de la Visita", false, "8", "4")

            </div>

            <div class="col-md-6">

                <div class="form-group" id="divEstatusVisita">
                    <label class="col-sm-4 control-label ControlsForms">Estatus Visita</label>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input-group">
                        <select id="ddlEstatusVisita" name="ddlEstatusVisita" class="form-control imput-xs"></select>

                    </div>
                </div>

                @UltimusHelper.Calendar("FechaEjecucion", "Fecha Ejecución")



                <div class="form-group" id="divHoraEjecucion">
                    <label class="col-sm-4 control-label ControlsForms">Hora Ejecución</label>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 input-group">
                        <table>
                            <thead>

                                <tr>
                                    <td>
                                        <select id="ddlHoraE" name="ddlHoraE" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="1">01</option>
                                            <option value="2">02</option>
                                            <option value="3">03</option>
                                            <option value="4">04</option>
                                            <option value="5">05</option>
                                            <option value="6">06</option>
                                            <option value="7">07</option>
                                            <option value="8">08</option>
                                            <option value="9">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMinutoE" name="ddlMinutoE" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="00">00</option>
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                            <option value="13">13</option>
                                            <option value="14">14</option>
                                            <option value="15">15</option>
                                            <option value="16">16</option>
                                            <option value="17">17</option>
                                            <option value="18">18</option>
                                            <option value="19">19</option>
                                            <option value="20">20</option>
                                            <option value="21">21</option>
                                            <option value="22">22</option>
                                            <option value="23">23</option>
                                            <option value="24">24</option>
                                            <option value="25">25</option>
                                            <option value="26">26</option>
                                            <option value="27">27</option>
                                            <option value="28">28</option>
                                            <option value="29">29</option>
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                            <option value="32">32</option>
                                            <option value="33">33</option>
                                            <option value="34">34</option>
                                            <option value="35">35</option>
                                            <option value="36">36</option>
                                            <option value="37">37</option>
                                            <option value="38">38</option>
                                            <option value="39">39</option>
                                            <option value="40">40</option>
                                            <option value="41">41</option>
                                            <option value="42">42</option>
                                            <option value="43">43</option>
                                            <option value="44">44</option>
                                            <option value="45">45</option>
                                            <option value="46">46</option>
                                            <option value="47">47</option>
                                            <option value="48">48</option>
                                            <option value="49">49</option>
                                            <option value="50">50</option>
                                            <option value="51">51</option>
                                            <option value="50">52</option>
                                            <option value="53">53</option>
                                            <option value="54">54</option>
                                            <option value="55">55</option>
                                            <option value="56">56</option>
                                            <option value="57">57</option>
                                            <option value="58">58</option>
                                            <option value="59">59</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select id="ddlMeridianoE" name="ddlMeridianoE" class="form-control imput-xs">
                                            <option value=""></option>
                                            <option value="AM">AM</option>
                                            <option value="PM">PM</option>
                                        </select>
                                    </td>
                                </tr>

                            </thead>
                        </table>


                    </div>
                </div>

                @UltimusHelper.TextArea("Direccion", "Dirección", false, "8", "4")

                @UltimusHelper.TextBox("Distancia", "Distancia Recorrida (km)", false, "8")


            </div>

        </div>
    </div>


    <div class="panel panel-success">

        <div class="panel-body">
            <div class="row">
                <div class="col-md-8">
                    <table id="TableInvitado" class="display">
                        <thead>
                            <tr>

                                <th class="col-sm-4">Nombre Invitado</th>
                                <th class="col-sm-4">Correo</th>
                                <th></th>
                            </tr>
                        </thead>
                    </table>


                </div>

                <div class="col-md-4">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <i class="fa fa-bars"></i>&nbsp;&nbsp;<label id="lbTituloAccion">Ingresar Invitado</label>
                            </h4>
                        </div>
                        <div class="panel-body">

                            @*Descripción*@
                            @UltimusHelper.TextArea("NombreInvitado", "Nombre del Invitado", false, "8", "5")

                            @UltimusHelper.Email("Email", "Correo")
                            <div class="form-group">
                                <label class="col-md-4"></label>
                                <div class="col-md-4 ">
                                    @UltimusHelper.Button("Limpiar", "btn btn-default btn-sm pull-right", "fa fa-eraser", "Limpiar", false)
                                </div>
                                <div class="col-md-4 ">
                                    @UltimusHelper.Button("Insertar", "btn btn-default btn-sm pull-right", "fa fa-upload", "Insertar", false)
                                    @UltimusHelper.Button("Guardar", "btn btn-default btn-sm pull-right", "fa fa-floppy-o", "Guardar", false)
                                </div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-md-6 pull-right">
            <div class="row" style="text-align:right; padding: 5px 5px 5px 5px; margin-right:2px;">
                @UltimusHelper.Button("GuardarControlVisita", "btn btn-success btn-sm", "fa fa-floppy-o", "Guardar", false)
                @UltimusHelper.Button("LimpiarControlVisita", "btn btn-success btn-sm", "fa fa-eraser", "Limpiar", false)
                @UltimusHelper.Button("EnviarControlVisita", "btn btn-success btn-sm", "fa fa-paper-plane-o", "Enviar Correo", false)

                @*<div class="form-group" id="divEmailSend">
                    <label class="col-lg-4 col-md-4 col-sm-4 col-xs-4 control-label ControlsForms" id="lblPassword">Password</label>
                    <div class="input-group input-group-sm">
                        <input name="txtPassword" title="" class="form-control TextBoxCatalogo inputWarning error" id="txtPassword" type="password" data-original-title="">

                        <span class="input-group-btn">
                            <button class="btn btn-success btn-medium  btn-margin-catalogo" id="btnEnviarControlVisita" type="button">
                                <i class="fa fa-paper-plane-o"></i>&nbsp;Enviar Correo
                            </button>
                        </span>
                    </div>
                </div>*@
            </div>
        </div>
    </div>

        <table id="tableHistorico" class="table table-striped">
            <thead>
                <tr>
                    <th class="col-lg-1">Etapa</th>
                    <th>Responsable de Gestión</th>
                    <th>Departamento de Negocios</th>
                    <th>Fecha de Ejecución</th>
                    <th>Asunto de la Visita</th>
                    <th>Estado de la Visita</th>
                    <th class="col-lg-3"></th>
                </tr>
            </thead>

        </table>

        <div id="ucItemsInvitados" style="display:none;">
            <div class="btn-group">
                <button type="button" class="btn btn-success btn-xs" id="btnSeleccionar" onclick="javascript:  $('#hiddenActualizar').val('true') ">
                    &nbsp;<i class="fa fa-check"></i>&nbsp;
                </button>
                <button type="button" class="btn btn-success btn-xs" id="btnEliminar" onclick="javascript: $('#hiddenEliminar').val('true') ">
                    &nbsp;<i class="fa fa-close"></i>&nbsp;
                </button>
            </div>
        </div>

        <div id="ucItemsVisita" style="display:none;">
            <div class="btn-group">
                <button type="button" class="btn btn-success btn-xs" id="btnSeleccionarVisita" onclick="javascript: $('#hiddenActualizarVisita').val('true') ">
                    &nbsp;<i class="fa fa-check"></i>&nbsp;
                </button>
                <button type="button" class="btn btn-success btn-xs" id="btnEliminarVisita" onclick="javascript: $('#hiddenEliminarVisita').val('true') ">
                    &nbsp;<i class="fa fa-close"></i>&nbsp;
                </button>
            </div>
        </div>

</form>



@UltimusHelper.Button("Seleccionar", "btn btn-success btn-sm", "fa fa-check", "", true)

@section Modals{

    @UltimusHelper.Modal()

}
@section scripts{
    @Scripts.Render("~/Scripts/Ultimus-ControlVisitas")
}