@extends ('backend.layouts.app')

@section ('title', __('reward::labels.backend.reward.management'))

@section('breadcrumb-links')
    @include('reward::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    {{ __('reward::labels.backend.reward.management') }}
                    <small class="text-muted">{{ __('reward::labels.backend.reward.show') }}</small>
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4 mb-4">
            <div class="col">
                <table class="table table-hover">
                    <tbody>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.client') }}</th>
                            <td>{{ $reward->client->merchant_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.name') }}</th>
                            <td>{{ $reward->name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.type') }}</th>
                            <td>{{ $reward->type }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.value') }}</th>
                            <td>{{ $reward->value }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.description') }}</th>
                            <td>{!! $reward->description !!}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.prefix_code') }}</th>
                            <td>{{ $reward->prefix_code }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.redeem_points') }}</th>
                            <td>{{ $reward->redeem_points }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.available_quantity') }}</th>
                            <td>{{ $reward->available_quantity }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.used_quantity') }}</th>
                            <td>{{ $reward->coupon->count() }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.from_validate') }}</th>
                            <td>{{ $reward->from_validate }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.to_validate') }}</th>
                            <td>{{ $reward->to_validate }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.status') }}</th>
                            <td>{!! $reward->status !!}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.coupon_expired_days') }}</th>
                            <td>{!! $reward->coupon_expired_days !!}</td>
                        </tr>
                        <tr>
                            <th>{{ __('reward::labels.backend.reward.table.image') }}</th>
                            <td><img src="{{ url('/uploads/'.$reward->image) }}" alt="" class="img-thumbnail" width="200px"></td>
                        </tr>



                    </tbody>
                </table>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->

    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                    <strong>{{ __('reward::labels.backend.reward.table.created') }}:</strong> {{ $reward->created_at->timezone(get_user_timezone()) }} ({{ $reward->created_at->diffForHumans() }}),
                    <strong>{{ __('reward::labels.backend.reward.table.last_updated') }}:</strong> {{ $reward->updated_at->timezone(get_user_timezone()) }} ({{ $reward->updated_at->diffForHumans() }})
                </small>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-footer-->
</div><!--card-->

<div class="card">
    <div class="card-body">

        <div class="row mt-4 mb-4">
            <div class="col">

                <div class="card card-accent-warning">
                    <div class="card-header">
                        <h5>{{ __('coupon::labels.backend.coupon.list') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="coupon-table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <th>{{ __('coupon::labels.backend.coupon.table.customer') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.point') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.mark_use') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.status') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.last_updated') }}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div>


            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->
</div><!--card-->
@endsection

@push('after-scripts')

<script>
    $('#coupon-table').DataTable({
        serverSide: true,
        ajax: {
            url: '{!! route("admin.reward.get_coupon", $reward->id) !!}',
            type: 'get',
            error: function (xhr, err) {
                if (err === 'parsererror')
                    location.reload();
                else swal(xhr.responseJSON.message);
            }
        },
        columns: [
            {data: 'customer', name: 'customer'},
            {data: 'used_points', name: 'used_points'},
            {data: 'mark_use', name: 'mark_use'},
            {data: 'status', name: 'status'},
            {data: 'updated_at', name: 'updated_at'},
        ],
        order: [[0, "asc"]],
        searchDelay: 500,
        fnDrawCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            load_plugins();
        }
    });

</script>
@endpush