<div class="row">
    <div class="page-header">
        <h1>Iniciativas&nbsp;<small>En ésta sección se muestra el listado de iniciativas</small></h1>
    </div>
</div>

<div class="row">
    <div class="well">
        <p>
            En el prototipo de la <b>Figura 1</b> se muestra un listado de iniciativas el cuál detalla en cada una de ellas su
            <b>descripción, contacto, teléfono, celular y email</b>.
            <br><br>Además en ésta pantalla se presentan las demás opciones:
        </p>
        <ol>
            <li>
                <b>Crear una nueva iniciativa:</b>
                al pulsar sobre el ícono que se distingue por el símbolo <b>más</b> ubicado en la parte superior de la pantalla
                es posible acceder a un formulario de registro de la nueva iniciativa (Figura 3)
            </li>
            <li>
                <b>Volver atrás</b>
                al pulsar sobre el ícono simbolizado por una flecha ubicado en la parte superior de la pantalla se podrá volver
                al menú de ventas (Ver Ventas).
            </li>
            <li>
                <b>Buscar iniciativa:</b>
                permite buscar una iniciativa.
            </li>
            <li>
                <b>Abrir una iniciativa:</b>
                al mantener pulsado un momento sobre cualquier iniciativa existente en la lista se despliega un submenú con la opción de
                <b>Abrir</b> una iniciativa (Figura 2) que al ser pulsado se mostrará un formulario con los demás datos de dicha iniciativa (Figura 3).
            </li>
            <li>
                <b>Convertir una iniciativa a oportunidad:</b>
                al mantener pulsado un momento sobre cualquier iniciativa existente en la lista se despliega un submenú con la opción de
                <b>Convertir a oportunidad</b> (Figura 2) que al ser pulsado la iniciativa será convertida a una oportunidad.
            </li>
            <li>
                <b>Eliminar una oportunidad:</b>
                al mantener pulsado un momento sobre cualquier iniciativa existente en la lista se despliega un submenú con la opción de
                <b>Eliminar</b> (Figura 2) que al ser pulsado se despliega un ventana de confirmación si es que lo desea realmente
                eliminar.
            </li>
        </ol>
    </div>
    <legend>Figura 1</legend>
    <img ng-src="images/mobile/iniciativas.png" class="center-block img-responsive proto">
    <legend>Figura 2</legend>
    <img ng-src="images/mobile/iniciativas_actionsheet.png" class="center-block img-responsive proto">
    <legend>Figura 3</legend>
    <img ng-src="images/mobile/iniciativa.png" class="center-block img-responsive proto">
</div>
