@extends('layouts.master-voyo')

@section('title')
    Up Marketplaces
@stop

@section('header')
	<link rel="stylesheet" href="{{ URL::asset('site/css/img-hover.css') }}"/>
@stop

@section('content')
	<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;visibility:hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
            <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="{{ URL::asset('site/jssor/svg/loading/static-svg/spin.svg') }}" />
        </div>
        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;">
            <div>
            	<img data-u="image" src="{{ URL::asset('site/images/marketplace-banner.jpg') }}">
            </div>
        </div>
        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb032" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
            <div data-u="prototype" class="i" style="width:16px;height:16px;">
                <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                    <circle class="b" cx="8000" cy="8000" r="5800"></circle>
                </svg>
            </div>
        </div>
        <!-- Arrow Navigator -->
        <div data-u="arrowleft" class="jssora051" style="width:65px;height:65px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
            <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
            </svg>
        </div>
        <div data-u="arrowright" class="jssora051" style="width:65px;height:65px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
            <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
            </svg>
        </div>
    </div>
	
	<section class="section-4" style="margin-bottom:50px !important;">
		<div class="container">
			<div class="row">
				<div class="">

					@if(Session::has('msg'))
						<div class="alert alert-success" role="alert">
							<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							{{ Session::get('msg') }}
						</div>
					@endif

					@foreach( $marketplaces as $marketplace )
						<div class="col-md-4 col-sm-6 col-xs-12">
							<div class="main-block-reward">
								<figure class="effect-goliath">
									<a href="{{ action('Marketplace\MarketplaceController@detail', $marketplace->slug) }}">
										<div class="reward-logo text-center">
											<img src="{{ imagePath('marketplaces', $marketplace->profile_image) }}" alt="Partner logo">
										</div>
									</a>
									<figcaption>
										<div align="center" class="cap-reward" data-anim="shake">
											<h2>{{ $marketplace->name }}</h2>
											<p class="animated" data-anim="tada"><i class="fa fa-gift"></i><br/></p>
											<p class="p-company-name">{{ $marketplace->Partner->reg_companyname }}</p>
										</div>
										<div class="btn-reward">
											@if( $signedIn )
												@if( ! $user->isAlreadySignedUp($marketplace->id) )
													<a href="{{ action('Marketplace\MarketplaceController@getEnrollment', $marketplace->slug) }}" class="col-md-4 col-sm-4 col-xs-4 button small white" >
														<i class="fa fa-user-plus"></i>
														<div>{{ trans('account.Sign_Up_Now') }}</div>
													</a>
												@endif
											@else
												<a href="{{ action('Marketplace\MemberController@getLoginOrRegister', $marketplace->slug) }}" class="col-md-4 col-sm-4 col-xs-4 button small white" >
													<i class="fa fa-user-plus"></i>
													<div>{{ trans('account.Register') }}</div>
												</a>
											@endif