
<?php $__env->startSection('subtitle'); ?>
<?php echo $game -> id . " - " . $weapon -> name; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('description'); ?>
<?php echo $game -> id; ?><?php if($game -> short_name): ?> (<?php echo $game -> short_name; ?>)<?php endif; ?> <?php echo $weapon -> name; ?> loadouts are located on this page. Find the best setup for the <?php echo $game -> id; ?><?php if($game -> short_name): ?> (<?php echo $game -> short_name; ?>)<?php endif; ?> <?php echo $weapon -> name; ?> here.
<?php $__env->stopSection(); ?>

<?php $__env->startSection('theme-color'); ?>
<body class="<?php echo $game -> theme_color; ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('sub-header'); ?>
<section id="game">
    <!-- Sub Header -->
    <div class="<?php echo strtolower(preg_replace('/\s/','-', $game -> id)); ?>-sub-header sub-header">
        <div class="container">
            <div class="row">
                <ul class="sub-header-container">
                    <li>
                        <h1 class="title"><span class="game-title"><?php echo $game -> id; ?> \</span> <?php echo $weapon -> name; ?></h1>
                    </li>
                    <li>
                        <ul class="custom-breadcrumb">
                            <li>
                                <h5>
                                <a href="<?php echo route('home'); ?>">
                                    Home
                                </a></h5>
                            </li>
                            <li>
                                <i class="separator entypo-play"></i>
                            </li>
                            <li>
                                <h5>
                                <a href="<?php echo route('showGame', urlencode($game -> id)); ?>">
                                    <?php echo $game -> id; ?>
                                </a></h5>
                            </li>
                            <li>
                                <i class="separator entypo-play"></i>
                            </li>
                            <li>
                                <h5><?php echo $weapon -> name; ?></h5>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('intro'); ?>
<div id="home">
    <div id="intro">
        <div class="container">
            <div class="row flex">
                <div class="col-md-6 vertical-center">
                    <img src="<?php echo asset($weapon -> image_url); ?>" alt="<?php echo $weapon -> name; ?>" class="weapon-img"/>
                </div>
                <div class="col-md-6 vertical-center">
                    <div class="heading-box"> What is the best loadout for <em class="theme-color"><?php echo $weapon -> name; ?></em> in <?php echo $game -> id; ?>? </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php if(HelperController::adsEnabled()): ?>
<div class="col-md-12">
	<div class="top-ad-box">
		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<!-- Game Loadouts Leaderboard -->
		<ins class="adsbygoogle"
		style="display:block"
		data-ad-client="ca-pub-9067954073014278"
		data-ad-slot="1230654771"
		data-ad-format="auto"></ins>
		<script>
			( adsbygoogle = window.adsbygoogle || []).push({});
		</script>
	</div>
</div>
<?php endif; ?>
<div class="row">
    <div class="col-md-6">
        <?php $count = 1; ?>

        <h2>Top voted loadouts</h2>
        <span class="line"> <span class="sub-line"></span> </span>
        <?php if(empty($loadouts)): ?>
            <p>There are no loadouts yet for the <?php echo $weapon -> name; ?>. Be the first to submit your favorite loadout!</p>
        <?php else: ?>
            <?php foreach($loadouts as $loadout): ?>
            <div class="loadout">
                <a class="block" href="<?php echo route('showLoadout', array(urlencode($game -> id), urlencode($weapon -> name), $loadout['id'])); ?>">
                    <div class="col-md-2 rank theme-color">
                        <?php echo $count++; ?>
                    </div>
                    <div class="col-md-10">
                        <?php foreach(Loadout::findOrFail($loadout['id']) -> attachments as $attachment): ?>
                        <div class="attachment">
                            <img src="<?php echo asset($attachment -> thumb_url); ?>" alt="<?php echo $attachment -> name; ?>" />
                            <?php echo $attachment -> name; ?>
                        </div>
                        <?php endforeach; ?>
                    </div>
                    <div class="clearfix"></div>
                </a>
                <div class="col-md-12 loadoutButtons">
                    <?php if (Auth::guest() || Auth::user() -> role == 'Guest'): ?>
                   
                        <?php if($loadout['upvoted']): ?>
                            <?php echo Form::open(array('id' => "guestUnvote", 'class' => 'pull-left', 'style' => 'margin-right: 4px','url' => '/' . $game -> id . '/' . $weapon -> name . '/' . $loadout['id'] . '/upvoteGuest')); ?>
                            <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-star-empty"></span> vote (<span id="count-<?php echo $loadout['id']; ?>"><?php echo $loadout['count']; ?></span>)</button>
                            <?php echo Form::close(); ?>
                        <?php else: ?>
                            <button class="btn btn-default" data-toggle="modal" data-target="#guest" onclick="guestLoadoutId(<?php echo $loadout['id']; ?>)">  <span class="glyphicon glyphicon-star-empty"></span> vote (<span id="count-<?php echo $loadout['id']; ?>"><?php echo $loadout['count']; ?></span>)</button>
                        <?php endif; ?>
                         
                        
                    <?php elseif ($loadout['upvoted']): ?>
                    <a class="btn btn-primary clickable" href="javascript:void(0)" id="upvote-<?php echo $loadout['id']; ?>" data-loadout_id="<?php echo $loadout['id']; ?>">
                        <span class="glyphicon glyphicon-star"></span> vote (<span id="count-<?php echo $loadout['id']; ?>"><?php echo $loadout['count']; ?></span>)
                    </a>
                    <?php else: ?>
                    <a class="btn btn-default clickable" href="javascript:void(0)" id="upvote-<?php echo $loadout['id']; ?>" data-loadout_id="<?php echo $loadout['id']; ?>">
                        <span class="glyphicon glyphicon-star-empty"></span> vote (<span id="count-<?php echo $loadout['id']; ?>"><?php echo $loadout['count']; ?></span>)
                    </a>
                    <?php endif; ?>
                    <a class="btn btn-default comment" href="<?php echo route('showLoadout', array(urlencode($game -> id), urlencode($weapon -> name), $loadout['id'])); ?>" data-disqus-identifier="loadout-<?php echo $loadout['id']; ?>">
                        <?php if (!isset($loadout['comments'])): ?>
                        <span class="glyphicon glyphicon-comment"></span>  0 Comments
                        <?php elseif ($loadout['comments'] == 1): ?>
                        <span class="glyphicon glyphicon-comment"></span>  1 Comment
                        <?php else: ?>
                        <span class="glyphicon glyphicon-comment"></span>  <?php echo $loadout['comments']; ?> Comments
                        <?php endif; ?>
                    </a>
                    <a class="btn btn-default" href="<?php echo route('showLoadout', array(urlencode($game -> id), urlencode($weapon -> name), $loadout['id'])); ?>" data-disqus-identifier="loadout-<?php echo $loadout['id']; ?>">
                        <span class="glyphicon glyphicon-screenshot"></span> View Loadout
                    </a>
                </div>
            </div>
            <?php endforeach; ?>
        <?php endif; ?>
    </div>
    <div class="col-md-6">
        <h2>Submit your own loadout!</h2>
        <span class="line"> <span class="sub-line"></span> </span>
                <h3>
                    <?php if ($weapon -> min_attachments == $weapon -> max_attachments): ?>
                        <?php if ($weapon -> min_attachments == 1): ?>
                            Select 1 attachment.
                        <?php else: ?>
                            Select <?php echo $weapon -> min_attachments; ?> attachments.
                        <?php endif; ?>
                    <?php elseif ($weapon -> max_attachments - $weapon -> min_attachments == 1): ?>
                        Select <?php echo $weapon -> min_attachments; ?> or <?php echo $weapon -> max_attachments; ?> attachments.
                    <?php else: ?>
                        Select between <?php echo $weapon -> min_attachments; ?> and <?php echo $weapon -> max_attachments; ?> attachments.
                    <?php endif; ?>
                    <small>Maximum of one attachment per tab.</small>
                </h3>
                <?php echo Form::open( array('action' => array('LoadoutController@store', $game -> id, $weapon -> name), 'class' => 'form-horizontal', 'id' => 'storeForm')); ?>
                <div class="form-group">
                    <ul class="nav nav-tabs nav-tabs-sec" id="myTab">
                    <?php $counter = 0; ?>
                        <?php foreach($attachmentsBySlot as $key => $slot): ?>
                            <li class="
                            <?php if ($counter++ == 0): ?>   
                            active
                            <?php endif; ?>
                            "><a href="#<?php echo $key; ?>" data-toggle="tab"><?php echo $key; ?></a></li>
                        <?php endforeach; ?>
                    </ul>
                    <div class="tab-content nav-tabs-sec">
                    <?php $counter = 0; ?>
                    <?php foreach($attachmentsBySlot as $key => $slot): ?>
                    
                        <div class="tab-pane 
                        <?php if ($counter++ == 0): ?>   
                        active
                        <?php endif; ?>
                        " id="<?php echo $key; ?>">
                            <div class="btn-group-vertical" data-toggle="buttons">
                                <?php foreach($slot as $attachment): ?>
                                <label class="btn btn-default" style="text-align: left;">
                                    <img src="<?php echo asset($attachment -> thumb_url); ?>" alt="<?php echo $attachment -> name; ?>" style="margin-right: 10px">
                                    <input type="radio" value="<?php echo $attachment -> id; ?>" name="<?php echo $key; ?>">
                                    <?php echo $attachment -> name; ?> </label>
                                <?php endforeach; ?>
                            </div>
                        </div>
                    <?php endforeach; ?>
                    </div> 
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <?php if (Auth::guest() || Auth::user() -> role == 'Guest'): ?>
                            <button class="btn button-gym" data-toggle="modal" data-target="#guestLoadout" onclick="guestSubmitLoadout()">Submit Loadout</button>
                        <?php else: ?>
                        <button type="submit" class="btn button-gym">
                            Submit Loadout
                        </button>
                        <?php endif; ?>
                    </div>
                </div>
                
                <?php if (Auth::guest() || Auth::user() -> role == 'Guest'): ?>
                <div class="modal fade" id="guestLoadout" tabindex="-1" role="dialog" aria-labelledby="guestSubmitModal" aria-hidden="true">
                  <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="guestSubmitModal">
                        You are not logged in
                        </h4>
                      </div>
                      <div class="modal-body">
                        <div class="col-lg-4">
                            <p><strong>Use an account</strong></p>
                            <p>
                                <a href="<?php echo route('login'); ?>" class="btn btn-primary">Login</a>
                                <a href="<?php echo route('register'); ?>" class="btn btn-primary">Join</a>
                            </p>
                            <p><strong>Benefits of an account</strong></p>
                            <ul style="padding-left: 20px">
                                <li>No CAPTCHA</li>
                                <li>Faster voting</li>
                                <li>View your submissions</li>
                                <li>Custom username</li>
                                <li>Comment on loadouts</li>
                            </ul>
                        </div>
                        <div class="col-lg-8">
                            <p><strong>Continue as guest</strong></p>
                            <p>You can submit your vote without registering by entering the CAPTCHA below.</p>
                            <div id="recaptchaSubmit"></div>
                       </div>
                        
                        <div style="clear:both;"></div>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Submit Loadout</button>
                      </div>
                    </div>
                  </div>
                </div>
                <?php endif; ?>
                
                <?php echo Form::close(); ?>
            <?php if(HelperController::adsEnabled()): ?>
			<div class="right-ad-box">
				<style>
					.game-loadouts-responsive-sidebar {
						width: 300px;
						height: 250px;
					}
					@media (min-width: 800px) {
						.game-loadouts-responsive-sidebar {
						width: 336px;
						height: 280px;
						}
					}
				</style>
				<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
				<!-- Game Loadouts Responsive Sidebar -->
				<ins class="adsbygoogle game-loadouts-responsive-sidebar"
				style="display:inline-block"
				data-ad-client="ca-pub-9067954073014278"
				data-ad-slot="2846988777"></ins>
				<script>
					( adsbygoogle = window.adsbygoogle || []).push({});
				</script>
			</div>
			<?php endif; ?>
    	</div>
	</div>
	<div class="modal fade" id="guest" tabindex="-1" role="dialog" aria-labelledby="guestVoteModal" aria-hidden="true">
  <div class="modal-dialog modal-lg">
  <?php echo Form::open(array('id' => "guestVote")); ?>
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="guestVoteModal">
        You are not logged in
        </h4>
      </div>
      <div class="modal-body">
        <div class="col-lg-4">
            <p><strong>Use an account</strong></p>
            <p>
                <a href="<?php echo route('login'); ?>" class="btn btn-primary">Login</a>
                <a href="<?php echo route('register'); ?>" class="btn btn-primary">Join</a>
            </p>
            <p><strong>Benefits of an account</strong></p>
            <ul style="padding-left: 20px">
                <li>No CAPTCHA</li>
                <li>Faster voting</li>
                <li>View your submissions</li>
                <li>Custom username</li>
                <li>Comment on loadouts</li>
            </ul>
        </div>
        <div class="col-lg-8">
            <p><strong>Continue as guest</strong></p>
            <p>You can submit your vote without registering by entering the CAPTCHA below.</p>
            <div id="recaptchaVote"></div>
       </div>
        
        <div style="clear:both;"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Vote</button>
      </div>
    </div>
    
    <?php echo Form::close(); ?>    
  </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script type="text/javascript">
var modal_type;
    $('.comment').each(function() {
        var _href = $(this).attr('href');
        $(this).attr('href', _href + '#disqus_thread');
    });

    $('.clickable').click(function() {
        var game_id = '<?php echo $game -> id; ?>';
        var weapon_name = '<?php echo $weapon -> name; ?>';
        var loadout_id = $(this).data('loadout_id');
        
        if ($(this).hasClass("btn-default")) {
            $.post('/' + game_id + '/' + weapon_name + '/' + loadout_id + '/upvote', function(data) {
                $('#count-' + loadout_id).text(parseInt($('#count-' + loadout_id).text()) + 1);
                $('#upvote-' + loadout_id).attr("class", "btn btn-primary clickable");
            }, 'json');
        } else {
            $.post('/' + game_id + '/' + weapon_name + '/' + loadout_id + '/detach', function(data) {
                $('#count-' + loadout_id).text(parseInt($('#count-' + loadout_id).text()) - 1);
                $('#upvote-' + loadout_id).attr("class", "btn btn-default clickable");
            }, 'json');
        }
    });

     

     function guestLoadoutId(id) {
    	    var game_id = '<?php echo $game -> id; ?>';
    	    var weapon_name = '<?php echo $weapon -> name; ?>';
    		$('#guestVote').attr("action", '/' + game_id + '/' + weapon_name + '/' + id + '/upvoteGuest');
    		Recaptcha.create("6Lf9-_YSAAAAAJ9k2G_qXohJi74-pDe8V4NuUdzJ",
      	        "recaptchaVote",
      	        {
      	    	 theme: "white",
      	        }
      	      );
    	}

  	function guestSubmitLoadout() {
  		Recaptcha.create("6Lf9-_YSAAAAAJ9k2G_qXohJi74-pDe8V4NuUdzJ",
            "recaptchaSubmit",
            {
        	 theme: "white",
            }
  	   );
  	}
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>