@extends('layouts.admin')

@section('title')
@lang('User Details')
@endsection

@section('breadcrumb')
<section class="section">
    <div class="section-header justify-content-between">
        <h1>@lang('User Details')</h1>
        <a href="{{route('admin.user.index')}}" class="btn btn-primary"><i class="fas fa-backward"></i>
            @lang('Back')</a>
    </div>
</section>
@endsection

@section('content')

<div class="row justify-content-center">
    <div class="col-xxl-8 col-lg-6">
        <div class="card">
            <div class="card-body">
                <h6>@lang('User Wallets')</h6>
                <hr>
                <div class="row justify-content-center">
                    @forelse ($user->wallets as $item)
                    <div class="col-xxl-6 col-lg-12 col-md-6">
                        <a href="javascript:void(0)" class="wallet" data-code="{{$item->currency->code}}"
                            data-id="{{$item->id}}" data-toggle="tooltip"
                            title="@lang('Click to Add or Subtract Balance')">
                            <div class="card card-statistic-1 bg-sec">
                                <div class="card-icon bg-primary text-white">
                                    {{$item->currency->code}}
                                </div>
                                <div class="card-wrap">
                                    <div class="card-header ">
                                        <h4 class="text-dark">@lang($item->currency->curr_name)</h4>
                                    </div>
                                    <div class="card-body">
                                        {{amount($item->balance,$item->currency->type,3)}} {{$item->currency->code}}
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    @empty
                    <p>@lang('No wallet found')</p>
                    @endforelse
                </div>

                <h6 class="mt-3">@lang('User details')</h6>
                <hr>
                <form action="{{route('admin.user.profile.update',$user->id)}}" method="POST" class="row">
                    @csrf
                    <div class="form-group col-md-6">
                        <label>@lang('Name')</label>
                        <input class="form-control" type="text" name="name" value="{{$user->name}}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label>@lang('Email')</label>
                        <input class="form-control" type="email" name="email" value="{{$user->email}}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label>@lang('Phone')</label>
                        <input class="form-control" type="text" name="phone" value="{{$user->phone}}" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label>@lang('Country')</label>
                        <Select class="form-control js-example-basic-single" name="country" required>
                            @foreach ($countries as $item)
                            <option value="{{$item->name}}" {{$user->country == $item->name ?
                                'selected':''}}>{{$item->name}}</option>
                            @endforeach
                        </Select>
                    </div>
                    <div class="form-group col-md-6">
                        <label>@lang('City')</label>
                        <input class="form-control" type="text" name="city" value="{{$user->city}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label>@lang('Zip')</label>
                        <input class="form-control" type="text" name="zip" value="{{$user->zip}}">
                    </div>
                    <div class="form-group col-md-12">
                        <label>@lang('Address')</label>
                        <input class="form-control" type="text" name="address" value="{{$user->address}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="cswitch d-flex justify-content-between align-items-center border p-2">
                            <input class="cswitch--input" name="status" type="checkbox" {{$user->status == 1 ?
                            'checked':''}} /><span class="cswitch--trigger wrapper"></span>
                            <span class="cswitch--label font-weight-bold">@lang('User status')</span>
                        </label>
                    </div>
                    <div class="form-group col-md-6 ">
                        <label class="cswitch d-flex justify-content-between align-items-center border p-2">
                            <input class="cswitch--input update" name="email_verified" type="checkbox"
                                {{$user->email_verified == 1 ? 'checked':''}} /><span
                                class="cswitch--trigger wrapper"></span>
                            <span class="cswitch--label font-weight-bold">@lang('Email Verified')</span>
                        </label>
                    </div>
                    <div class="form-group col-md-6 ">
                        <label class="cswitch d-flex justify-content-between align-items-center border p-2">
                            <input class="cswitch--input update" name="kyc_status" type="checkbox" {{$user->kyc_status
                            == 1 ? 'checked':''}} /><span class="cswitch--trigger wrapper"></span>
                            <span class="cswitch--label font-weight-bold">@lang('KYC Verified')</span>
                        </label>
                    </div>
                    @if (access('update user'))
                    <div class="form-group col-md-12 text-right">
                        <button type="submit" class="btn btn-primary btn-lg">@lang('Submit')</button>
                    </div>
                    @endif
                </form>
            </div>
        </div>
    </div>
    <div class="col-xxl-4 col-lg-6 col-md-8">
        <div class="card">
            <div class="card-body">
                <label class="font-weight-bold">@lang('Profile Picture')</label>
                <div id="image-preview" class="image-preview u_details w-100"
                    style="background-image:url({{getPhoto($user->photo)}});">
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <ul class="list-group">
                    <li class="list-group-item active">
                        <h5>@lang('Information')</h5>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">@lang('Total Deposited')
                        <span>{{$data['totalDeposit']}} {{$gs->curr_code}}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between">@lang('Total Withdraw')
                        <span>{{$data['totalWithdraw']}} {{$gs->curr_code}}</span>
                    </li>
                    @if (access('user login'))
                    <li class="list-group-item d-flex justify-content-between">@lang('Login to User') <span><a
                                target="_blank" href="{{route('admin.user.login',$user->id)}}"
                                class="btn btn-dark">@lang('Login')</a></span></li>
                    @endif

                    <li class="list-group-item d-flex justify-content-between">@lang('User Login Info') <span><a
                                href="{{route('admin.user.login.info',$user->id)}}"
                                class="btn btn-dark">@lang('View')</a></span></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>@lang('Date')</th>
                    <th>@lang('User')</th>
                    <th>@lang('Transaction ID')</th>
                    <th>@lang('Description')</th>
                    <th>@lang('Remark')</th>
                    <th>@lang('Amount')</th>
                    <th>@lang('Charge')</th>

                </tr>
            </thead>

            @php
            $transactions = $user->transactions()->paginate(10);

            @endphp

            <tbody>
                @forelse($transactions as $item)
                <tr>
                    <td data-label="@lang('Date')">{{dateFormat($item->created_at,'d-M-Y')}}</td>
                    <td>
                        @if ($item->user_type == 1)
                        <a href="{{route('admin.user.details',$item->user_id)}}">{{$item->user->name}}</a>

                        @elseif($item->user_type == 2)
                        <a href="{{route('admin.merchant.details',$item->user_id)}}">{{$item->merchant->name}}</a>
                        @elseif($item->user_type == 3)
                        <a href="{{route('admin.agent.details',$item->user_id)}}">{{$item->agent->name}}</a>
                        @endif

                    </td>
                    <td data-label="@lang('Transaction ID')">
                        {{__($item->trnx)}}
                    </td>
                    <td data-label="@lang('Description')">
                        {{__($item->details)}}
                    </td>
                    <td data-label="@lang('Remark')">
                        <span class="badge badge-dark">{{ucwords(str_replace('_',' ',$item->remark))}}</span>
                    </td>
                    <td data-label="@lang('Amount')">
                        <span class="{{$item->type == '+' ? 'text-success':'text-danger'}}">{{$item->type}}
                            {{amount($item->amount,$item->currency->type,2)}} {{$item->currency->code}}</span>
                    </td>
                    <td data-label="@lang('Charge')">
                        {{amount($item->charge,$item->currency->type,2)}} {{$item->currency->code}}
                    </td>

                </tr>
                @empty
                <tr>
                    <td class="text-center" colspan="12">@lang('No data found!')</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($transactions->hasPages())
    <div class="card-footer">
        {{$transactions->links('admin.partials.paginate')}}
    </div>
    @endif

</div>

<!-- Modal -->
@if(access('user balance modify'))
<div class="modal fade" id="balanceModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{route('admin.user.balance.modify')}}" method="post">
            @csrf
            <input type="hidden" name="wallet_id">
            <input type="hidden" name="user_id" value="{{$user->id}}">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">@lang('Add/Subract Balance -- ') <span class="code"></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>@lang('Amount')</label>
                        <input class="form-control" type="text" name="amount" required>
                    </div>
                    <div class="form-group">
                        <label>@lang('Type')</label>
                        <select name="type" id="" class="form-control">
                            <option value="1">@lang('Add Balance')</option>
                            <option value="2">@lang('Subtract Balance')</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">@lang('Close')</button>
                    <button type="submit" class="btn btn-primary">@lang('Confirm')</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif

@endsection
@push('script')
<script>
    'use strict';
        $.uploadPreview({
            input_field: "#image-upload", // Default: .image-upload
            preview_box: "#image-preview", // Default: .image-preview
            label_field: "#image-label", // Default: .image-label
            label_default: "@lang('Choose File')", // Default: Choose File
            label_selected: "@lang('Update Image')", // Default: Change File
            no_label: false, // Default: false
            success_callback: null // Default: null
        });

        $('.wallet').on('click',function () { 
            $('#balanceModal').find('input[name=wallet_id]').val($(this).data('id'))
            $('#balanceModal').find('.code').text($(this).data('code'))
            $('#balanceModal').modal('show')
        })

        $(document).ready(function() {
           $('.js-example-basic-single').select2();
        });
</script>
@endpush

@push('style')
<style>
    .bg-sec {
        background-color: #cdd3d83c
    }

    .u_details {
        height: 370px !important;
    }
</style>
@endpush