<script type='text/javascript' src='/public/js/3rd_party/lightbox.js'></script>

<script type='text/javascript'>
//<![CDATA[
	// Lightbox Configuration
	LightboxOptions = Object.extend({
	    fileLoadingImage:        '/public/style_images/dev/lightbox/loading.gif',
	    fileBottomNavCloseImage: '/public/style_images/dev/lightbox/closelabel.gif',
	    overlayOpacity: 0.8,   // controls transparency of shadow overlay
	    animate: true,         // toggles resizing animations
	    resizeSpeed: 10,        // controls the speed of the image resizing animations (1=slowest and 10=fastest)
	    borderSize: 10,         //if you adjust the padding in the CSS, you will need to update this variable
		// When grouping images this is used to write: Image # of #.
		// Change it for non-english localization
		labelImage: "Obrazek",
		labelOf: "z"
	}, window.LightboxOptions || {});
/* Watch for a lightbox image and set up our downloadbutton watcher */
document.observe('click', (function(event){
    var target = event.findElement('a[rel*="lightbox"]') || event.findElement('area[rel*="lightbox"]') || event.findElement('span[rel*="lightbox"]');
    if (target) {
        event.stop();
        gbl_addDownloadButton();
    }
}).bind(this));
var _to    = '';
var _last  = '';
function gbl_addDownloadButton()
{
	if ( typeof( ipsLightbox.lightboxImage ) != 'undefined' && ipsLightbox.lightboxImage.src )
	{
		if ( _last != ipsLightbox.lightboxImage.src )
		{
			if ( ! $('gbl_d') )
			{
				$('bottomNav').insert( { top: "<div id='gbl_d' style='text-align:right;padding-bottom:4px;'></div>" } );
			}

			$('gbl_d').update( "<a href='"+ ipsLightbox.lightboxImage.src + "' target='_blank'><img src='/public/style_images/dev/lightbox/download-icon.png' /></a>" );

			_last = ipsLightbox.lightboxImage.src;
		}
	}

	/* Check for init and then keep checking for new image */
	_to = setTimeout( "gbl_addDownloadButton()", 1000 );
}
//]]>
</script>

<style>
.header{font-size:14px;}
.formularz{font: normal 13px helvetica, arial, sans-serif; padding: 3px; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.29); background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 5px;}
.row {margin-right: -4px;margin-left: -8px;}
</style>
<div style="position: static; top: 134px; left: 10px; height: auto; margin-left: 15px;">
<div class="ipsPad">
<if test="$this->memberData['member_group_id'] == 4">
<if test="$this->memberData['member_id'] == $member['member_id']">
<div class='row'>
<div class='col-lg-8'>
<span class='header'>Dodawanie nowego screenshota!</span><br>
<span style='font-size:12px;'>W tym miejscu możesz przesłać nam twoje najciekawsze screenshoty z gry, które następnie mogą zostać ocenione przez resztę społeczności! Najlepsze zdjęcia z każdego tygodnia będą trafiać na nasz portal!<br>Zdjęcia powinny być wgrywane w formacie 1920 x 1080!<br>
</span>
<br>

<form action="/user/{$this->memberData['member_id']}-{$this->memberData['members_seo_name']}/?tab=screenCard" method="POST" ENCTYPE="multipart/form-data" style="text-align: center;">

<input class='formularz' name="title" type="text" placeholder="Tytuł" style='width:250px;'><br><br>
<input type="file" name="plik"/>
<br/>
<br>
<input type="submit" class="input_submit" name="submitForm" value="Wyślij zdjęcie">
</form>


</div>
<div class='col-lg-4'>
<span class='header'>Regulamin</span>
</div>
<div class='col-lg-12'>
</if>
<if test="count($data)">
<span class='header'>Twoje screeny z gry!</span><br>
<php>
$test = $this->memberData['last_rep'] + 64800;
</php><span style='font-size:12px;'>
Możesz rozdać reputacje: {parse date="$test" format="short"}</span><br><br>
<div class='row' style='margin-left: 10%;'>
<foreach loop="$data as $data">
<div class="img-thumbnail col-lg-5" style="padding: 0.25rem;margin-right: 20px;">
                <a href="{$data['LINK']}" rel="lightbox">
                    <div style="background:url('{$data['LINK']}');background-size: cover;background-position:center;width:100%;height:200px;">
                    </div>
                </a>
                <div style="width:100%;">
                    <div>

<a href='/index.php?app=panel&module=sotwrep&scrid={$data['ID']}&guid={$member['member_id']}'>
<p style="float:left; padding-top:2px; font-size:10px;"><span style='font-size: 12px; background: green; color: white; padding: 2px 4px; border-radius: 4px;'>
<i class="fas fa-plus"></i></span>
</a>


<p style="float:left; padding-top:2px; font-size:10px;"><span style='font-size: 12px; background: green; color: white; padding: 2px 6px; border-radius: 4px; margin-left: 5px; margin-right: 5px; font-weight: bold;'>
<php>
$count = $this->DB->query('SELECT COUNT(*) as max FROM `jochym_sotw_rep` WHERE `ID_OBR` = '.$data['ID'].'');
$count = $this->DB->fetch($count);
</php>


{$count['max']}</span>
{$data['TITLE']}</p>
                        <span style="float:right; margin-right:6px; padding-top:2px; font-size:10px;">{parse date="$data['DATA']" format="short"}</span>
                    </div>
                </div>
            </div>
</foreach>
<div style='float:right;'>{$pagination}</div>
<else />
<p class='message unspecific'>Użytkownik nie przesłał zdjęć!</p>
</if>
</div>
</div>
</div>
</div>



<else />
System ten jest w fazie kodowania. Niedługo zostanie upubliczniony ;)
</if>
</div></div>