{{--@todo not used for now--}}
@extends('layouts.master')

@section('page-title'){{ __('Voucher display') }}@endsection

@section('menu'){{ __('Payment') }}@endsection

@section('sub-menu'){{ __('Vouchers') }}@endsection

@section('content')
        <div class="row border-bottom-1">
            <div class="col-md-6 ">
                <h3>Voucher code: {{ $voucher->code  }}</h3>
            </div>
            <div class="col-md-6">
                <h3>Expiration:  {{ $voucher->expiration  }}</h3>
            </div>
        </div>
        <div class="row m-t-5">
            <div class="col-md-6">
{{--                <div class="col-md-12">--}}
{{--                    <b>{{ __('Expiration:') }}</b> 3 days--}}
{{--                </div>--}}
                <div class="col-md-12">
                    <b>{{ __('Action:') }}</b> {{ GetVoucherTypes()[$voucher->type]  }}
                </div>
                <div class="col-md-12">
                    <b>{{ __('Amount:') }}</b> {{ $voucher->amount  }} €
                </div>
                <div class="col-md-12">
                    <b>{{ __('Player:') }}</b> {{ $voucher->user_id  }}
                </div>
                <div class="col-md-12">
                    <b>{{ __('Generated:') }}</b> {{ $voucher->createtime  }}
                </div>
                <div class="col-md-12 m-t-5">
                    <b>{{ __('Activated:') }}</b> {{ $voucher->activatetime  }}
                </div>
                <div class="col-md-12">
                    <b>{{ __('Shop:') }}</b> @todo
                </div>
                <div class="col-md-12">
                    <b>{{ __('Agent:') }}</b> @todo
                </div>
                <div class="col-md-12  m-t-5">
                    <b>{{ __('Canceled:') }}</b> @todo
                </div>

            </div>
            <div class="col-md-6  m-t-5">
{{--                <button class="btn btn-primary js-activate-voucher" data-code="1123">{{ __('Activate voucher') }}</button>--}}
                @if ($voucher->status == config('constants.VOUCHER_STATUS_CREATED'))
                    <button class="btn btn-primary js-cancel-voucher" data-code = "{{ $voucher->code  }}"
                            data-id="{{ $voucher->id  }}">{{ __('Cancel voucher') }}</button>
                @endif
            </div>
        </div>


@endsection


@section('script')
    <script src="/assets/js/pages/vouchers.js?{{ rand(1, 10000) }}"></script>

    <script>
        $(document).ready(function () {
            var sort_column = 10;
            @php
                $routes = [
                        'searchRoute' => route('payments.vouchers'),
                        'cancelVoucherRoute' => route('payments.cancell-voucher'),
                        'activateVoucherRoute' => route('payments.activate-voucher'),
                        'refundVoucherRoute' => route('payments.refund')
                        ];
            @endphp
            Vouchers.initialize(
                {!! json_encode($routes) !!},
                '{{ csrf_token() }}',
                sort_column
            );
        });

    </script>


@endsection