@extends('layouts.whitelabel.master')

@section('title')
    {{ $marketplace->name }}
@stop

@section('header')
    
@stop

@section('content')
    
    @include('components.userstatus',[
        'type' =>'alert-warning'        
    ])
    
    <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;">
            @foreach($marketplace->MarketplaceGallery as $gallery)
                <div>
                    <img data-u="image" src="{{ imagePath('marketplaces',$gallery->gallery) }}">
                </div>
            @endforeach
        </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>


    {{-- <div class="tp-banner-container rs_boxed_whitelabel">
        <div class="tp-banner">
            <ul>
                @foreach($marketplace->MarketplaceGallery as $gallery)
                    <li data-transition="boxslide" data-slotamount="7" data-delay="8000">
                       <img src="{{ imagePath('marketplaces',$gallery->gallery) }}" data-bgposition="center top" data-bgfit="contain">
                    </li>
                @endforeach
            </ul>
        </div>
    </div> --}} <!-- /banner -->

    
    <section class="mt40 mb30">
        <div class="container animated activate bounceIn" data-anim="bounceIn">
            <div class="row" >
                <div class="col-md-6 col-sm-6 col-xs-12 mb10">
                    <img src="{{ imagePath('marketplaces',$marketplace->img_register) }}" width="100%" height="200px">

                    @if( $signedIn )
                        @if( $user->isAlreadySignedUp($marketplace->id) )
                            <div class="rew-link">
                                <i class="fa fa-thumbs-up"></i>
                                {{ trans('marketplace.Already_Signed_Up') }}
                            </div>
                        @else
                            <a href='{{ action('Marketplace\MarketplaceController@getEnrollment', $marketplace->slug) }}' >
                                <div class="rew-link">
                                    <i class="fa fa-user-plus"></i>
                                    {{ trans('marketplace.Sign_Up') }}
                                </div>
                            </a>
                        @endif
                    @else
                        <a href='{{ action('Marketplace\MemberController@getLoginOrRegister', $marketplace->slug) }}' >
                            <div class="rew-link">
                                <i class="fa fa-user-plus"></i>
                                {{ trans('marketplace.Register') }}
                            </div>
                        </a>
                    @endif
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 mb10">
                    @if($marketplace->img_reward)
                        <img src="{{ imagePath('marketplaces',$marketplace->img_reward) }}" alt="" width="100%" height="200px">
                    @else
                        <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="" width="100%">
                    @endif 
                    <a href="{{ action('Marketplace\ProductController@index', $marketplace->slug) }}" >
                        <div class="rew-link rew-link-red">
                            <i class="fa fa-gift"></i>
                                {{ trans('marketplace.View_Products') }}
                        </div>
                     </a>
                </div>
            </div>
        </div>
    </section> <!-- /signup -->

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-12 col-sm-12">
                    <div class="main-icons">
                        <div class="img-wraper text-center">
                            <img src="{{ imagePath('marketplaces',$marketplace->mainicon_1) }}" alt="" >
                        </div>
                        <h4 class="text-center"><a href="{{$marketplace->mainicon1_url}}">{{ $marketplace->mainicon1_title}}</a></h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-sm-12">
                    <div class="main-icons">
                        <div class="img-wraper text-center">
                            <img src="{{ imagePath('marketplaces',$marketplace->mainicon_2) }}" alt="">
                        </div>
                        <h4 class="text-center"><a href="{{ $marketplace->mainicon2_url}}"> {{ $marketplace->mainicon2_title}}</a></h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-sm-12">
                    <div class="main-icons">
                        <div class="img-wraper text-center">
                            <img src="{{ imagePath('marketplaces',$marketplace->mainicon_3) }}" alt="">
                        </div>
                        <h4 class="text-center"><a href="{{ $marketplace->mainicon3_url}}"> {{ $marketplace->mainicon3_title}}</a></h4>
                    </div>
                </div>
            </div>
        </div>
    </section> <!-- /3thumbnails -->

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="divider d4 w57"><span><i class="fa fa-ellipsis-h"></i></span></div>
                </div>
            </div>
        </div>
    </section> <!-- /divider -->
    
    @if( $marketplace->no_icon )
        <section class="section custom-bg footer-bg">
            <div class="container">
                <div class="row">
                                        @for($i=1; $i<=$marketplace->no_icon; $i++)
                        <div class="{{ $col_md_num }} sm-box2 work-block">
                            <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                                                        <i class="fa {{ $marketplace->$icon_name }} fa-rounded marketplace-icons"></i>
                                <h3>
                                                                        <a href="{!! $marketplace->$icon_url !!}">
                                                                               {{$marketplace->$icon_title }}
                                    </a>
                                </h3>
                            </div>
                        </div>
                    @endfor
                </div>
            </div>
        </section>
    @endif
@stop

@section('footer')
    <script>
        jssor_1_slider_init();
    </script>
@stop