<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>@yield('title')</title>
	<?php echo
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header('Content-Type: text/html');?>
<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<link rel="icon" href="../images/favicon.ico" type="image/gif" >
<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico">
    <!-- Bootstrap -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
   <!--custom css File--->
   <link type="text/css" rel="stylesheet" href="css/custom.css">
   <!--google fonts ---->
  <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Bitter:400,700' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
   <!--fontawsome --->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  
  <!-- Remove -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="{{ asset('/css/bootstrap.min.css')}}" rel="stylesheet">
<!--<link href="{{ asset('/css/style.css')}}" rel="stylesheet">-->
<!--<link href="{{ asset('/css/custom.css')}}" rel="stylesheet">-->
<link href="{{ asset('/css/custom.css')}}" rel="stylesheet">
<link href="{{ asset('/css/custom1.css')}}" rel="stylesheet">
<link href="{{ asset('/css/responsive_styles.css')}}" rel="stylesheet">
@yield('css')
 
  <!-- Remove -->
  
  </head>
<body>
<section class="wraper <?php if(Request::path()=='/'){ echo "homepage-wraper";}?>">
  {{--*/ $url = explode( '/', $_SERVER['REQUEST_URI'] )/*--}}
<header class="main-top-header navbar-fixed-top <?php if(!empty($url[2])){if($url[2]=='signup' || $url[2]=='login'){ echo  'header-no-br';}}?>">
<div class="container">

      <!-- Static navbar -->
      <nav class="navbar navbar-default">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <!-- <a class="navbar-brand" href="/">Showcase</a> -->
             <a class="navbar-brand" href="{{url('/')}}">
			 
			<img class="img-responsive" src="{{url('/images/logo.png')}}" >
			</a>
			<!-- <a class="navbar-brand logoinfo" href="/" style="padding-top:3px;"></a> -->
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav left-navbar <?php if(!empty($url[2])){if($url[2]=='signup' || $url[2]=='login'){ echo 'ul-no-right-br';}}?>">
				<li><a href="{{url('/how-it-works')}}">How It Works</a></li>
				<li><a href="{{url('get-started')}}">Get Started</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right log-link">
              @if (Auth::guest())
              <li><a href="{{ url('user/signup')}}">Sign Up</a></li>
              <li><a href="{{ url('user/login')}}">Log In</a></li>
            @else
            {{--*/ $profile_sel = CustomLoad::SessionProfile(); $auth_profiles = CustomLoad::AuthProfiles(Auth::user()->id); /*--}}
             <li class="prof_select">
              <form method="post" action="{{url('profile_selected')}}" name="authProfileForm" id="authProfileForm">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
               
              @if($auth_profiles && count($auth_profiles))
               <select name="auth_profile" id="auth_profile">
                 @foreach($auth_profiles as $p)
                  @if($profile_sel===$p->id)
                    <option value="{{$p->id}}" selected>{{$p->name}}</option>
                  @else  
                    <option value="{{$p->id}}">{{$p->name}}</option>
                  @endif
                 @endforeach
               </select>
              @endif
              </form>
              </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">My Account Information<span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                      <li><a href="{{ url('/user/account_settings') }}">Account Settings</a></li>
                      <li><a href="{{ url('/user/changepwd') }}">Change Password</a></li>
                       @if(!Auth::user()->selected_profile || Auth::user()->profile_completed<Config::get('constants.'.Auth::user()->selected_profile.'_LIMIT'))  
                      <li><a href="{{ url('/profile/step1') }}">Create Profile</a></li>
                      @endif
                      <li><a href="{{ url('/myaccount') }}">My Account</a></li>
                      <li><a href="{{ url('/user/logout') }}">Logout</a></li>
                    </ul>
                </li>
            @endif
            </ul>
          </div><!--/.nav-collapse -->
      </nav>
    </div>

</header>
@yield('content')
 
<footer>
<div class="container">
<div class="row mtop-80">
<div class="col-sm-6 fot-singup"><h1>Not ready yet, sign up for updates. </h1></div>
<div class="col-sm-6 new_letter">
<div class="form-group">
  <form method="post" action="subscribe" id="subscribe">
              <input type="text" class="form-control" placeholder="YOUR EMAIL ADDRESS" name="email">
              <input type="hidden" name="_token" value="{{csrf_token()}}">
              <button type="submit" class="form-control" name="subscribe" value="emails">SUBSCRIBE</button>
  </form>
            </div>


</div>

</div>
<hr class="fot-hr">
<div class="footer-links">
<div class="row">
<div class="col-sm-8">
<ul class="ft-lt-links">
<li><a href="{{url('about-us')}}">About Us</a></li>
            <li><a href="{{url('terms')}}">Terms</a></li>
            <li><a href="{{url('privacy')}}">Privacy</a></li>
            <li><a href="{{url('faq')}}">FAQ</a></li>
            <li><a href="{{url('contact')}}">Contact</a></li>
             <li><a href="{{url('legal')}}">Legal</a></li>

</ul>

</div>
<div class="col-sm-4 no-gt">
<div class="social-icons">
 
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
<a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
</div>

</div>

</div>

</div>
</div>

</footer> 
  
</section>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <!--  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>-->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
  <!--  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->


<!--  REmove -->
<script src="{{ asset('js/jquery-1.11.3.min.js')}}"></script>

<script src="{{ asset('js/bootstrapValidator.min.js')}}"></script>
<script src="{{ asset('js/subscribe.js')}}"></script>
<script src="{{ asset('js/bootstrap.min.js')}}"></script> 
<script src="{{ asset('js/custom_jquery.js')}}"></script>
<script>
 /*   $(document).ready(function(){
        
            $.ajax({
                    url: "{{url('findconnections')}}",
                    type: 'get',
                    success:function(data){
                      $("#rec_conn").append(data);
                    // alert(data);
                    }
                });
   });*/

  $(document).ready(function () {
      $('.slideout-menu-toggle').on('click', function(event){
        event.preventDefault();
        // create menu variables
        var slideoutMenu = $('.slideout-menu');
        var slideoutMenuWidth = $('.slideout-menu').width() + 40;
        
        // toggle open class
        slideoutMenu.toggleClass("open");
        
        // slide menu
        if (slideoutMenu.hasClass("open")) {
          $('#toggle').addClass('on');
          slideoutMenu.animate({
            left: "0px"
          }); 
        } else {
          $('#toggle').removeClass('on');
          slideoutMenu.animate({
            left: -slideoutMenuWidth
          }, 250);  
        }
      });
      $('#btn_submit').attr('disabled',true);
      
      $('.delayed').click(function(){$('#btn_submit').attr('disabled',false);})

    
  });

</script>
<script>
$(document).ready(function(){
  $(".mostresent").show();
  $(".mostpopular").hide();
  $(".mosttreand").hide();
  
  $("#mostrec").click(function(){
    $(".mostresent").show();
    $(".mostpopular").hide();
    $(".mosttreand").hide();
    $( "#mostre" ).removeClass( "home-tab-active" );
    $( "#mostpop" ).removeClass( "home-tab-active" );
    $( "#mostrec" ).addClass( "home-tab-active" );
  });
  $("#mostpop").click(function(){ //alert(3);
    $(".mostresent").hide();
    $(".mostpopular").show();
    $(".mosttreand").hide();
    $( "#mostrec" ).removeClass( "home-tab-active" );
    $( "#mostre" ).removeClass( "home-tab-active" );
    $( "#mostpop" ).addClass( "home-tab-active" );
    
  });
  $("#mostre").click(function(){
    $(".mostresent").hide();
    $(".mostpopular").hide();
    $(".mosttreand").show();
    $( "#mostrec" ).removeClass( "home-tab-active" );
    $( "#mostpop" ).removeClass( "home-tab-active" );
    $( "#mostre" ).addClass( "home-tab-active" );
  });



 $(document).on('click','.vidup',function(){
      var atr_val=$(this).attr('view-id');
     
     
                          $('#modal-iframe').attr('src',$('.homeup'+atr_val).attr('iframe-src'));
                          $('#homeup').modal('show'); 
                          
       
 });

    $("#modal-close").click(function(){
        $('#modal-iframe').attr('src',"");
        $('#homeup').modal('hide');
    })

});
</script>
@yield('js')
</body>
</html>
