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

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

@section('content')
    <!-- Page Header --> 
    <header class="titlebar titlebar1">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <h1 class="page-title pull-left page-title1">Login</h1>
                    <ol class="breadcrumb pull-right">
                        <li><a href="#">Home</a></li>
                        <li class="active">Login</li>
                    </ol>
                </div>
            </div>
        </div>
    </header> <!-- END Page Header -->

    <section class="section">
        <div class="container">
            <div class="row" style="width:800px;margin:0 auto;box-shadow:0 0 3px #ddd;padding: 50px;background-color:#fff;" align="center">
                <div class="col-md-12">
                    <img src="{{ imagePath('marketplaces',$marketplace->brand_logo) }}" width="40%" alt="Partner logo"  style="position:relative;margin-top:-30px;">
                </div>
                <h3 class="section-title enroll-main-title mb20 color_green">Reward Program Name</h3>

                <div class="form-group mt30">
                    {!! Form::open(['action' => ['RewardController@postEnrollment', $marketplace->partner_id, $marketplace->id], 'class' => 'form-horizontal', 'id' => 'enrollment']) !!}
                            <div class="{{ ($errors->first('terms_conditions')) ? 'has-error' : '' }}">
                                <label>{!! Form::checkbox('terms_conditions', 1) !!} I agree to the <a href="#TandC_modal" data-toggle="modal">Terms and Conditions</a> of the Rewards Program.</label>
                                @if ($errors->first('terms_conditions') )
                                    <span id="terms_conditions-error" class="help-block help-block-error">You Should have to agree Terms and Conditions to register the account.</span>
                                @endif
                            </div><br/><br/>
                            <div class="">
                                <button type="submit" class="col-md-12 btn btn-lg btn-default rounded"><i class="fa fa-pencil-square-o"></i> Sign Up Now </button>
                            </div>
                        {!! Form::close() !!}
                </div>
            </div>
        </div>
    </section>

<div id="TandC_modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Terms and Condations</h4>
            </div>
            <div class="modal-body col-md-12">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia nulla consectetur quos accusamus fugit, praesentium debitis veniam! Eveniet unde, laudantium ipsam cupiditate obcaecati natus, iure porro doloribus voluptate, laborum distinctio.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia nulla consectetur quos accusamus fugit, praesentium debitis veniam! Eveniet unde, laudantium ipsam cupiditate obcaecati natus, iure porro doloribus voluptate, laborum distinctio.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia nulla consectetur quos accusamus fugit, praesentium debitis veniam! Eveniet unde, laudantium ipsam cupiditate obcaecati natus, iure porro doloribus voluptate, laborum distinctio.</p>
            </div>
            <div class="modal-footer">
                <div class="col-md-12">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- footer links -->
    @include('site.bottom-menu')
@stop

@section('footer')
<script src="{{ asset('site/js/rewardEnrollment.js') }}" type="text/javascript"></script>
@stop