@extends ('backend.layouts.app')

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

@section('breadcrumb-links')
    @include('client::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">
                    {{ __('client::labels.backend.client.management') }}
                    <small class="text-muted">{{ __('client::labels.backend.client.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">
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.merchant_name') }}</th>
                            <td>{{ $client->merchant_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.trading_name') }}</th>
                            <td>{{ $client->trading_name }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.mechant_id') }}</th>
                            <td>{{ $client->mechant_id }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.contact_person') }}</th>
                            <td>{{ $client->contact_person }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.contact_person_email') }}</th>
                            <td>{{ $client->contact_person_email }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.support_person_email') }}</th>
                            <td>{{ $client->support_person_email }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.mobile') }}</th>
                            <td>{{ $client->mobile }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.fax') }}</th>
                            <td>{{ $client->fax }}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.address') }}</th>
                            <td>{!! $client->address !!}</td>
                        </tr>
                        <tr>
                            <th>{{ __('client::labels.backend.client.table.logo') }}</th>
                            <td>
                                @if($client->logo)
                                <img src="/uploads/{{ $client->logo }}" class="img-thumbnail" width="200px" >
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>{{ __('labels.backend.access.users.tabs.content.overview.confirmed') }}</th>
                            <td>{!! $client->user->confirmed_label !!}</td>
                        </tr>
                    </table>
                    <h3>Account Informations</h3>
                    <table class="table table-hover">
                        <tr>
                            <th>{{ __('labels.backend.access.users.table.email') }}</th>
                            <td>{{ $client->user->email }}</td>
                        </tr>
                    </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>{{ __('client::labels.backend.client.table.created') }}:</strong> {{ $client->created_at->timezone(get_user_timezone()) }} ({{ $client->created_at->diffForHumans() }}),
                    <strong>{{ __('client::labels.backend.client.table.last_updated') }}:</strong> {{ $client->updated_at->timezone(get_user_timezone()) }} ({{ $client->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-success">
                    <div class="card-header">
                        <h5>{{ __('reward::labels.backend.reward.list') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="reward-table" class="table table-condensed table-hover">
                                <thead>
                                <tr>
                                    <th>{{ __('reward::labels.backend.reward.table.id') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.name') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.type') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.value') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.redeem_points') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.status') }}</th>
                                    <th>{{ __('reward::labels.backend.reward.table.last_updated') }}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>

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

@endsection

@push('after-scripts')

<script>
    $('#reward-table').DataTable({
        serverSide: true,
        ajax: {
            url: '{!! route("admin.client.get_reward", $client->id) !!}',
            type: 'get',
            error: function (xhr, err) {
                if (err === 'parsererror')
                    location.reload();
                else swal(xhr.responseJSON.message);
            }
        },
        columns: [
            {data: 'id', name: 'id'},
            {data: 'name', name: 'name'},
            {data: 'type', name: 'type'},
            {data: 'value', name: 'value'},
            {data: 'redeem_points', name: 'redeem_points'},
            {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