{embed="_layouts/index"}

{exp:stash:set name="meta"}
   	{exp:seo_lite use_last_segment="yes"}
{/exp:stash:set}

{exp:stash:set name="content"}
    <section id="content">
   	    <div class="inner-container">
        	<span class="logo-icon"></span>
            <span class="left-line"></span>
            <span class="right-line"></span>
                
            <div class="row">
           	    <div class="col-md-8 col-sm-8">
          		    <section id="left-side">
                    
                    	{embed='home/breadcumb'}
                        
                        {exp:zoo_triggers:categories channel="parliamentarian" cat_group_id="5" show_counter="no"}
                        
                        {exp:channel:entries channel="pages" dynamic="yes" track_views="one" disable="categories|category_fields|member_data|pagination"}
                            <h1 class="sittings">{title}</h1>
                            {page_content}
                        {/exp:channel:entries}
                        <div class="clear"><!-- --></div>
                        

                        
{exp:channel:entries channel="parliament_no" dynamic="no" parse="inward" disable="categories|category_fields|member_data|pagination|trackbacks" status="not deceased|retired" orderby='title' sort="asc"}
{exp:playa:children field="related_parliamentarians_parliam"}
{if count == 1}
  <h2>Members of Parliamnet</h2>
  <section class="details-block who-parliament">
{/if}

<!------------start member image----------------------->
<div class="member-image">
{if member_image !=""}
      <div class="hoverfx-effect hoverparliament"> 
        {member_image}<img class="border initial-image" src="{image:url:small}" />{/member_image}
        <div class="overlay"></div>
	<!-- Customize the HoverFX additional content below this line -->
	<div class="swap-inner"><div class="swap-title"><a href="{page_uri}">View Profile</a></div>

<div class="clearfix"></div>
<div class="swap-icons">
   <!-- <img src="/assets/includes/HoverFX/icon-1.png" width="48" height="48">--->
<div style="text-align:center"><div class="email_icon_div">
                            <button class="md-trigger" data-modal="modal-10"><img class="email_icon" src="/assets/images/email_icon.png" title="Contact {title}" /></button>
</div></div>
</div>
	
	</div>	<!-- End of HoverFX additional content -->
    </div><!--- end hover parliament-->
    <div class="title-width"> <a href="{page_uri}">{title}, MP</a></div>
{if:else}
<div class="hoverfx-effect hoverparliament">
<img class="border initial-image" src="/assets/images/no-image-person.jpg" />

<div class="overlay"></div>
	<!-- Customize the HoverFX additional content below this line -->
	<div class="swap-inner"><div class="swap-title"><a href="{page_uri}">View Profile</a></div>
<!--<div class="swap-subtitle">
   <a href="#"> Contact MP</a>
</div>-->
<div class="clearfix"></div>
<div class="swap-icons">
    <!----<img src="includes/HoverFX/icon-1.png" width="48" height="48">----->
<div style="text-align:center"><div class="email_icon_div">
                            <button class="md-trigger" data-modal="modal-10"><img class="email_icon" src="/assets/images/email_icon.png" title="Contact {title}"/></button>
</div></div>
</div>
	
	</div>	<!-- End of HoverFX additional content -->
</div> <!--- end hover parliament-->
<div class="title-width"> <a href="{page_uri}">{title}, MP</a></div>
{/if}
</div><!-- end member-image --->
 <!-------------------------end member image -------->   
{if count == total_results}
    </section>
{/if}
{/exp:playa:children}
{/exp:channel:entries}

                        

                    </section>
                </div>

                <div class="col-md-4 col-sm-4">
                    {embed='pages/right-side'}
                </div>        
            </div>
        </div>
    </section>
{/exp:stash:set}