Take Me Fishing | Hotspot Map

<div id="search_filters_box">
                <h2>
                    <a class="action" href="?view=home">Search WA</a>
                    <span class="help"><a href="#" title="${ttooltip}">Help</a></span>
                </h2>
                <div class="content">

{if selected == true}
                    <dl class="result">
                        <dt><span class="selected"></span><a href="url_reset" onclick="$(window).trigger('all::result::clicked', [${item.lat}, ${item.lng}, 13]); return false;" >${item.name}</a></dt>
                        <dd>{if item.pretty_address}${item.pretty_address}{/if}</dd>
                           {if item.rank || item.rank === 0 || item.rank === '0'}
                            <dd>
                                
                                <div class="starRating clearfix small">
                                {for i in [1,2,3,4,5]}
                                 {if i <= item.rank }
                                    <span class="active">${item.rank}</span>
                                 {else}
                                    <span>${item.rank}</span>
                                 {/if}
                                {/for}
                                </div>
                                
                            </dd>
                           {/if}                    </dl>
                    {/if}
                    
                    <p class="alignLeft clear">«
                      {if sreturn == true}<a class="action" href="?${url_back}">Back to Results</a> | {/if}
                      <a class="action" href="?view=home">Search Again</a>
                    </p>

<h2>Explore WA
                    <span class="help"><a href="#" title="You can show or hide selected results on the map by changing the options below. Click for more help.">Help</a></span>
                </h2>
                <div class="content">
                    <form class="search_filters_form" action="${base_url}${path}" id="explore_filters_form"> 
                        <h3><span class="icon water">Bodies of Water</span></h3>                                 
                        <ul>
                            <li{if aWater == 'all'} class="active"{/if}><span>show</span> <input type="radio" name="ep_water" id="bodies1" value="a" {if aWater == 'all'} checked="checked"{/if}/> <label for="bodies1">All Bodies of Water</label></li> 
                            <li{if aWater == 'fish'} class="active"{/if}><span>show</span> <input type="radio" value="f" name="ep_water" id="bodies2" {if aWater == 'fish'} checked="checked"{/if} /> <label for="bodies2">Bodies of Water Containing:</label>
                                <select name="ep_fish">
                                    {for fish in species}
                                        <option value="${fish.value}"{if aFish == fish.value} selected="selected"{/if}>${fish.name}</option>
                                    {/for}
                                </select>
                            </li>
                        </ul>

<h3><span class="icon facility">Facilities</span></h3>                                
                        <ul class="show_filter_list">
                            <li{if aBoating == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="boating_filter_checkbox" name="ep_b"{if aBoating == true} checked="checked"{/if} />
                                <label for="boating_filter_checkbox" id="boating_iconized_label">Boating</label>
                            </li>
                            <li{if aMarinas == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="marinas_filter_checkbox" name="ep_m"{if aMarinas == true} checked="checked"{/if} />
                                <label for="marinas_filter_checkbox" id="marinas_iconized_label">Marinas</label>
                                </li>
                            <li{if aOutfitters == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="outfitters_filter_checkbox" name="ep_o"{if aOutfitters == true} checked="checked"{/if} />
                                <label for="outfitters_filter_checkbox" id="outfitters_iconized_label">Outfitters</label>
                            </li>
                            <li{if aFamily == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="family_filter_checkbox" name="ep_f"{if aFamily == true} checked="checked"{/if} />
                                <label for="family_filter_checkbox" id="family_iconized_label">Family Friendly</label>
                            </li>
                            <li{if aUrban == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="urban_filter_checkbox" name="ep_u"{if aUrban == true} checked="checked"{/if} />
                                <label for="urban_filter_checkbox" id="urban_iconized_label">Urban Fishing</label>
                            </li>
                            <li{if aCamping == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="camping_filter_checkbox" name="ep_c"{if aCamping == true} checked="checked"{/if} />
                                <label for="camping_filter_checkbox" id="camping_iconized_label">Camping</label>
                            </li>
                            <li{if aRestaurant == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="restaurant_filter_checkbox" name="ep_r"{if aRestaurant == true} checked="checked"{/if} />
                                <label for="restaurant_filter_checkbox" id="restaurant_iconized_label">Restaurant</label>
                            </li>
                            <li{if aCharter == true} class="active"{/if}>
                                <span>show</span>
                                <input class="show_switch" type="checkbox" id="charter_filter_checkbox" name="ep_ch"{if aCharter == true} checked="checked"{/if} />
                                <label for="charter_filter_checkbox" id="charter_iconized_label">Charters and Guides</label>
                            </li>
                        </ul>
                        
                        <h3><span class="icon hotspot">Community</span></h3>                                
                        <ul class="show_filter_list">
                            {if profile_name == ''}
                            <li{if aCommunity == 'all'} class="active"{/if}>
                                <span>show</span> 
                                <input type="checkbox" name="ep_community" id="community1" value="a" {if aCommunity == 'all'} checked="checked"{/if} /> 
                                <label for="community1">All Hotspots</label>
                            </li>
                            {else}
                            <li{if aCommunity == 'all'} class="active"{/if}>
                                <span>show</span> 
                                <input type="radio" name="ep_community" id="community1" value="a" {if aCommunity == 'all'} checked="checked"{/if} /> 
                                <label for="community1">All Hotspots</label>
                            </li>
                            <li{if aCommunity == 'only'} class="active"{/if}>
                                <span>show</span> 
                                <input type="radio" name="ep_community" id="community2" value="o" {if aCommunity == 'only'} checked="checked"{/if} /> 
                                <label for="community2">Only:</label>
                                <select name="ep_hotspot">
                                    <option value="m"{if aHotspot == 'my'} selected="selected"{/if}>My Hotspots</option>
                                    <option value="b"{if aHotspot == 'bud'} selected="selected"{/if}>Buddies Hotspots</option>
                                </select>
                            </li>
                            {/if}
                        </ul>
                        <br /><br />

<div id="common_searches_box">
                <div class="button">
                    <a href="?view=bof" class="water action">Search for a Body<br />of Water</a>
                    <div class="bot"></div>
                </div>
                
                <div class="button">
                    <a href="?view=loc" class="location action">Search for a Location</a>
                    <div class="bot"></div>
                </div> 
                
                <div class="button">
                    <a href="?view=fac" class="facility action">Search for a Business or Facility</a>
                    <form method="post" action="fac" class="preselect">
                        <select name="sf_facility_type">
                            {for facility in facility_types}
                                <option value="${facility.value}">${facility.name}</option>
                            {/for}
                        </select>
                        <br /><input type="submit" value="Go" />
                    </form> 
                    <div class="bot"></div>
                </div> 
                
                <div class="button">
                    <a href="?view=fish" class="water action">Search for Species by Body of Water</a>
                    <form method="post" action="fish" class="preselect">
                        <select name="sf_fish_id">
                            {for fish in species}
                            <option value="${fish.value}">${fish.name}</option>
                            {/for} 
                        </select>
                       <br /><input type="submit" value="Go" />
                    </form>
                    <div class="bot"></div>
                </div>
                <p class="alignLeft"><a href="${state_selector_url}">« Select a different state <img src="/assets/images/google_map/icon_state.gif" /></a></p>
                <div class="bot"></div>
            </div>

<div id="bof_search_box">
                <form class="search_details_form" rel="bof" action="${base_url}${path}">
                    <p>Search for a body of water
                        <input type="text" name="sf_name" rel="Name" class="toggle_text" value="Name" /><br />
                        <span class="form_hint">e.g. "Crooked Lake" or "Mississippi River"</span>
                    </p>
                    <h3 class="alignLeft"><span><b> AND / OR</b></span></h3>
                    <p>Search within
                        <select name="sf_dist">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="25">25</option>
                            <option value="50">50</option>
                            <option value="100">100+</option> 
                        </select> 
                        miles of 
                        <input type="text" name="sf_addr" rel="Address" class="toggle_text" value="Address" /><br />
                        <span class="form_hint">e.g. "1234 Street Name"</span>
                        <input type="text" name="sf_city" rel="City" class="toggle_text" value="City" /><br />
                        <span class="form_hint">e.g. "Minneapolis"</span>
                        <input type="text" name="sf_zip" rel="Zip" class="toggle_text" value="Zip" /><br />
                        <span class="form_hint">e.g. "55407"</span>
                        <input type="hidden" name="sf_page" value="1">
                        <input type="hidden" name="sf_state" value="${state}" /> 
                    </p>
                    <p class="alignLeft"><input type="submit" value="Go" /></p>
                </form>
                ${footer}
            </div>

<div id="loc_search_box">
                <form class="search_details_form" rel="loc" action="${base_url}${path}">
                    <p>Search for a location
                        <input type="text" name="sf_addr" rel="Address" class="toggle_text" value="Address" /><br />
                        <span class="form_hint">e.g. "1234 Street Name"</span>
                        <input type="text" name="sf_city" rel="City" class="toggle_text" value="City" /><br />
                        <span class="form_hint">e.g. "Minneapolis"</span>
                        <input type="text" name="sf_zip" rel="Zip" class="toggle_text" maxlength="5" value="Zip" /><br />
                        <span class="form_hint">e.g. "55407"</span>
                    </p>
                    
                    <input type="hidden" name="sf_page" value="1" />
                    <input type="hidden" name="sf_state" value="${state}" />
                 
                    <p class="alignLeft"><input type="submit" value="Go" /></p>
                </form>
                ${footer}
            </div>

<div id="fac_search_box">
                <form class="search_details_form" rel="bof" action="${base_url}${path}">
                     <p>Search for a business or facility:
                        <select name="sf_facility_type">
                            {for facility in facility_types}
                                <option value="${facility.value}"{if facility.value == selected_type} selected="selected"{/if}>${facility.name}</option>
                            {/for}
                        </select>
                        <input type="text" name="sf_name" class="toggle_text" rel="Name" value="Name" />
                    </p>
                    <h3 class="alignLeft"><span><b> AND / OR</b></span></h3>
                    <p>Search within
                        <select name="sf_dist">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="25">25</option>
                            <option value="50">50</option>
                            <option value="100">100+</option>
                        </select>
                        miles of
                        <input type="text" name="sf_addr" class="toggle_text" rel="Address" value="Address" /><br />
                        <span class="form_hint">e.g. "1234 Street Name"</span>
                        <input type="text" name="sf_city" class="toggle_text" rel="City" value="City" /><br />
                        <span class="form_hint">e.g. "Minneapolis"</span>
                        <input type="text" name="sf_zip" class="toggle_text" rel="Zip" value="Zip" /><br />
                        <span class="form_hint">e.g. "55407"</span>
                    </p>
                    <input type="hidden" name="sf_page" value="1" />
                    <input type="hidden" name="sf_state" value="${state}" />
                    <p class="alignLeft"><input type="submit" value="Go" /></p>
                </form>
                ${footer}
            </div>

<div id="fish_search_box">
                <form class="search_details_form" rel="fish" action="${base_url}${path}">
                    <p>Search for a bodies of water containing:
                        <select name="sf_fish_id">
                             {for fish in species}
                                <option value="${fish.value}"{if fish.value == selected_type} selected="selected"{/if}>${fish.name}</option>
                             {/for} 
                        </select>
                    </p>
                    <h3 class="alignLeft"><span><b> AND / OR</b></span></h3>
                    <p>
                        Search within
                        <select name="sf_dist">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="25">25</option>
                            <option value="50">50</option>
                            <option value="100">100+</option> 
                        </select>
                        miles of
                        <input type="text" name="sf_addr" class="toggle_text" rel="Address" value="Address" /><br />
                        <span class="form_hint">e.g. "1234 Street Name"</span>
                        <input type="text" name="sf_city" class="toggle_text" rel="City" value="City" /><br />
                        <span class="form_hint">e.g. "Minneapolis"</span>
                        <input type="text" name="sf_zip" class="toggle_text" rel="Zip" value="Zip" /><br />
                        <span class="form_hint">e.g. "55407"</span> 
                    </p>
                    <input type="hidden" name="sf_page" value="1" />
                    <input type="hidden" name="sf_state" value="${state}" />
                    <p class="alignLeft"><input type="submit" value="Go" /></p>
                </form>
                ${footer}
            </div>

<div id="search_results_box">
                {if data.length > 0}
                    <h3><span>Did you mean:</span></h3>
                                             
                    {for item in data}
                        <dl class="result clear">
                            {if hasCSearch == true && item.rtype == 'fac' && item.raurl && item.raurl != ''}
                                <dt><a href="?${item.url}" rel="${item.id}" class="action"><span class="rasite">${item.label}</span>${item.name}</a></dt>
                            {else}
                                <dt><a href="?${item.url}" rel="${item.id}" class="action"><span>${item.label}</span>${item.name}</a></dt>
                            {/if}
                            <dd>{if item.pretty_address}${item.pretty_address}{/if}</dd>
                            {if item.rank || item.rank === 0 || item.rank === '0'}
                                <dd>
                                    <div class="starRating clearfix small">
                                    {for i in [1,2,3,4,5]}
                                        {if i <= item.rank }
                                            <span class="active">${item.rank}</span>
                                        {else}
                                            <span>${item.rank}</span>
                                        {/if}
                                    {/for}
                                </div>
                            </dd>
                            {/if}
                        </dl>
                    {/for}
                    
                    
                ${pager}
                {else}
                     No Results.
                {/if}
                ${footer}
            </div>

<div id="custom_window_contents_wrapper" class="narrow">
                <table>
                    <tr>
                        <td class="corner tl"></td>
                        <td class="hborder middle tb"></td>
                        <td class="corner tr"></td>
                    </tr>
                    <tr>
                        <td class="lb"></td>
                        <td style="background-color: #FFF;" class="middle">
                            <div id="resource_balloon_wrapper">
                                <a class="close_info_window" href="#" onclick="$(window).trigger('mp::infowindow::close::clicked', []); return false;">
                                    <img src="/assets/images/google_map/buttonClose.png" alt="Close" />
                                </a>
                                <div class="info_window_title">${item.name}</div>
                                <div class="info_window_content">
                                    » <a href="${base_url}community/sn/profiles/view/type/bof/rid/${item.id}">view profile</a><br />
                                    » <a href="${base_url}community/sn/buddies/add/type/bof/rid/${item.id}">save to my hotspots</a><br /><br />
                                    {if item.rank || item.rank === 0 || item.rank === '0'}
                                        
                                        
                                        <div class="starRating clearfix small">
                                        {for i in [1,2,3,4,5]}
                                         {if i <= item.rank }
                                            <span class="active">${item.rank}</span>
                                         {else}
                                            <span>${item.rank}</span>
                                         {/if}
                                        {/for}
                                       </div>
                                       <br class="clear"/>
                                        
                                    {/if}
                                    {if item.inhabitants && item.inhabitants.length > 0}
                                        Fish for:
                                        <ul>
                                        {for species in item.inhabitants}
                                            <li>${species}</li>
                                        {/for}
                                        </ul>
                                    {/if}
                                    <br />
                                    <p style="margin: 0; padding: 0; clear: both;">${item.pretty_address}</p>
                                    Get Directions:<br />
                                    <a href="#" class="externalLink" onclick='window.open("http://maps.google.com/maps?daddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&saddr=", "_blank");return false;' >To Here</a> - <a href="#" class="externalLink" onclick='window.open("http://maps.google.com/maps?saddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&daddr=", "_blank");return false;' >From Here</a>
                                </div>
                            </div>
                        </td>
                        <td class="rb"></td>
                    </tr>
                    <tr>
                        <td class="corner bl"></td>
                        <td class="hborder middle bb"></td>
                        <td class="corner br"></td>
                    </tr>
                </table>
                <div class="beak"></div>
            </div>

<div id="custom_window_contents_wrapper" class="narrow">
                <table>
                    <tr>
                        <td class="corner tl"></td>
                        <td class="hborder middle tb"></td>
                        <td class="corner tr"></td>
                    </tr>
                    <tr>
                        <td class="lb"></td>
                        <td style="background-color: #FFF;" class="middle">
                            <div id="resource_balloon_wrapper">
                                <a class="close_info_window" href="#" onclick="$(window).trigger('mp::infowindow::close::clicked', []); return false;">
                                    <img src="/assets/images/google_map/buttonClose.png" alt="Close" />
                                </a>
                                <div class="info_window_title">${item.name}</div>
                                <div class="info_window_content">
                                    » <a href="${base_url}community/sn/profiles/view/type/fac/rid/${item.id}">view profile</a><br />
                                    » <a href="${base_url}community/sn/buddies/add/type/fac/rid/${item.id}">save to my hotspots</a><br /><br />
                                    {if item.rank || item.rank === 0 || item.rank === '0'}
                                        
                                        
                                        <div class="starRating clearfix small">
                                        {for i in [1,2,3,4,5]}
                                         {if i <= item.rank }
                                            <span class="active">${item.rank}</span>
                                         {else}
                                            <span>${item.rank}</span>
                                         {/if}
                                        {/for}
                                       </div>
                                       <br class="clear"/>
                                        
                                    {/if}
                                    <ul>
                                        {if item.rtype == 'bof'}<li>Body of Water</li>{/if}
                                        {if item.boating == 1}<li>Boating</li>{/if}
                                        {if item.marina == 1}<li>Marinas</li>{/if}
                                        {if item.outfitter == 1}<li>Outfitters</li>{/if}
                                        {if item.family_hot_spot == 1}<li>Family Friendly</li>{/if}
                                        {if item.urban_fishing == 1}<li>Urban Fishing</li>{/if}
                                        {if item.camping == 1}<li>Camping</li>{/if}
                                        {if item.restaurant == 1}<li>Restaurants</li>{/if}
                                        {if item.charter == 1}<li>Charters and Guides</li>{/if}
                                    </ul><br /><br />
                                    
                                    <p style="margin: 0; padding: 0; clear: both;">${item.pretty_address}</p><br />
                                    {if item.phone != ''}${item.phone}<br /><br />{/if}
                                    {if item.email != ''}<a href="mailto:${item. email}">${item.email}</a><br /><br />{/if}
                                    {if item.url != ''}<a href="${item.url}" class="externalLink" target="_blank" style="position:relative !important;">website</a><br /><br />{/if}
                                    Get Directions:<br /><br />
                                    <a href="#" class="externalLink" style="position:relative !important;" onclick='window.open("http://maps.google.com/maps?daddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&saddr=", "_blank");return false;' >To Here</a> - <a href="#" class="externalLink" style="position:relative !important;" onclick='window.open("http://maps.google.com/maps?saddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&daddr=", "_blank");return false;' >From Here</a>
                                </div>
                            </div>
                        </td>
                        <td class="rb"></td>
                    </tr>
                    <tr>
                        <td class="corner bl"></td>
                        <td class="hborder middle bb"></td>
                        <td class="corner br"></td>
                    </tr>
                </table>
                <div class="beak"></div>
            </div>

<h3 class="hotspot_balloon_header">
                {if item.rtype=='hotspot'}
                    <span class="icon hot">Add a Hotspot</span>
                {elseif item.rtype=='water'}
                    <span class="icon bof">Add a Body of Water</span>
                {elseif item.rtype=='facility'}
                    <span class="icon fac">Add a Facility</span>
                {/if}
            </h3>
            <p class="step">
                <strong>Step 1 of 2:</strong>
                {if item.rtype=='hotspot'}
                    <span> Name Your Hotspot</span>
                {elseif item.rtype=='water'}
                    <span> Name Your Body of Water</span>
                {elseif item.rtype=='facility'}
                    <span> Name Your Facility</span>
                {/if}
            </p>
            <form id="hotspot_name_form" name="hotspot_name_form">
                <label class="over" for="hotspot_name_form_name">Enter Name:</label>
                <input id="hotspot_name_form_name" type="text" class="widest" name="hotspot_name_form_name" value="{if item.name != ''}${item.name}{else}${labels.name}{/if}" rel="${labels.name}" maxlength="30" /><br />
                <span class="form_hint">maximum 30 characters</span>
                <div class="actions">
                    <a href="#cancel" id="cancel_add_hotspot">cancel</a>
                    <input type="submit" value="NEXT STEP" />
                </div>
            </form>

<h3 class="hotspot_balloon_header">
                {if item.rtype=='hotspot'}
                    <span class="icon hot">Add a Hotspot</span>
                {elseif item.rtype=='water'}
                    <span class="icon bof">Add a Body of Water</span>
                {elseif item.rtype=='facility'}
                    <span class="icon fac">Add a Facility</span>
                {/if}
            </h3>
            <p class="step">
                <strong>Step 2 of 2:</strong>
                {if item.rtype=='hotspot'}
                    <span> Position Your Hotspot</span>
                {elseif item.rtype=='water'}
                    <span> Position Your Body of Water</span>
                {elseif item.rtype=='facility'}
                    <span> Position Your Facility</span>
                {/if}
            </p>
            <form id="hotspot_pos_form" name="hotspot_pos_form" method="POST" action="${base_url}community/sn/hotspots/create">
                <select class="widest" name="hotspot_pos_form_method" id="hotspot_pos_form_method">
                    <option id="" value="drag"{if item.view=='drag'} selected="selected"{/if}>Drag the Marker</option>
                    <option id="" value="address"{if item.view=='address'} selected="selected"{/if}>Type Address to Move Marker</option>
                    <option id="" value="gps"{if item.view=='gps'} selected="selected"{/if}>Type GPS to Move Marker</option>
                </select>
                ${fields_html}
            </form>

{if item.geo_locations && item.geo_locations.list && item.geo_locations.list.length > 0}
                <p class="form-line">
                    <label for="hotspot_pos_form_geolocations">Please select a location:</label>
                    <select class="widest" id="hotspot_pos_form_geolocations" name="hotspot_pos_form_geolocations">
                    {for location in item.geo_locations.list}
                        <option rel="${location.id}" value="${location.lat},${location.lng}"{if item.geo_locations.selected == location.id} selected="selected"{/if}>${location.name}</option>
                    {/for}
                    </select>
                </p>
                <div class="actions">
                    <a href="#cancel" id="cancel_add_hotspot">cancel</a>
                    <input type="submit" value="APPLY" />
                    <input type="reset" value="RESET" />
                </div>
            {else}
                <p class="form-line">
                    <input class="widest" type="text" name="hotspot_pos_form_street" id="hotspot_pos_form_street" value="{if item.street != ''}${item.street}{else}${labels.street}{/if}" rel="${labels.street}" maxlength="255" />
                </p>
                <p class="form-line">
                    <input class="wider" type="text" name="hotspot_pos_form_city" id="hotspot_pos_form_city" value="{if item.city != ''}${item.city}{else}${labels.city}{/if}" rel="${labels.city}" maxlength="255" />
                    <input class="narrow" type="text" name="hotspot_pos_form_zip" id="hotspot_pos_form_zip" value="{if item.zip != ''}${item.zip}{else}${labels.zip}{/if}" rel="${labels.zip}" maxlength="5" />
                </p>
                <div class="actions">
                    <a href="#cancel" id="cancel_add_hotspot">cancel</a>
                    <input type="submit" value="SEARCH" />
                </div>
            {/if}

<p class="form-line">
                <div class="form-line-item">
                    <label for="hotspot_pos_form_lat">Latitude:</label>
                    <input class="wide" type="text" name="hotspot_pos_form_lat" id="hotspot_pos_form_lat" value="{if item.lat != ''}${item.lat}{else}${labels.lat}{/if}" rel="${labels.lat}" maxlength="64" />
                    <span class="form_hint">e.g. "44.830879"</span><br />
                    
                </div>
                <div class="form-line-item">
                    <label for="hotspot_pos_form_lng">Longitude:</label>
                    <input class="wide" type="text" name="hotspot_pos_form_lng" id="hotspot_pos_form_lng" value="{if item.lng != ''}${item.lng}{else}${labels.lng}{/if}" rel="${labels.lng}" maxlength="64" />
                    <span class="form_hint">e.g. "-93.300394"</span><br />
                    
                </div>
                <br class="clear" />
            </p>
            <div class="actions">
                <a href="#cancel" id="cancel_add_hotspot">cancel</a>
                <input type="submit" value="APPLY" />
            </div>

<div id="gm_button_control">
                <div class="map_control_item" rel="show_labels">
                    <input type="checkbox" name="show_labels" id="show_labels" checked="true"">
                        <label for="show_labels">Show Item labels</label>
                </div>
                
                <div class="map_control_item" rel="show_help">
                    <span>Help</span>
                </div>
                {if profile_name == ''}
                <div class="map_control_item" rel="sign_in">
                    <a href="${base_url}community/home">Sign In</a>
                </div>
                {/if}
                <div class="map_control_items_geowake">
                    <div class="map_control_item" rel="show_navaid_markers">
                        <input type="checkbox" name="show_navaid_markers" id="show_navaid_markers" checked="false">
                        <label for="show_navaid_markers">Display Nav-Aid Markers</label>
                    </div>
                    <div class="map_control_item" rel="show_noaa_charts">
                        <input type="checkbox" name="show_noaa_charts" id="show_noaa_charts" checked="false">
                        <label for="show_noaa_charts">Display NOAA Charts</label>   
                    </div>
                    <div class="map_control_item" rel="noaa_charts_list">  
                        <form name="geowake_chartForm"> 
                            <select name="geowake_chartList" id="noaa_charts_list" onchange="gwCharts.chartChange(this.form.noaa_charts_list)" style="width:200px;"> 
                                <option value="-1" selected></option> 
                            </select> 
                        </form>
                    </div>
                </div>
            </div>

<div id="gm_help_control">
                <div class="instructions">
                    <div class="content">
                        <h2>Explore Hotspots</h2> 
                        <p>Click the, “GET STARTED” button to begin your search.</p>  
                        <h3>How it works</h3>
                        
                        <div class="step1">
                            <img src="/assets/images/google_map/step_1.gif" /> 
                            <p>
                                <b>Step 1</b><br />
                                Select a category to start your search.
                            </p>
                        </div>
                        
                        <div class="step2">
                            <img src="/assets/images/google_map/step_2.gif" />
                            <p>
                                <b>Step 2</b><br />
                                Fine tune your search by clicking the facilities you’re looking for.
                            </p> 
                        </div> 
                        
                        <div class="step3">                           
                            <img src="/assets/images/google_map/step_3.gif" /> 
                            <p>
                                <b>Step 3</b><br />
                                Look for these icons on the map. You can then click on them for more information.
                            </p>
                        </div>
                        
                        <br class="clear" />
                        <a href="#" class="start" rel="get_started"></a>
                        <div class="toggle">
                            <input type="checkbox" name="showhide" id="showhide" rel="do_not_show" value="1"{if show_hide_checked == true} checked="checked"{/if} /> <label for="showhide">Don't show again</label>
                        </div>
                    </div>
                </div>
            </div>

<div class="content">
                <h2>Add to the Community Map</h2> 
                <p>You are about to add to the map.<a href="#" rel="cancel">Cancel</a>.</p>  
                <h3>Choose what kind of hotspot you would like to add to the community map:</h3>
                    
                <div class="terms_agree_wrapper">
                    <input type="checkbox" name="terms_agree" id="terms_agree" />
                    <label for="terms_agree">I AGREE TO THE <a href="${base_url}general/terms-of-use" target="terms">TERMS AND CONDITIONS</a>.</label>
                </div>
                    
                <div class="button_wrapper">
                    <div class="button">
                        <a href="#" class="hotspot begin_add_hotspot" rel="hotspot"><span>Community Hotspot</span></a>
                        <div class="bot"></div>
                    </div>
                    <p>By creating a Community Hotspot you are adding your own personal touch to the map.</p>
                </div>
                    
                <div class="button_wrapper">
                    <div class="button">
                        <a href="#" class="facility begin_add_hotspot" rel="facility"><span>Business or Facility</span></a>
                        <div class="bot"></div>
                    </div>
                    <p>By creating a Business or Facility you are adding valuable information to the map.</p>
                </div>
                    
                <div class="button_wrapper">
                    <div class="button">
                        <a href="#" class="water begin_add_hotspot" rel="water"><span>Body of Water</span></a>
                        <div class="bot"></div>
                    </div> 
                    <p>You can add a Body of Water that may not be in our database.</p>
                </div>
                <br class="clear" />
                    
                <a href="#" class="cancel" rel="cancel"></a>
            </div>

<div class="content finish">
                <h2>Add to the Community Map</h2> 
                <h3>Before the item is added to the map, please complete as much information as you can in the hotspot profile. When you are done you can return to the map at any time by clicking the “view on map” link.</h3> 
                <h3>By continuing you will be adding this Hotspot to the community map for everyone to see.</h3>
                <form method="POST" action="${action}">
                    <input type="hidden" name="hotspot[type]" value="${type}" />
                    <input type="hidden" name="hotspot[name]" value="${name}" />
                    <input type="hidden" name="hotspot[lat]" value="${lat}" />
                    <input type="hidden" name="hotspot[lng]" value="${lng}" />
                    <input type="hidden" name="hotspot[zoom]" value="${zoom}" />
                    <input type="hidden" name="hotspot[state]" value="${state}" />
                    <a href="#" class="drop" rel="drop" onclick="$(window).trigger('all::close::clicked', []); return false;"></a>
                    <a href="#" class="continue" rel="continue" onclick="$(this).parents('form').submit(); return false;"></a>
                </form>
            </div>

{if data.length > 0}
              <div id="explore_list_box">
              <h2>On this map right now (${total})</h2>
                <p class="contentSearchButton"><a class="action" href="?view=home">« Search Again</a></p>
                <dl>
                    {for item in data}
                        {if hasCFilter == true && item.rtype == 'fac' && item.raurl && item.raurl != ''}
                            <dt class="facility rasite">${item.name}</dt>
                            <dd>
                                » <a href="#top" onclick="$(window).trigger('all::result::clicked', [${item.lat}, ${item.lng}, 15]); return false;" rel="${item.rtype}/${item.id}" class="explore_item_button">view on map</a>
                                » <a href="${base_url}community/sn/profiles/view/type/${item.rtype}/rid/${item.id}">view profile</a>
                                » <a href="${base_url}community/sn/buddies/add/type/${item.rtype}/rid/${item.id}">save to my hotspots</a><br /><br />
                                <p>
                                    <strong>Make a reservation at Reserve America:</strong><br />
                                    <a href="${item.raurl}" class="externalLink" target="_rasite">${item.name}</a>
                                </p>
                            </dd>
                        {else}
                            <dt class="{if item.rtype == 'bof'}water{/if}{if item.rtype == 'fac'}facility{/if}{if item.rtype == 'hot'}hotspot{/if}">${item.name}</dt>
                            <dd>
                                » <a href="#top" onclick="$(window).trigger('all::result::clicked', [${item.lat}, ${item.lng}, 15]); return false;" rel="${item.rtype}/${item.id}" class="explore_item_button">view on map</a>
                                » <a href="${base_url}community/sn/profiles/view/type/${item.rtype}/rid/${item.id}">view profile</a>
                                » <a href="${base_url}community/sn/buddies/add/type/${item.rtype}/rid/${item.id}">save to my hotspots</a><br /><br />
                                <br />
                                {if item.description != ''}<p>${item.description}</p>{/if}
                                <table width="100%">
                                <tbody><tr>
                                    <td width="50%">
                                        <p>
                                            ${item.pretty_address}<br/>
                                            {if item.phone != ''}${item.phone}<br />{/if}
                                            {if item.email != ''}<a href="mailto:${item. email}">${item.email}</a><br />{/if}
                                            {if item.url != ''}<a href="${item.url}" class="externalLink" target="_blank">${item.url}</a><br />{/if}
                                        </p>
                                        <p class="directions">Get Directions (opens in new window):<br/>
                                            <a href="#" onclick='window.open("http://maps.google.com/maps?daddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&saddr=", "_blank");return false;' >To Here</a> - <a href="#" onclick='window.open("http://maps.google.com/maps?saddr=" + escape("${item.name}") + "@${item.lat},${item.lng}&daddr=", "_blank");return false;' >From Here</a>  
                                        </p>
                                    </td>
                                    <td width="50%">
                                        {if item.rtype == 'bof'  && item.inhabitants.length}<p>Fish for:</p>{/if}
                                        {if item.rtype == 'fac'}<p>Features:</p>{/if}
                                        <ul class="species">
                                            {if item.boating == 1}<li>Boating</li>{/if}
                                            {if item.marina == 1}<li>Marinas</li>{/if}
                                            {if item.outfitter == 1}<li>Outfitters</li>{/if}
                                            {if item.family_hot_spot == 1}<li>Family Friendly</li>{/if}
                                            {if item.urban_fishing == 1}<li>Urban Fishing</li>{/if}
                                            {if item.camping == 1}<li>Camping</li>{/if}
                                            {if item.restaurant == 1}<li>Restaurants</li>{/if}
                                            {if item.charter == 1}<li>Charters and Guides</li>{/if}
                                            {for species in item.inhabitants}
                                                <li><a href="/fishing/fishopedia/species-explorer/details/overview/fish/${species.url_token}">${species.name}</a></li>
                                            {/for}
                                        </ul>  
                                    </td>
                                </tr></tbody>
                                </table>
                            </dd>
                        {/if}
                    {/for}
                </dl>
                ${pager}
                </div>
                {else}
                    
                {/if}