
<?php $__env->startSection('css'); ?>
    <link rel="stylesheet" href="<?php echo URL::asset('assets/css/login_signup.css'); ?>" />
    <style type="text/css">
        html, body, #main_container{
            background:none;
        }
        .navbar.gallery-sub-header{
            display:none;
        }
        #footer, .backstretch, #overlay, .form-signin{
            display:none;
        }
    </style>
<?php $__env->stopSection(); ?>

<?php

$settings = Setting::first();

$facebook = new Facebook(array(
  'appId'  => $settings->fb_key,
  'secret' => $settings->fb_secret_key,
  'cookie' => true,
  'oauth' => true,
));

$params = array(
  'scope' => 'email, user_photos',
  'redirect_uri' => URL::to("auth/facebook"),
);

$loginUrl = $facebook->getLoginUrl($params);

?>

<?php $__env->startSection('content'); ?>

<div class="container">

    <?php if (Session::has('notification')): ?>
        <span class="notification"><?php echo Session::get('notification'); ?></span>
    <?php endif; ?>

    <?php $googleService = OAuth::consumer( 'Google' ); ?>

    <form method="post" action="<?php echo URL::to('signup'); ?>" class="form-signin">

    <h2 class="form-login-heading"><?php echo Lang::get('auth.sign_up_with'); ?></h2>
    <div class="social-signup">
        <a class="facebook-signup" href="<?php echo $loginUrl; ?>"></a>
        <a class="google-signup" href="<?php echo URL::to('auth/google'); ?>"></a>
    </div>
        <!-- check for notifications -->

        <div class="line"></div>
            <h2 class="form-login-heading-second"><?php echo Lang::get('auth.or_signup_with'); ?></h2>
        <div class="line"></div>
        
        <input type="text" class="form-control" id="username" name="username" placeholder="<?php echo Lang::get('common.username'); ?>">
        <input type="text" class="form-control" id="email" name="email" style="-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;" placeholder="<?php echo Lang::get('common.email_address'); ?>">
        <input type="password" class="form-control" id="password" name="password" style="margin-bottom:0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;" placeholder="<?php echo Lang::get('common.password'); ?>">
        <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" placeholder="<?php echo Lang::get('auth.confirm_password'); ?>">
       
        <button class="btn btn-lg btn-block btn-color" type="submit"><?php echo Lang::get('auth.sign_up'); ?></button>
        
    </form>

</div>
<div id="overlay"></div>

<script type="text/javascript" src="<?php echo URL::asset('assets/js/jquery.backstretch.min.js'); ?>"></script>
<script type="text/javascript">

    var images = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg', '06.jpg', '07.jpg', '08.jpg', '09.jpg', '10.jpg'];

    $(document).ready(function(){
        $.backstretch('<?php echo URL::to("/"); ?>/uploads/backgrounds/' + images[Math.floor(Math.random() * images.length)] );
        position_elements();
    });

    $(window).resize(function(){
        position_elements();
    });

    function position_elements(){
        $('#overlay').css('height', $(window).height());
        $('.form-signin').css('top', ( ($(window).height()/2) - ($('.form-signin').height()/2) ) - $('.navbar').height() + 'px' );
        $('.backstretch, #overlay, .form-signin').fadeIn();
    }
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>