@extends('reward.whitelabel.white-label-template')

@section('content')
    
    <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="5000">
                   <img src="{{ imagePath('marketplaces',$gallery->gallery) }}" data-bgposition="left top" data-bgfit="cover">
                   <!-- LAYER NR. 1 -->
                    <div class="tp-caption large_bold_darkblue skewfromrightshort customout"
                        data-x="center"
                        data-y="155"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="500"
                        data-start="800"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 4">
                        <h2 class="flex-title">{{ $marketplace->reward_name }}</h2>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption medium_thin_grey skewfromrightshort customout"
                        data-x="center"
                        data-y="265"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="300"
                        data-start="1000"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 6"> 
                            <p class="flex-p mb50 animated activate bounceInRight" data-anim="bounceInRight">{{ $marketplace->tag_line }}</p>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption medium_thin_grey skewfromrightshort customout"
                        data-x="center"
                        data-y="280"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="300"
                        data-start="1000"
                        data-easing="Back.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        data-captionhidden="on"
                        style="z-index: 6">
                    </div>          
                </li>
            @endforeach
            
            </ul>
        </div>
    </div>
    
    <section class="mt40">
        <div class="container animated activate bounceIn" data-anim="bounceIn">
            <div class="row">
                <div class="text-center" style="width:700px;margin:0 auto;">
                   <!--  <a  class="btn btn-lg btn-uob-main btn-uob-blue-o" href="http://united-points.com/register" ><i class="fa fa-gift"></i> Sign Up</a>&nbsp; &nbsp;
                    <a  class="btn btn-lg btn-uob-main btn-uob-red" href="http://united-points.com/merchant/uob-travel/redeem-view/1" ><i class="fa fa-refresh"></i> View Rewards</a> -->
                    @if($marketplace->white_label == 'Yes' || $marketplace->theme_style == 'blue' || $marketplace->theme_style == 'red' || $marketplace->theme_stye == 'purple' )
                        @if( Auth::check() )
                             @if( in_array($marketplace->id, $member_marketplace) )
                                 <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="">
                                    <a href="{{ action('RewardController@getEnrollment', [$marketplace->partner_id, $marketplace->id]) }}" >
                                        <div class="rew-link">
                                            <i class="fa fa-user-plus"></i>
                                            Sign Up
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="">
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                                @else
                                <div class="col-md-12 col-sm-12 col-xs-12 ">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt=""  >
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                            @endif
                            @else
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="">
                                <a href="{{ action('RewardController@PartnerRegister',$marketplace->name) }}" >
                                    <div class="rew-link">
                                        <i class="fa fa-user-plus"></i>
                                        Register
                                    </div>
                                </a> 
                            </div>  
                           <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="">
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                        @endif
                    
                        
                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <img src="{{ imagePath('marketplaces',$marketplace->mainicon_1) }}" alt="">
                        <a href="{{$marketplace->mainicon1_url}}" >
                            {{ $marketplace->mainicon1_title}}
                        </a>
                    </div>

                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <img src="{{ imagePath('marketplaces',$marketplace->mainicon_2) }}" alt="">
                         <a href="{{ $marketplace->mainicon2_url}}" >
                           {{ $marketplace->mainicon2_title}}
                        </a>
                    </div>

                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <img src="{{ imagePath('marketplaces',$marketplace->mainicon_3) }}" alt="">
                         <a href="{{ $marketplace->mainicon3_url}}" >
                           {{ $marketplace->mainicon3_title}}
                        </a>
                    </div>
                    @else
                        @if( Auth::check() )
                             @if( ! in_array($marketplace->id, $member_marketplace) )
                                 <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="">
                                    <a href="{{ action('RewardController@getEnrollment', [$marketplace->partner_id, $marketplace->id]) }}" >
                                        <div class="rew-link">
                                            <i class="fa fa-user-plus"></i>
                                            Sign Up
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="">
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                                @else
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="">
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                            @endif
                            @else
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <img src="{{url('site/images/whitelabel/uob-travel/rew-img1.jpg')}}" alt="">
                                <a href="{{ action('RewardController@PartnerRegister',$marketplace->name) }}" >
                                    <div class="rew-link">
                                        <i class="fa fa-user-plus"></i>
                                        Register
                                    </div>
                                </a> 
                            </div>  
                           <div class="col-md-6 col-sm-6 col-xs-6">
                                    <img src="{{url('site/images/whitelabel/uob-travel/rew-img2.jpg')}}" alt="">
                                    <a href="{{ action('MarketplaceController@showRedeem', [$marketplace->id , $marketplace->url]) }}" >
                                        <div class="rew-link rew-link-red">
                                            <i class="fa fa-gift"></i> 
                                                View Rewards
                                        </div>
                                     </a>
                                </div>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="col-md-12">
            <div class="divider d4 w57"><span><i class="fa fa-ellipsis-h"></i></span></div>
        </div>
    </div> 
    @if($marketplace->white_label == 'Yes' || $marketplace->theme_style == 'blue' || $marketplace->theme_style == 'red' || $marketplace->theme_stye == 'purple' )
    <section class="section custom-bg footer-bg" data-bg="{{ imagePath('marketplaces',$marketplace->footer_image) }}">
        <div class="container">
            <div class="row">
                @if($marketplace->no_icon == '2')
                <div class="col-sm-6 col-md-6 sm-box2 work-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                    <i class="fa {{$marketplace->icons_1}} fa-rounded"></i>
                        <h3>
                            <a href="{!! URL::to('how-it-works') !!}">
                               {{$marketplace->icon_title1 }}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 sm-box2 book-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_2}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/home.html" target="_blank">
                                {{ $marketplace->icon_title2}}
                            </a>
                        </h3>
                    </div>
                </div>
                @elseif($marketplace->no_icon == "3" || $marketplace->no_icon == " ")
                <div class="col-sm-6 col-md-4 sm-box2 work-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                    <i class="fa {{$marketplace->icons_1}} fa-rounded"></i>
                        <h3>
                            <a href="{!! URL::to('how-it-works') !!}">
                               {{$marketplace->icon_title1 }}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 sm-box2 book-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_2}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/home.html" target="_blank">
                                {{ $marketplace->icon_title2}}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 xs-box2 about-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_3}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/about_us.uob" target="_blank">
                                {{$marketplace->icon_title3}}
                            </a>
                        </h3>
                    </div>
                </div>
                @else
                <div class="col-sm-6 col-md-3 sm-box2 work-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                    <i class="fa {{$marketplace->icons_1}} fa-rounded"></i>
                        <h3>
                            <a href="{!! URL::to('how-it-works') !!}">
                               {{$marketplace->icon_title1 }}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 sm-box2 book-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_2}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/home.html" target="_blank">
                                {{ $marketplace->icon_title2}}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 xs-box2 about-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_3}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/about_us.uob" target="_blank">
                                {{$marketplace->icon_title3}}
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3 xs-box2 about-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa {{$marketplace->icons_4}} fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/about_us.uob" target="_blank">
                                {{$marketplace->icon_title4}}
                            </a>
                        </h3>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </section> 

    @else
    <section class="section custom-bg footer-bg" data-bg="{{ URL::asset('site/images/whitelabel/uob-travel/uob_tabledesign_skyline1.png')}}">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4 sm-box2 work-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                    <i class="fa fa-gears fa-work fa-rounded"></i>
                        <h3>
                            <a href="{!! URL::to('how-it-works') !!}">
                                How it works
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 sm-box2 book-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa fa-calendar-plus-o fa-book fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/home.html" target="_blank">
                                Book Now
                            </a>
                        </h3>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 xs-box2 about-block">
                    <div class="box-content animated activate fadeInDown" data-anim="fadeInDown">
                        <i class="fa fa-info fa-about fa-rounded"></i>
                        <h3>
                            <a href="http://www.uobtravel.com/about_us.uob" target="_blank">
                                About UOB Travel
                            </a>
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </section> 
    @endif
@stop