<%@ include file="/common/taglibs.jsp" %>
<head>
    <title><fmt:message key="title.dashboard"/></title>
    <meta name="menu" content="integration"/>
    <script type="text/javascript"
            src="/scripts/solomon/integration-index.js?<fmt:message key="webapp.version"/>"></script>
</head>

<!--
-->
<div class="rightPanel hide">
    <div class="PropertyPane">
        <ul>
            <li style=""><a href="/contacts/new">New Case</a></li>

        </ul>
    </div>

    <div class="PropertyPane">
        <ul>
            <li class="current"><a href="/contacts/new">Comment on this case.</a></li>

            <li style=""><a href="/contacts/new">Attach Documents.</a></li>
            <li style=""><a href="/contacts/new">Subscribe to feed</a></li>
            <li style="display:none;">
                <a href="/contacts/new#" id="actExportContacts">Export</a>

                <form id="frmExportContacts" action="#" style="border:none;clear:both;float:left;margin:0;padding:0;"
                      class="hide">
                    <h2 style="border:none;padding:.25em;margin:0;width:13.9em;"> Export</h2>

                    <p style="margin:.5em .5em;float:left;">What do you want to export?</p>
                    <input type="radio" name="exportType" style="float:left;clear:left;margin:0.5em 0.5em;"/><label
                        style="margin:.5em .5em;float:left;"><strong style="font-weight:bold;">Selected</strong>
                    contacts only</label><br/>
                    <input type="radio" name="exportType" style="float:left;clear:left;margin:0.5em 0.5em;"/><label
                        style="margin:.5em .5em;float:left;">Contacts in <strong style="font-weight:bold;">Search
                    Results</strong></label><br/>
                    <input type="radio" name="exportType" style="float:left;clear:left;margin:0.5em 0.5em;"/><label
                        style="margin:.5em .5em;float:left;"><strong style="font-weight:bold;">All</strong> Contacts in
                    system</label>


                    <label style="margin:.5em .5em;float:left;">Format</label>
                    <select style="margin:.5em .5em;float:right;width:10em;">
                        <option>Excel</option>
                        <option>Combined vCard</option>
                        <option>Individual vCard</option>
                    </select>
                    <span style="width:18em">
                        <input type="submit" value="export" style="margin:.5em .5em;float:left;"/><span
                            style="float:left;margin:.5em;">or</span><a style="float:left;clear:none;width:auto;"
                                                                        href="#cancel">Cancel</a>
                    </span>

                </form>
            </li>
        </ul>
    </div>

    <div class="PropertyPane">
        <h2>People in this case</h2>
        <dl style="float:left;" class="people-list">
            <dt class="hide">People in this case</dt>
            <dd><img src="/images/1.jpg" alt=""/><a style="float:left;" href="">Mark Forster</a></dd>
            <dd><img src="/images/20.jpg" alt=""/><a style="float:left;" href="">Sarat Pediredla</a></dd>
        </dl>
    </div>

</div>


<!--

-->
<div class="fullContent">


<div class="TabPanel">

<div class="Tabs">

</div>
<div class="Pane">

<!--Left-Vertical-TabPanel-->
<div class="Vertical-TabPanel Cleared">
    <div class="Vert-Tabs">
        <ul>
            <li class=""><a href="#integrate_with_basecamp">basecamp</a></li>
            <li><a href="#integrate_with_basecamp">linked in</a></li>
            <li><a href="#integrate_with_basecamp">highrise</a></li>
        </ul>
    </div>
    <div class="Pane hide">

        <h2 style="margin-bottom:0;"><span style="float:right;clear:right;"><label style="width:auto;margin:0 .5em;">enabled</label><input
                type="checkbox"/></span>Integrate <em>solomon</em> with <a href="#Basecamp">basecamp</a></h2>

                    <span class="Field MediumField HugeField">
                        <label>URL of basecamp installation</label>
                        <input type="text"/>
                    </span>

                    <span class="Field ">
                        <label>Username</label>
                        <input type="text"/>
                    </span>
                    <span class="Field ">
                        <label>password</label>
                        <input type="password"/>
                    </span>


        <div class="Actions">
            <ul>
                <li><input type="button" value="change"/></li>
                <li>or</li>
                <li><input type="button" value="cancel"/></li>
            </ul>
        </div>
    </div>

    <div class="Pane hide">

        <h2 style="margin-bottom:0;"><span style="float:right;clear:right;"><label style="width:auto;margin:0 .5em;">enabled</label><input
                type="checkbox"/></span>Integrate <em>solomon</em> with <a href="#Linked-In">linkedin</a></h2>

                    <span class="Field MediumField HugeField">
                        <label>URL of linkedin installation</label>
                        <input type="text"/>
                    </span>

                    <span class="Field ">
                        <label>Username</label>
                        <input type="text"/>
                    </span>
                    <span class="Field ">
                        <label>password</label>
                        <input type="password"/>
                    </span>


        <div class="Actions">
            <ul>
                <li><input type="button" value="change"/></li>
                <li>or</li>
                <li><input type="button" value="cancel"/></li>
            </ul>
        </div>
    </div>

    <div class="Pane hide">

        <h2 style="margin-bottom:0;"><span style="float:right;clear:right;"><label style="width:auto;margin:0 .5em;">enabled</label><input
                type="checkbox"/></span>Integrate <em>solomon</em> with <a href="#Basecamp">highrise</a></h2>

                    <span class="Field MediumField HugeField">
                        <label>URL of highrise installation</label>
                        <input type="text"/>
                    </span>

                    <span class="Field ">
                        <label>Username</label>
                        <input type="text"/>
                    </span>
                    <span class="Field ">
                        <label>password</label>
                        <input type="password"/>
                    </span>


        <div class="Actions">
            <ul>
                <li><input type="button" value="change"/></li>
                <li>or</li>
                <li><input type="button" value="cancel"/></li>
            </ul>
        </div>
    </div>


</div>


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