@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')}}">
<script>
    // Default country code to implement with jQuery intlTelInput plugin
    // Code is inside of member.js
    var default_country_code = "{{ strtolower(trim(explode('/', $member->Countries->iso_code)[0])) }}";
</script>
<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.Orders') }}</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">
        <div class="row mb35">
            <div class="col-sm-5 col-md-3 xs-box member_nav list-group">
                @include('member._partials.sidebar')
            </div>

            @if(session('status'))
            <div class="col-sm-7 col-md-9"> 
                <div class="alert alert-success alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ session('status') }}
                </div>
            </div>
            @endIf

            @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">
                <!-- Tab panes -->
                <div class="">
            <div class="col-lg-12">
                <h3 class="main-title mb20">{{ trans('dashboard.Order_Information') }}</h3>
                <div class="table-responsive">
                    <table id="shop-account-table" class="table table-hover">
                        <thead>
                            <tr>
                                <th width="1%">#</th>
                                <th width="16%">{{ trans('dashboard.Order_No') }}</th>
                                <th width="15%">{{ trans('dashboard.Date') }}</th>
                                <th width="16%">{{ trans('dashboard.Marketplace') }}</th>
                                <th width="20%">{{ trans('dashboard.Amount') }} (SGD)</th>
                                <th width="14%" class="text-center">{{ trans('dashboard.Invoice') }}</th>
                                <th width="16%" class="text-center">{{ trans('dashboard.Voucher') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach( $member->Order as $order )
                            <tr>
                                <td>{{ $i }}</td>
                                <td>{{ $order->order_ref }}</td>
                                <td>{{ $order->created_at->format('d/m/Y') }}</td>
                                <td>{{ $order->Marketplace->name }}</td>
                                <td>$ {{ number_format($order->getTotalAmount(), 2) }}</td>
                                <td class="text-center"><a href="{{ action('OrderController@generateInvoice', $order->id) }}" target="_blank"><i class="fa fa-download"></i></a></td>
                                <td class="text-center">
                                    @foreach( $order->Voucher as $voucher )
                                        <a href="{{ action('OrderController@getVoucherDetails', [$order->id, $voucher->id]) }}">{{ $voucher->voucher_code }}</a>
                                    @endforeach
                                </td>
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
                </div>
            </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')
            }
        });        

    })()

</script>
@stop