@extends('layouts.master-voyo')
<!-- header -->
@section('header') 
<link rel="stylesheet" href="{{ URL::asset('site/css/events/bootstrap-responsive.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">

<style>
    .fv-form-bootstrap .fv-icon-no-label, .form-control-feedback {
        right: 10px;
    }
</style>
@stop
<!-- content -->
@section('content')
<header class="titlebar titlebar1">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title pull-left page-title1">{{ trans('site.Dashboard') }}</h1>
                <ol class="breadcrumb pull-right">
                    <li><a href="{{ url('member/dashboard') }}">{{ trans('site.Dashboard') }}</a></li>
                    <li class="active">{{ trans('dashboard.All_Points') }}</li>
                </ol>
            </div>
        </div>
    </div>
</header>
<!-- END Page Header -->


    @include('components.userstatus',[
        'type' =>'alert-warning'
    ])

<section class="shop-section account section-4">
    <div class="container">

        @include('page_info')

        <div class="row mb35">
            <div class="col-sm-5 col-md-3 xs-box member_nav list-group">
                <!-- Nav tabs -->
                @include('member._partials.sidebar')
            </div>

            @if (count($errors) > 0)
            <div class="col-sm-7 col-md-9"> 
                <div class="alert alert-danger alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>           
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
            @endif

            <div class="col-sm-7 col-md-9">
                <h3 class="col-md-12 main-title">{{ trans('dashboard.Rewards_Wallet') }}</h3>
                <table class="table">
                    <thead>
                        <tr>
                            <th class="col-md-3">{{ trans('dashboard.Point_Name') }}</th>
                            <th class="col-md-3">{{ trans('dashboard.Points') }}</th>
                            <th class="col-md-3">{{ trans('dashboard.Expiry') }}</th>
                            <th class="col-md-3">{{ trans('dashboard.Action') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($member_points as $member_point)
                            <tr>
                                <td>{{ $member_point->Point->point_name }}</td>
                                <td>{{ $member_point->point }}</td>
                                <td>{{ date('d-m-Y', strtotime($member_point->Point->getPointExpireDate())) }}</td>
                                <td>
                                    <a href="{{ url("member/point/{$member_point->id}/redeem") }}" class="btn btn-default btn-sm">{{ trans('dashboard.Redeem') }}</a>

                                    <a href="{{ url("member/point/{$member_point->id}/log") }}" class="btn btn-default btn-sm">{{ trans('dashboard.Logs') }}</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {{-- <div class="col-md-4 el">
                    <div class="blog-item">
                        <div class="blog-image">
                            <img src="{{ URL::asset('site/images/up_rewards_wallet.jpg') }}" alt="blog post">
                        </div>
                        <div class="blog-caption">
                            <h3 class="post-title">UP Rewards Program</h3>
                            <div class="sub-post-title">
                                <!-- <span>12 June, 2014</span> -->
                                <span><i class="fa fa-gift"></i> <a href="#"> Partner Details</a></span>
                            </div>
                            <div class="row redeem-text">
                                <div class="col-md-12">
                                    <div class="mt10">
                                        <div class="col-md-9">
                                            <p><b>Available Points</b></p>
                                            <p><b>Consolidate to UP Points</b></p>
                                            <p>Points expiring 01/12/14</p>
                                        </div>
                                        <div class="col-md-3 reward_right_side">
                                            <p>1200</p>
                                            <form action="" class="">
                                                <div class="form-group input_conso">
                                                    <input size="4" class="form-control" type="text" name="consolidate">
                                                </div>
                                            </form>
                                            <p>200</p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 reward_btn_box mt10">
                                        <a href="#" class="btn voyo-btn">Redeem</a>
                                        <a href="#" class="btn voyo-btn pull-right faa-parent-hover"> Consolidate</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- END Blog Item -->
                </div> <!-- END Animated Item -->
                
                <div class="col-md-4 el">
                    <div class="blog-item">
                        <div class="blog-image">
                            <img src="{{ URL::asset('site/images/uob_rewards_wallet.jpg') }}" alt="blog post">
                        </div>
                        <div class="blog-caption">
                            <h3 class="post-title">UOB Travel Rewards Program</h3>
                            <div class="sub-post-title">
                                <!-- <span>12 June, 2014</span> -->
                                <span><i class="fa fa-gift"></i> <a href="#"> Partner Details</a></span>
                            </div>
                            <div class="row redeem-text">
                                <div class="col-md-12">
                                    <div class="mt10">
                                        <div class="col-md-9">
                                            <p><b>Available Points</b></p>
                                            <p><b>Consolidate to UP Points</b></p>
                                            <p>Points expiring 01/12/14</p>
                                        </div>
                                        <div class="col-md-3 reward_right_side">
                                            <p>1200</p>
                                            <form action="" class="">
                                                <div class="form-group input_conso">
                                                    <input size="4" class="form-control" type="text" name="consolidate">
                                                </div>
                                            </form>
                                            <p>200</p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 reward_btn_box mt10">
                                        <a href="#" class="btn voyo-btn">Redeem</a>
                                        <a href="#" class="btn voyo-btn pull-right faa-parent animated-hover">Consolidate</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- END Blog Item -->
                </div> <!-- END Animated Item --> --}}
            </div>

        </div>
    </div>
</section>
<!-- footer links -->
@include('site.bottom-menu')
@stop 
<!-- footer section -->
@section('footer')  
<script type="text/javascript" src="{{ asset('metronic/global/plugins/select2/select2.min.js') }}"></script>
<script>
    $('#b_country, #s_country_1, #s_country_2, #s_country_3').select2();
</script>
<script type="text/javascript">    
    (function(){
        // Setting all of the js Header with Xcsrf token
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $('.chosen-select').select2();        

        $('#date-of-birth').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1920:2016',
            dateFormat : 'dd-mm-yy',
            defaultDate: new Date(1990, 00, 01)
        });
    })()

</script>
@stop