</form>

<h3 class="ui header">Información del Stakeholder</h3>
<div class="ui divider"></div>


<!-- <div class="ui animated button green" tabindex="0" ng-click="volver('Stakeholders')">
    <div class="visible content"><i class="left arrow icon"></i> Volver a Stakeholders</div>
    <div class="hidden content">
        <i class="left arrow icon"></i>
    </div>
</div> 

<br>
<br> -->


<button ng-click="modificarStakeholder()" type="button"
        class="ui yellow button">
        <i class="pencil icon"></i>
        Guarda stakeholder</button>

        <br>
        <br>

<div id="Informacion" style="background-color: #fff;">
   
    <form class="ui form">
        <div class="two fields">
            <div class="field">
                <label>Nombre</label>
                <input ng-model="stakeholder.Title" type="text" name="Title" placeholder="">
            </div>

            <div class="field">
                <label>Teléfono</label>
                <input ng-model="stakeholder.Telefono" type="text" name="Telefono" placeholder="" style="height: 31px"
                    >
            </div>
        </div>
        <div class="two fields">
            <div class="field">
                <label>Email</label>
                <input ng-model="stakeholder.Email" type="text" name="Email" placeholder="" >
            </div>

            <div class="field">
                <label>Cargo/Rol</label>
                <input ng-model="stakeholder.Rol" type="text" name="Rol" placeholder=""  style="height: 31px">
            </div>
        </div>








        <div class="two fields">
            <div class="field">
                <label>Comuna</label>
                <!-- <select ng-model="stakeholder.Comuna" disabled>
                    <option ng-repeat="option in comunas" value="{{option.Valor}}">{{option.Valor}}</option>
                </select> -->

                <input ng-model="stakeholder.Comuna" type="text" name="Comuna" placeholder="" 
                    style="height: 31px">
            </div>

            <div class="field">
                <label>Tipo</label>
                <select ng-model="stakeholder.Tipoo" >
                    <option ng-repeat="option in tipoStakeholder" value="{{option.Valor}}">{{option.Valor}}</option>
                </select>

            </div>


        </div>


        <!-- {{stakeholder.Tipoo}}. -->
        <!-- ES TIPO COMUNIDADES -->
        <div ng-show="stakeholder.Tipoo != 'Funcionario Publico' && stakeholder.Tipoo != null ">
            <!-- ng-class="{error: !frm.Categoria.$valid && (stakeholder.Tipoo.Valor != 'Funcionario Publico' && stakeholder.Tipoo.Valor != null) }" -->
            <div class="required field">
                <!-- <div class="required field" ng-class="{error: !frm.Categoria.$valid}"> -->
                <label>Categoría {{stakeholder.Categoria}}</label>
                <!-- <select ng-model="stakeholder.Categoria" disabled>
                        <option ng-repeat="option in categoriaStakeholder" value="{{option.Valor}}">{{option.Valor}}</option>
                    </select> -->

                <input ng-model="stakeholder.Categoria" type="text" name="Comuna" placeholder="" disabled
                    style="height: 31px">

                <!-- </div> -->
            </div>
            <!-- ng-class="{error: !frm.Descripcion.$valid && (stakeholder.Tipoo.Valor != 'Funcionario Publico' && stakeholder.Tipoo.Valor != null)}" -->
            <div class="required field">
                <label>Descripción</label>
                <textarea ng-disabled="bloqueo" name="Descripcion" ng-model="stakeholder.Descripcion" rows="3"
                    required></textarea>
            </div>

            <div class="field">
                <label>URL Ubicación ( <a href="https://www.google.com/maps/" style="color: black !important;"
                        target="_blank">Ir a Google
                        Maps</a> )</label>
                <input ng-model="stakeholder.DireccionUrl" type="text" name="DireccionUrl" placeholder="" disabled>
            </div>
        </div>

        <!-- ES TIPO FUNCIONARIO PUBLICO -->
        <!--  -->
        <div ng-show="stakeholder.Tipoo == 'Funcionario Publico'">

            <!-- Buscador de organizaciones publicas -->
            <!-- <p>Selected ID: {{person.selected.ID}}</p> -->
            <div class="field">
                <label>Organización/Institución</label>
                <input ng-model="stakeholder.Organizacion" type="text" name="Organizacion" placeholder="" disabled>

            </div>

            <!-- ng-class="{error: !frm.Descripcion.$valid && stakeholder.Tipoo.Valor == 'Funcionario Publico'}" -->
            <div class="required field">
                <label>Descripción</label>
                <textarea ng-disabled="bloqueo" name="Descripcion" ng-model="stakeholder.Descripcion" rows="3"
                    required></textarea>
            </div>

            <div class="field">
                <label>URL Ubicación ( <a href="https://www.google.com/maps/" style="color: black !important;"
                        target="_blank">Ir a Google
                        Maps</a> )</label>
                <input ng-model="stakeholder.DireccionUrl" type="text" name="DireccionUrl" placeholder="" disabled>
            </div>
        </div>

       
        <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1962.7483486516946!2d-70.70134886989068!3d-34.173551353484505!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x96634515e93bd6fd%3A0x499cfaffdaf4a6f3!2sCondominio%20Parque%20Machal%C3%AD!5e0!3m2!1ses-419!2scl!4v1582085528557!5m2!1ses-419!2scl" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe> -->

<!-- 
        https://www.google.com/maps/place/Cl%C3%ADnica+Veterinaria+SANFIELD/@-34.1747055,-70.7049519,15z/data=!4m5!3m4!1s0x966344a81ca475a9:0x961527c2ba434068!8m2!3d-34.1775878!4d-70.7166848 -->

        <br>

        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3300.673831692409!2d-70.73168465075683!3d-34.180255966429684!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x716b65fb5c91f574!2sBello%20Horizonte%20Business%20Center!5e0!3m2!1ses!2sus!4v1582781594699!5m2!1ses!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>


        <!-- <div class="two fields">
            <div class="field">
                <label>Tipo</label>
                <select ng-model="stakeholder.Tipoo" disabled>
                    <option ng-repeat="option in tipoStakeholder" value="{{option.Valor}}">{{option.Valor}}</option>
                </select>

            </div>

            <div class="field" >
                <label>Categoría</label>

                <select ng-model="stakeholder.Categoria" disabled>
                    <option ng-repeat="option in categoriaStakeholder" value="{{option.Valor}}">{{option.Valor}}</option>
                </select>

            </div>


        </div> -->


        <!-- <div class="field" >
            <label>Descripción</label>
            <textarea name="Descripcion" ng-model="stakeholder.Descripcion" rows="5"
                disabled></textarea>
        </div> -->




        <br><br>

    </form>






</div>
<!--Fin Asistentes funcionarios públicos -->