<div class="row">
    <div class="page-header">
        <h1>Clientes&nbsp;<small>En ésta sección se muestra el listado de clientes</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 clientes el cuál detalla en cada una de ellas su
            <b>nombre, teléfono, celular, email, foto y cuántas iniciativas éste cliente posee</b>.
            <br><br>Además en ésta pantalla se presentan las demás opciones:
        </p>
        <ol>
            <li>
                <b>Crear nuevo cliente:</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 un nuevo cliente (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 cliente:</b>
                permite buscar un cliente.
            </li>
            <li>
                <b>Detallar un cliente:</b>
                al mantener pulsado un momento sobre cualquier cliente existente en la lista se despliega un submenú con la opción de
                <b>Detallar</b> un cliente (Figura 2) que al ser pulsado se mostrará un formulario con los demás datos de dicho cliente (Figura 3).
            </li>
            <li>
                <b>Agregar datos del cliente a los contactos del dispositivo:</b>
                al mantener pulsado un momento sobre cualquier cliente existente en la lista se despliega un submenú con la opción de
                <b>Agregar a contactos</b> (Figura 2) que al ser pulsado agregará información tal como el teléfono, celular, email si
                los tiene.
            </li>
            <li>
                <b>Eliminar un cliente:</b>
                al mantener pulsado un momento sobre cualquier cliente 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/clientes.png" class="center-block img-responsive proto">
    <legend>Figura 2</legend>
    <img ng-src="images/mobile/clientes_actionsheet.png" class="center-block img-responsive proto">
    <legend>Figura 3</legend>
    <img ng-src="images/mobile/cliente.png" class="center-block img-responsive proto">
</div>
