@extends ('backend.layouts.app')

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

@section('breadcrumb-links')
    @include('customer::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">
                    {{ __('customer::labels.backend.customer.management') }}
                    <small class="text-muted">{{ __('customer::labels.backend.customer.show') }}</small>
                </h4>
            </div><!--col-->
        </div><!--row-->

        <div class="row mt-4 mb-4">
            <div class="col">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <tbody>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.registration_no') }}</th>
                                <td>{{ $customer->registration_no }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.name') }}</th>
                                <td>{{ $customer->name }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('labels.backend.access.users.table.email') }}</th>
                                <td>{{ $customer->user->email }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.nrc') }}</th>
                                <td>{{ $customer->nrc }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.mobile') }}</th>
                                <td>{{ $customer->mobile }}</td>
                            </tr>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.dob') }}</th>
                                <td>{{ $customer->dob }}</td>
                            </tr>
                            @if($customer->city_id)
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.city') }}</th>
                                <td>{!! $customer->city->name !!}</td>
                            </tr>
                            @endif
                            @if($customer->township_id)
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.township') }}</th>
                                <td>{!! $customer->township->name !!}</td>
                            </tr>
                            @endif
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.address') }}</th>
                                <td>{!! $customer->address !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('customer::labels.backend.customer.table.gender') }}</th>
                                <td>{!! $customer->gender !!}</td>
                            </tr>
                            <tr>
                                <th>{{ __('labels.backend.access.users.tabs.content.overview.confirmed') }}</th>
                                <td>{!! $customer->user->confirmed_label !!}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div><!--col-->
        </div><!--row-->
    </div><!--card-body-->

    <div class="card-footer">
        <div class="row">
            <div class="col">
                <small class="float-right text-muted">
                    <strong>{{ __('customer::labels.backend.customer.table.created') }}:</strong> {{ $customer->created_at->timezone(get_user_timezone()) }} ({{ $customer->created_at->diffForHumans() }}),
                    <strong>{{ __('customer::labels.backend.customer.table.last_updated') }}:</strong> {{ $customer->updated_at->timezone(get_user_timezone()) }} ({{ $customer->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>Incoming/Outgoing Points</h5>
                    </div>
                    <div class="card-body">
                        <table class="table table-striped table-bordered table-hover table-header-fixed no-footer">
                            <thead>
                                <tr>
                                    <th colspan="2" style="text-align: center;width: 50%"><h5>Incoming Points</h5></th>
                                    <th colspan="2" style="text-align: center;width: 50%"><h5>Outgoing Points</h5></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Income Points</td>
                                    <td style="text-align: right;">{{ $customer->point }}</td>

                                    <td>Used Points</td>
                                    <td style="text-align: right;">{{ $customer->used_point }}</td>
                                </tr>

                                <tr>
                                    <td></td>
                                    <td style="text-align: right;"></td>
                                    <td>Withdraw Points</td>
                                    <td style="text-align: right;">{{ $customer->withdraw_point }}</td>
                                </tr>
                                <tr>
                                    <td>Total Points</td>
                                    <td style="text-align: right;">{{  $customer->point  }}</td>
                                    <td>Total Points</td>
                                    <td style="text-align: right;">{{ $customer->used_point + $customer->withdraw_point }}</td>
                                </tr>
                                <tr>
                                    <th colspan="2"  style="text-align: center">
                                        <h6>Balance Points</h6>
                                    </th>
                                    <th colspan="2" style="text-align: center">
                                        {{ $customer->balance_point }}
                                    </th>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- card table -->
                <div class="card card-accent-warning">
                    <div class="card-header">
                        <h5>{{ __('card::labels.backend.card.list') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="card-table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <th>{{ __('card::labels.backend.card.table.card_no') }}</th>
                                    <th>{{ __('card::labels.backend.card.table.security_code') }}</th>
                                    <th>{{ __('card::labels.backend.card.table.expiry_date') }}</th>
                                    <th>{{ __('card::labels.backend.card.table.user_pin') }}</th>
                                    <th>{{ __('card::labels.backend.card.table.status') }}</th>
                                    <th>{{ __('card::labels.backend.card.table.last_updated') }}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div>

                <!-- point table -->
                <div class="card card-accent-success">
                    <div class="card-header">
                        <h5>Point Lists</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="point-table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <th>{{ __('point::labels.backend.point.table.payment_date_time') }}</th>
                                    <th>{{ __('point::labels.backend.point.table.ref_no') }}</th>
                                    <th>{{ __('point::labels.backend.point.table.point') }}</th>
                                    <th>{{ __('point::labels.backend.point.table.payment_mode') }}</th>
                                    <th>{{ __('point::labels.backend.point.table.created_user_name') }}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer text-muted">
                        {{ 'Total Point Amount - ' .  $customer->point }}
                    </div>
                </div>

                <div class="card card-accent-success">
                    <div class="card-header">
                        <h5>Withdraw List</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="withdraw-table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <th>{{ __('point::labels.backend.withdraw.table.date') }}</th>
                                    <th>{{ __('point::labels.backend.withdraw.table.point') }}</th>
                                    <th>{{ __('point::labels.backend.withdraw.table.created_user_name') }}</th>
                                    <th>{{ __('point::labels.backend.withdraw.table.remark') }}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer text-muted">
                        {{ 'Total Withdraw Point Amount - ' .  $customer->withdraw_point }}
                    </div>
                </div>

                <!-- coupon table -->
                <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.coupon_created_at') }}</th>
                                    <th>Coupon Used Date</th>
                                    <th>Merchant Name</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.reward') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.coupon_code') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.point') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.status') }}</th>
                                    <th>{{ __('coupon::labels.backend.coupon.table.last_updated') }}</th>
                                    <th>Remark</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer text-muted">
                        {{ 'Total Used Point Amount - ' .  $customer->used_point }}
                    </div>
                </div>


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

@push('after-scripts')
<script>

    $('#point-table').DataTable({
        serverSide: true,
        ajax: {
            url: '{!! route("admin.customer.get_point", $customer->id) !!}',
            type: 'get',
            error: function (xhr, err) {
                if (err === 'parsererror')
                    location.reload();
                else swal(xhr.responseJSON.message);
            }
        },
        columns: [
            {data: 'payment_date_time', name: 'payment_date_time'},
            {data: 'ref_no', name: 'ref_no'},
            {data: 'point', name: 'point'},
            {data: 'method', name: 'method'},
            {data: 'created_user_name', name: 'created_user_name'},
        ],
        order: [[0, "asc"]],
        searchDelay: 500,
        fnDrawCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            load_plugins();
        }
    });

    $('#withdraw-table').DataTable({
        serverSide: true,
        ajax: {
            url: '{!! route("admin.customer.get_withdraw", $customer->id) !!}',
            type: 'get',
            error: function (xhr, err) {
                if (err === 'parsererror')
                    location.reload();
                else swal(xhr.responseJSON.message);
            }
        },
        columns: [
            {data: 'date', name: 'date'},
            {data: 'point', name: 'point'},
            {data: 'created_user_id', name: 'created_user_id'},
            {data: 'remark', name: 'remark'},
        ],
        order: [[0, "desc"]],
        searchDelay: 500,
        fnDrawCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            load_plugins();
        }
    });


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

    $('#card-table').DataTable({
        serverSide: true,
        ajax: {
            url: '{!! route("admin.customer.get_card", $customer->id) !!}',
            type: 'get',
            error: function (xhr, err) {
                if (err === 'parsererror')
                    location.reload();
                else swal(xhr.responseJSON.message);
            }
        },
        columns: [
            {data: 'card_no', name: 'card_no'},
            {data: 'security_code', name: 'security_code'},
            {data: 'expiry_date', name: 'expiry_date'},
            {data: 'user_pin', name: 'user_pin'},
            {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