@section('content')

    @section('scripts')
    	{{ HTML::script('js/jquery.scrollTo.js') }}        
 		<script type="text/javascript">
        $(document).ready(function () {
        	$(window).scroll(function () {
            	if($(document).scrollTop() > $(".fixed_img").height() - 66) 
				{
                	$('#navbar').addClass("fixed");
                    $('#navbar').removeClass("transparent-menu");
                    $('.wrap-second-nav').addClass("fixed");
                    $('.wrap-second-nav').removeClass("transparent-menu"); 
                }
				else
				{
                    $('#navbar').removeClass("fixed");
                    $('#navbar').addClass("transparent-menu");
                    $('.wrap-second-nav').removeClass("fixed");
                    $('.wrap-second-nav').addClass("transparent-menu");
              	}
           		
				if($(document).scrollTop() > $(".fixed_img").height() - 94) 
				{
                	$('#scroll_to_content').addClass("hide-button");                
                }
				else
				{
              		$('#scroll_to_content').removeClass("hide-button");
                }
         	});
			
			$( "#scroll_to_content" ).click(function(e) {
				e.preventDefault();
				$.scrollTo('#about_us_anchor', 600);
				$.cookie('process_bg', 'close', { path: '/' });
          	});
			
			if($.cookie('process_bg') == 'close')
			{
				$.scrollTo('#about_us_anchor', 600);	
			}
        });
        </script>
	@stop
    
    @include('about_us/menu')
    
    @section('background_img')
        <div class="fixed_img">
          <img src="{{ asset('img/banq_frame5.jpg')}}" class="img-responsive" alt="img">
          <div class="text_box">
            <div class="wcaption frame-stairs">
              <div class="caption">
                <div class="bg1">
                  <h1>Streamlined, Compliant Execution</h1>
                  <h3>This is the sacred mantra we abide by - in genuine appreciation of the importance in approaching each and every transaction with these values at heart.</h3>
                </div>
                <div class="bg2"></div>
              </div>
            </div>
          </div>
        </div>
    @stop
    
    @section('about_us_arrow')
    	<a href="#about_us_anchor" id="scroll_to_content" class="arrow_button"></a>
    	<div id="about_us_anchor"></div>
  	@stop
    <div class="process_wrap">
      <div class="row">
   		<div class="col-md-2">
          <div id="sticker">
            <ul class="left_nav">
              @foreach($categories as $category)
              <li><a href="{{ URL::to('about-us/process/'.$category->alias) }}"{{ (Request::segment(3) == $category->alias)?' class="active"':'' }}>{{ mb_strtoupper($category->title) }} </a></li>
              @endforeach
            </ul>
          </div>
    	</div>
      <div class="col-md-10">
      	@foreach($process as $row)
        	<div class="gray_container process">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
             			    <h1>{{ $row->title }}</h1>
                    	<p>{{ $row->content }}</p>
                	</div>
        		    </div>
        	</div>
      	@endforeach
  		</div>
  	</div><!-- /row --><!-- Insights end -->
  </div>
    <!--pagination-->
	<div class="wpagination">{{ $process->appends(array('category_id' => Input::get('category_id')))->links() }}</div>
    
@endsection