@extends('dashboard.layout.layout')

@section('content')

    <div class="content-body">
        <div id="user-profile">
            <!-- profile header -->
            <div class="row">
                <div class="col-12">
                    <div class="card profile-header mb-2 border-info">
                        <img class="card-img-top"
                            src="{{ asset('dashboardAssets') }}/images/profile/user-uploads/timeline.jpg"
                            alt="{{ $client->fullname }}" />

                        <div class="position-relative">
                            <div class="profile-img-container d-flex align-items-center">
                                <div class="avatar">
                                    <div class="profile-img">
                                        <a href="{{ $client->image }}" data-fancybox="gallery">
                                            <img src="{{ $client->image }}"
                                                class="rounded h-100 w-100 img-preview img-fluid"
                                                alt="{{ $client->fullname }}" />
                                        </a>
                                    </div>
                                    <span class="avatar-status-busy avatar-status-md"
                                        id="online_{{ $client->id }}"></span>
                                </div>
                                <div class="profile-title ml-3">
                                    <h2 class="text-white">{{ $client->fullname }}</h2>
                                    <p class="text-white">{{ $client->phone }}</p>
                                </div>
                            </div>
                        </div>

                        <div class="profile-header-nav">
                            <nav
                                class="navbar navbar-expand-md navbar-light justify-content-end justify-content-md-between w-100">
                                <button class="btn btn-icon navbar-toggler" type="button" data-toggle="collapse"
                                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                    aria-expanded="false" aria-label="Toggle navigation">
                                    <i data-feather="align-justify" class="font-medium-5"></i>
                                </button>

                                <!-- collapse  -->
                                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                    <div class="profile-tabs d-flex justify-content-between flex-wrap mt-1 mt-md-0">

                                        <ul class="nav nav-pills nav-fill mb-0">
                                            <li class="nav-item">
                                                <a class="nav-link active" id="profile-tab-fill" data-toggle="pill"
                                                    href="#profile-fill" aria-expanded="true">
                                                    {!! trans('dashboard.user.profile') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item px-sm-0">
                                                <a href="#health" data-toggle="tab" id="health-tab" aria-controls="health"
                                                    class="nav-link font-small-3" aria-selected="false">
                                                    {{-- <i class="feather icon-heart font-small-3"></i> --}}
                                                    {!! trans('dashboard.user.health_status') !!}

                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="order-tab-fill" data-toggle="pill"
                                                    href="#order-fill" aria-expanded="false">
                                                    {!! trans('dashboard.order.orders') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="wallet-tab-fill" data-toggle="pill"
                                                    href="#wallet-fill" aria-expanded="false">
                                                    {!! trans('dashboard.user.wallet') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item px-sm-0">
                                                <a href="#financial_record_transactions" data-toggle="tab"
                                                    id="financial_record_transaction-tab"
                                                    aria-controls="financial_record_transactions"
                                                    class="nav-link font-small-3" aria-selected="false">
                                                    {{-- <i class="icofont-credit-card font-small-3"></i> --}}
                                                    {!! trans('dashboard.financial_record_transaction.financial_record_transactions') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="transfer-tab-fill" data-toggle="pill"
                                                    href="#transfer-fill" aria-expanded="false">
                                                    {!! trans('dashboard.transfer.transfers_from', ['user' => $client->fullname]) !!}
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="transfer-to-tab-fill" data-toggle="pill"
                                                    href="#transfer-to-fill" aria-expanded="false">
                                                    {!! trans('dashboard.transfer.transfers_to', ['user' => $client->fullname]) !!}
                                                </a>
                                            </li>
                                            <li class="nav-item px-sm-0">
                                                <a href="#financial" data-toggle="tab" id="financial-tab"
                                                    aria-controls="financial" class="nav-link font-small-3"
                                                    aria-selected="false">
                                                    {{-- <i class="feather icon-dollar-sign font-small-3"></i> --}}
                                                    {!! trans('dashboard.user.financial_record') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item px-sm-0">
                                                <a href="#points" data-toggle="tab" id="point-tab" aria-controls="points"
                                                    class="nav-link font-small-3" aria-selected="false">
                                                    {{-- <i class="feather icon-hash font-small-3"></i> --}}
                                                    {!! trans('dashboard.point.points') !!}
                                                </a>
                                            </li>
                                            <li class="nav-item px-sm-0">
                                                <a href="#notifications" data-toggle="tab" id="notifications-tab"
                                                    aria-controls="notifications" class="nav-link font-small-3"
                                                    aria-selected="false">
                                                    {{-- <i class="feather icon-hash font-small-3"></i> --}}
                                                    {!! trans('dashboard.client.notifications') !!}
                                                </a>
                                            </li>
                                        </ul>

                                        <!-- edit button -->
                                        <div>
                                            <a class="btn btn-primary" href="{!! route('dashboard.client.edit', $client->id) !!}">
                                                <i class="icofont-edit text-bold font-medium-3"></i>
                                            </a>
                                            <a class="btn btn-success"
                                                onclick="notify('{{ $client->id }}','{{ route('dashboard.notification.store') }}','client')"
                                                title="{!! trans('dashboard.general.notify') !!}">
                                                <i class="icofont-alarm text-bold font-medium-3"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <!--/ collapse  -->
                            </nav>
                            <!--/ navbar -->
                        </div>
                    </div>
                </div>
            </div>
            <section id="profile-info">
                <div class="row">

                    <div class="col-lg-9 col-12 order-1 order-lg-2">
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="profile-fill"
                                aria-labelledby="profile-tab-fill" aria-expanded="true">
                                <div class="card  border-info">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.user.fullname') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-fullname">
                                                                <i data-feather="user"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->fullname }}"
                                                            aria-describedby="basic-addon-fullname" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.general.phone') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-phone"><i
                                                                    data-feather="phone"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->phonecode . $client->phone }}"
                                                            aria-describedby="basic-addon-phone" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.general.email') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-email">
                                                                <i data-feather="mail"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->email }}"
                                                            aria-describedby="basic-addon-email" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.user.wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-wallet"><i
                                                                    data-feather="dollar-sign"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->wallet }}"
                                                            aria-describedby="basic-addon-wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.general.added_date') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-calendar">
                                                                <i data-feather="calendar"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->created_at->format('Y-m-d') }}"
                                                            aria-describedby="basic-addon-calendar" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.general.added_time') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-clock"><i
                                                                    data-feather="clock"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->created_at->format('h:i A') }}"
                                                            aria-describedby="basic-addon-clock" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.country.country') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-country">
                                                                <i data-feather="flag"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->country_name }}"
                                                            aria-describedby="basic-addon-country" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.city.city') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-city"><i
                                                                    data-feather="flag"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{{ $client->city_name }}"
                                                            aria-describedby="basic-addon-city" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label class="col-form-label col-md-4">{!! trans('dashboard.user.active_state') !!}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-active">
                                                                <i data-feather="log-in"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{!! $client->is_admin_active_user ? trans('dashboard.user.active') : trans('dashboard.user.not_active') !!}"
                                                            aria-describedby="basic-addon-active" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label class="col-form-label col-md-4">{!! trans('dashboard.user.ban_state') !!}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-ban"><i
                                                                    data-feather="lock"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control"
                                                            value="{!! $client->is_ban ? trans('dashboard.user.ban') : trans('dashboard.user.not_ban') !!}"
                                                            aria-describedby="basic-addon-ban" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-lg-2">{!! trans('dashboard.user.ban_reason') !!}</label>
                                            <div class="col-md-10">
                                                {!! Form::textarea('', $client->is_ban ? $client->ban_reason : null, ['class' => 'form-control', 'readonly']) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- order --}}
                            <div role="tabpanel" class="tab-pane" id="order-fill" aria-labelledby="order-tab-fill"
                                aria-expanded="true">
                                <div class="card  border-info">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center">
                                            {!! $orders->links() !!}
                                        </div>
                                        <div class="table-responsive">
                                            <table class="datatables-custom-without-title table table-hover-animation">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th>#</th>
                                                        <th>{!! trans('dashboard.order.order_number') !!}</th>
                                                        <th>{!! trans('dashboard.client.client') !!}</th>
                                                        <th>{!! trans('dashboard.order.order_type') !!}</th>
                                                        <th>{!! trans('dashboard.order.order_status') !!}</th>
                                                        <th>{!! trans('dashboard.order.total_price') !!}</th>
                                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                        <th><i data-feather="zap"></i></th>
                                                    </tr>
                                                </thead>
                                                <tbody class="text-center">
                                                    @foreach ($orders as $order)
                                                        <tr class="{{ $order->id }} text-center">
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ $order->id }}</td>
                                                            <td>{{ optional($order->client)->fullname }}</td>
                                                            <td>{{ trans('dashboard.order.order_types.' . $order->order_type) }}
                                                            </td>
                                                            <td>
                                                                {!! trans('dashboard.order.statuses.' . $order->order_status) !!}
                                                            </td>
                                                            <td>
                                                                <div class="badge badge-success badge-md mr-1 mb-1">
                                                                    {{ $order->total_price }}</div>
                                                            </td>
                                                            <td>
                                                                <div class="badge badge-primary badge-md mr-1 mb-1">
                                                                    {{ $order->created_at->format('Y-m-d') }}</div>
                                                            </td>
                                                            <td class="product-action text-center font-medium-3">
                                                                <a href="{!! route('dashboard.order.show', $order->id) !!}"
                                                                    class="text-primary mr-2">
                                                                    <i class="icofont-maximize font-medium-3"
                                                                        title="{!! trans('dashboard.general.show') !!}"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade " id="health" aria-labelledby="health-tab">
                                <div class="card border-info">
                                    <div class="card-header">
                                        <div class="card-title">{{ trans('dashboard.user.health_status') }}</div>

                                    </div>
                                    <div class="card-body">
                                        <div class="form-group row">
                                            <label
                                                class="col-form-label col-lg-2">{{ trans('dashboard.user.is_infected') }}</label>
                                            <div class="col-md-3 position-relative has-icon-left">
                                                <input type="text"
                                                    value="{{ $client->is_infected ? trans('dashboard.user.infected') : trans('dashboard.user.not_infected') }}"
                                                    class="form-control" readonly>
                                                <div class="form-control-position">
                                                    <i class="feather icon-heart"></i>
                                                </div>
                                            </div>
                                            <label
                                                class="col-form-label col-lg-3">{{ trans('dashboard.user.is_with_special_needs') }}</label>
                                            <div class="col-md-4 position-relative has-icon-left" id="health_status">
                                                <input type="text" name="is_with_special_needs"
                                                    value="{{ $client->is_with_special_needs ? trans('dashboard.user.with_special_needs') : trans('dashboard.user.not_with_special_needs') }}"
                                                    class="form-control" readonly>
                                                <div class="form-control-position">
                                                    <i class="feather icon-help-circle"></i>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-4">
                                                <p>{!! trans('dashboard.user.admin_accept_health_status') !!}</p>

                                            </div>
                                            <div class="col-md-8 mb-1">
                                                <div class="btn-group d-flex justify-content-center" role="group"
                                                    aria-label="Basic example">
                                                    <button onclick="acceptDriverHealthData('{{ $client->id }}')"
                                                        {{ $client->is_with_special_needs ? 'disabled' : null }}
                                                        class="btn btn-primary font-small-3 text-bold-600 accept_health_btn_{{ $client->id }}">{{ trans('dashboard.driver.accept_data') }}</button>
                                                    <button onclick="openRefuseDriverHealthData('{{ $client->id }}')"
                                                        {{ !$client->is_with_special_needs ? 'disabled' : null }}
                                                        class="btn btn-danger font-small-3 text-bold-600 refuse_health_btn_{{ $client->id }}">{{ trans('dashboard.driver.refuse_data') }}</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 text-center">
                                                @if ($client->health_certificate_type == 'image')
                                                    <a href="{{ $client->health_certificate }}" data-fancybox="gallery">
                                                        <img src="{{ $client->health_certificate }}" alt=""
                                                            style="width:400px; height:300px;" class="img-preview rounded">
                                                    </a>
                                                @elseif ($client->health_certificate_type == 'file')
                                                    <object data="{{ $client->health_certificate }}"
                                                        type="application/pdf" width="300" height="200">
                                                        <a
                                                            href="{{ $client->health_certificate }}">{{ str_after($client->health_certificate, '___file_') }}</a>
                                                    </object>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- wallet --}}
                            <div class="tab-pane fade " id="wallet-fill" aria-labelledby="wallet_transfers-tab">
                                <div class="card border-info">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.total_wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-total_wallet">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->total_wallet }}"
                                                            aria-describedby="basic-addon-total_wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.main_wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-main_wallet">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->main_wallet }}"
                                                            aria-describedby="basic-addon-main_wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.free_balance') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-free_balance">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->free_balance }}"
                                                            aria-describedby="basic-addon-free_balance" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.teps') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-teps">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->teps }}"
                                                            aria-describedby="basic-addon-teps" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.temp_wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-temp_wallet">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->temp_wallet }}"
                                                            aria-describedby="basic-addon-temp_wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.point_wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-point_wallet">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->point_wallet }}"
                                                            aria-describedby="basic-addon-point_wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <label
                                                        class="col-form-label col-md-4">{{ trans('dashboard.financial_record.dept_wallet') }}</label>
                                                    <div class="input-group mb-2 col-md-8">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text" id="basic-addon-dept_wallet">
                                                                <i class="icofont-wallet"></i>
                                                            </span>
                                                        </div>
                                                        <input type="text" class="form-control" disabled
                                                            value="{{ optional($wallet)->dept_wallet }}"
                                                            aria-describedby="basic-addon-dept_wallet" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- financial record transactions --}}
                            <div class="tab-pane fade " id="financial_record_transactions"
                                aria-labelledby="wallet_transfers-tab">
                                <div class="card border-info">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center">
                                            {!! $financial_record_transactions->links() !!}
                                        </div>
                                        <div class="table-responsive">
                                            <table
                                                class="table table-bordered dataex-html5-selectors table-hover-animation">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th>#</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.transaction_type') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.status') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.amount') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.total_wallet_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.total_wallet_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.main_wallet_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.main_wallet_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.dept_wallet_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.dept_wallet_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.free_balance_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.free_balance_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.temp_wallet_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.temp_wallet_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.point_wallet_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.point_wallet_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.teps_before') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.teps_after') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.transaction_id') !!}</th>
                                                        <th>{!! trans('dashboard.financial_record_transaction.iban') !!}</th>
                                                        {{-- <th>{!! trans('dashboard.financial_record_transaction.model_type') !!}</th> --}}
                                                        <th>{!! trans('dashboard.financial_record_transaction.second_user_id') !!}</th>
                                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($financial_record_transactions as $financial_record_transaction)
                                                        <tr class="{{ $financial_record_transaction->id }} text-center">
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>
                                                                <div
                                                                    class="badge {{ $financial_record_transaction->transaction_type == 'withdrawal' ? 'badge-danger' : 'badge-info' }} text-bold-700 badge-md mr-1 mb-1">
                                                                    {{ trans('dashboard.financial_record_transaction.transaction_types.' . $financial_record_transaction->transaction_type) }}
                                                                </div>
                                                            </td>
                                                            <td>{{ $financial_record_transaction->status != null ? trans("dashboard.financial_record_transaction.statuses.$financial_record_transaction->status") : trans('dashboard.general.deleted_item') }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->amount }}</td>
                                                            <td>{{ $financial_record_transaction->total_wallet_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->total_wallet_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->main_wallet_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->main_wallet_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->dept_wallet_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->dept_wallet_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->free_balance_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->free_balance_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->temp_wallet_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->temp_wallet_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->point_wallet_before }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->point_wallet_after }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->teps_before }}</td>
                                                            <td>{{ $financial_record_transaction->teps_after }}</td>
                                                            {{-- <td>{{ $financial_record_transaction->model_type }}</td> --}}
                                                            <td>{{ $financial_record_transaction->id != null ? $financial_record_transaction->id : trans('dashboard.general.deleted_item') }}
                                                            </td>
                                                            <td>{{ $financial_record_transaction->iban != null ? $financial_record_transaction->iban : trans('dashboard.general.deleted_item') }}
                                                            </td>
                                                            {{-- <td>
                                                            @if ($financial_record_transaction->user && $financial_record_transaction->user_id != $client->id && !in_array(@$financial_record_transaction->user->user_type, ['admin', 'superadmin']))
                                                                <a href="{{ route('dashboard.'.$financial_record_transaction->user->user_type.'.show',$financial_record_transaction->user_id) }}">
                                                                    {{ optional($financial_record_transaction->user)->fullname }}
                                                                </a>
                                                            @else
                                                                {{ optional($financial_record_transaction->user)->fullname }}
                                                            @endif
                                                        </td> --}}
                                                            <td>
                                                                @if ($financial_record_transaction->second_user_id != $client->id && !in_array(@$financial_record_transaction->secondUser->user_type, ['admin', 'superadmin', null]))
                                                                    <a
                                                                        href="{{ route('dashboard.' . $financial_record_transaction->secondUser->user_type . '.show', $financial_record_transaction->second_user_id) }}">
                                                                        {{ optional($financial_record_transaction->secondUser)->fullname }}
                                                                    </a>
                                                                @else
                                                                    {{ optional($financial_record_transaction->secondUser)->fullname ?? trans('dashboard.financial_record_transaction.system') }}
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <div
                                                                    class="badge badge-violet badge-primary badge-md mr-1 mb-1">
                                                                    {{ optional($financial_record_transaction->created_at)->format('Y-m-d') }}
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="d-flex justify-content-center">
                                            {!! $financial_record_transactions->links() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- transfer requests tab --}}
                            <div role="tabpanel" class="tab-pane" id="transfer-fill"
                                aria-labelledby="transfer-tab-fill" aria-expanded="true">
                                <div class="card border-info">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center">
                                            {!! $transfered_from_client->links() !!}
                                        </div>
                                        <div class="card-datatable table-responsive">
                                            <table class="datatables-custom-without-title table table-hover-animation"
                                                id="transfers">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th>#</th>
                                                        <th>{!! trans('dashboard.transfer.amount') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transfer_status') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transaction_number') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.type') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transfer_to') !!}</th>

                                                        <th>{!! trans('dashboard.general.added_date') !!}</th>

                                                    </tr>
                                                </thead>
                                                <tbody class="text-center">
                                                    @foreach ($transfered_from_client as $transfer)
                                                        <tr class="{{ $transfer->id }} text-center">
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ $transfer->amount }}</td>
                                                            <td>{{ $transfer->status ? trans("dashboard.transfer.statuses.$transfer->status") : trans('dashboard.general.deleted_item') }}
                                                            </td>
                                                            <td>{{ $transfer->id }}</td>
                                                            <td>
                                                                <div
                                                                    class="badge {{ $transfer->transaction_type == 'withdrawal' ? 'badge-danger' : 'badge-info' }} text-bold-700 badge-md mr-1 mb-1">
                                                                    {{ trans('dashboard.transfer.transaction_types.' . $transfer->transaction_type) }}
                                                                </div>
                                                            </td>
                                                            <td>
                                                                @if (!in_array(@$transfer->secondUser->user_type, ['admin', 'superadmin', null]))
                                                                    <a
                                                                        href="{{ route('dashboard.' . $transfer->secondUser->user_type . '.show', $transfer->second_user_id) }}">
                                                                        {{ optional($transfer->secondUser)->fullname }}
                                                                    </a>
                                                                @else
                                                                    {{ optional($transfer->secondUser)->fullname ?? trans('dashboard.financial_record_transaction.system') }}
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <div class="badge badge-primary badge-md mr-1 mb-1">
                                                                    {{ $transfer->created_at->format('Y-m-d') }}</div>
                                                            </td>

                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="transfer-to-fill"
                                aria-labelledby="transfer-to-tab-fill" aria-expanded="true">
                                <div class="card border-info">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center">
                                            {!! $transfered_to_client->links() !!}
                                        </div>
                                        <div class="card-datatable table-responsive">
                                            <table class="datatables-custom-without-title table table-hover-animation"
                                                id="transfers">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th>#</th>
                                                        <th>{!! trans('dashboard.transfer.amount') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transfer_status') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transaction_number') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.type') !!}</th>
                                                        <th>{!! trans('dashboard.transfer.transfer_to') !!}</th>

                                                        <th>{!! trans('dashboard.general.added_date') !!}</th>

                                                    </tr>
                                                </thead>
                                                <tbody class="text-center">
                                                    @foreach ($transfered_to_client as $transfer_to)
                                                        <tr class="{{ $transfer_to->id }} text-center">
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>{{ $transfer_to->amount }}</td>
                                                            <td>{{ $transfer_to->status ? trans("dashboard.transfer.statuses.$transfer_to->status") : trans('dashboard.general.deleted_item') }}
                                                            </td>
                                                            <td>{{ $transfer_to->id }}</td>
                                                            <td>
                                                                <div
                                                                    class="badge {{ $transfer_to->transaction_type == 'withdrawal' ? 'badge-danger' : 'badge-info' }} text-bold-700 badge-md mr-1 mb-1">
                                                                    {{ trans('dashboard.transfer.transaction_types.' . $transfer_to->transaction_type) }}
                                                                </div>
                                                            </td>
                                                            <td>
                                                                @if (!in_array(@$transfer_to->secondUser->user_type, ['admin', 'superadmin', null]))
                                                                    <a
                                                                        href="{{ route('dashboard.' . $transfer_to->secondUser->user_type . '.show', $transfer_to->second_user_id) }}">
                                                                        {{ optional($transfer_to->secondUser)->fullname }}
                                                                    </a>
                                                                @else
                                                                    {{ optional($transfer_to->secondUser)->fullname ?? trans('dashboard.financial_record_transaction.system') }}
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <div class="badge badge-primary badge-md mr-1 mb-1">
                                                                    {{ $transfer_to->created_at->format('Y-m-d') }}
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade " id="financial" aria-labelledby="financial-tab">
                                <div class="card border-info">
                                    <div class="card-header">
                                        <div class="card-title">
                                            {{ trans('dashboard.user.financial_record') }}
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6 col-12">
                                                <table>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.finished_orders', ['count' => $finished_orders->count(), 'total_price' => $finished_orders->sum('total_price')]) !!}
                                                    </tr>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.cash_finished_orders', ['count' => $finished_orders->where('pay_type', 'cash')->count(), 'total_price' => $finished_orders->where('pay_type', 'cash')->sum('total_price')]) !!}
                                                    </tr>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.wallet_finished_orders', ['count' => $finished_orders->where('pay_type', 'wallet')->count(), 'total_price' => $finished_orders->where('pay_type', 'wallet')->sum('total_price')]) !!}
                                                    </tr>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.balance_lucky_box', [
    'count' => $client->luckyBoxes->where('gift_type', 'balance')->count(),
    'total_price' => $client->luckyBoxes()->where('gift_type', 'balance')->sum('balance'),
]) !!}
                                                    </tr>

                                                </table>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <table>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.points_lucky_box', [
    'count' => $client->luckyBoxes->where('gift_type', 'points')->count(),
    'total_price' => $client->luckyBoxes()->where('gift_type', 'points')->sum('points'),
]) !!}
                                                    </tr>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.balance_withdrawal', [
    'count' => $client->userFinanialRecordTransactions()->whereNotNull('bank_account_id')->where('transaction_type', 'withdrawal')->count(),
    'total_price' => $client->userFinanialRecordTransactions()->whereNotNull('bank_account_id')->where('transaction_type', 'withdrawal')->transfered()->sum('amount'),
]) !!}

                                                    </tr>
                                                    <tr>
                                                        {!! trans('dashboard.financial_record.balance_point_package', [
    'count' => $client->userFinanialRecordTransactions()->where(['transaction_type' => 'charge', 'model_type' => 'App\Models\PointPackage'])->count(),
    'total_price' => $client->userFinanialRecordTransactions()->where(['transaction_type' => 'charge', 'model_type' => 'App\Models\PointPackage'])->sum('amount'),
]) !!}

                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade " id="points" aria-labelledby="points-tab">
                                <div class="card border-info">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center">
                                            {!! $points->links() !!}
                                        </div>
                                        <div class="table-responsive">
                                            <table
                                                class="table table-bordered dataex-html5-selectors table-hover-animation">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th>#</th>
                                                        <th>{!! trans('dashboard.point.creator') !!}</th>
                                                        <th>{!! trans('dashboard.point.amount') !!}</th>
                                                        <th>{!! trans('dashboard.point.points') !!}</th>
                                                        <th>{!! trans('dashboard.point.point_status') !!}</th>
                                                        <th>{!! trans('dashboard.point.used_status') !!}</th>
                                                        <th>{!! trans('dashboard.point.used_type') !!}</th>
                                                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($points as $point)
                                                        <tr class="{{ $point->id }} text-center">
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>
                                                                {{ optional($point->creator)->fullname }}
                                                            </td>

                                                            <td>
                                                                {{ $point->amount }}
                                                            </td>
                                                            <td>
                                                                <div
                                                                    class="badge badge-success badge-md text-bold-700 text-white mr-1 mb-1">
                                                                    {{ $point->points }}</div>
                                                            </td>
                                                            <td>
                                                                {{ trans('dashboard.point.point_statuses.' . $point->status) }}
                                                            </td>
                                                            <td>
                                                                {{ trans('dashboard.point.used_statuses.' . $point->is_used) }}
                                                            </td>
                                                            <td>
                                                                {{ trans('dashboard.point.reasons.' . $point->reason) }}
                                                            </td>
                                                            <td>
                                                                <div
                                                                    class="badge badge-violet badge-primary badge-md mr-1 mb-1">
                                                                    {{ $point->created_at->format('Y-m-d') }}</div>
                                                            </td>

                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="d-flex justify-content-center">
                                            {!! $points->links() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{-- wallet transactions --}}
                            {{-- <div role="tabpanel" class="tab-pane" id="wallet-fill" aria-labelledby="wallet-tab-fill" --}}
                            {{-- aria-expanded="true"> --}}
                            {{-- <div class="card border-info"> --}}
                            {{-- <div class="card-body"> --}}
                            {{-- <div class="d-flex justify-content-center"> --}}
                            {{-- {!! $wallet_transactions->links() !!} --}}
                            {{-- </div> --}}
                            {{-- <div class="card-datatable table-responsive"> --}}
                            {{-- <table class="datatables-custom-without-title table table-hover-animation" --}}
                            {{-- id="wallet"> --}}
                            {{-- <thead> --}}
                            {{-- <tr class="text-center"> --}}
                            {{-- <th>#</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.transaction_number') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.transfer_to') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.transfer_from') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.added_by') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.transaction_type') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.amount') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.from_user_wallet_before') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.from_user_wallet_after') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.to_user_wallet_before') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.to_user_wallet_after') !!}</th> --}}
                            {{-- <th>{!! trans('dashboard.wallet_transaction.transaction_date') !!}</th> --}}
                            {{-- </tr> --}}
                            {{-- </thead> --}}
                            {{-- <tbody class="text-center"> --}}
                            {{-- @foreach ($wallet_transactions as $wallet_transaction) --}}
                            {{-- <tr class="{{ $wallet_transaction->id }} text-center"> --}}
                            {{-- <td>{{ $loop->iteration }}</td> --}}
                            {{-- <td>{{ $wallet_transaction->id }}</td> --}}
                            {{-- <td> --}}
                            {{-- @if ($wallet_transaction->transfer_to_id != $client->id && !in_array($wallet_transaction->transferTo->user_type, ['admin', 'superadmin'])) --}}
                            {{-- <a href="{{ route('dashboard.'.$wallet_transaction->transferTo->user_type.'.show',$wallet_transaction->transfer_to_id) }}"> --}}
                            {{-- {{ optional($wallet_transaction->transferTo)->fullname }} --}}
                            {{-- </a> --}}
                            {{-- @else --}}
                            {{-- {{ optional($wallet_transaction->transferTo)->fullname }} --}}
                            {{-- @endif --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- @if ($wallet_transaction->transfer_from_id != $client->id && !in_array($wallet_transaction->transferFrom->user_type, ['admin', 'superadmin'])) --}}
                            {{-- <a href="{{ route('dashboard.'.$wallet_transaction->transferFrom->user_type.'.show',$wallet_transaction->transfer_from_id) }}"> --}}
                            {{-- {{ optional($wallet_transaction->transferFrom)->fullname }} --}}
                            {{-- </a> --}}
                            {{-- @else --}}
                            {{-- {{ optional($wallet_transaction->transferFrom)->fullname }} --}}
                            {{-- @endif --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- {{ optional($wallet_transaction->addedBy)->fullname ?? trans('dashboard.wallet_transaction.system') }} --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge {{ $wallet_transaction->transaction_type == 'withdrawal' ? 'badge-danger' : 'badge-info' }} text-bold-700 badge-md mr-1 mb-1"> --}}
                            {{-- {{ trans('dashboard.wallet_transaction.transaction_types.'.$wallet_transaction->transaction_type) }} --}}
                            {{-- </div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-info text-bold-700 badge-md mr-1 mb-1">{{ $wallet_transaction->amount }}</div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-success badge-md mr-1 mb-1">{{ $wallet_transaction->from_user_wallet_before }}</div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-success badge-md mr-1 mb-1">{{ $wallet_transaction->from_user_wallet_after }}</div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-success badge-md mr-1 mb-1">{{ $wallet_transaction->to_user_wallet_before }}</div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-success badge-md mr-1 mb-1">{{ $wallet_transaction->to_user_wallet_after }}</div> --}}
                            {{-- </td> --}}
                            {{-- <td> --}}
                            {{-- <div class="badge badge-primary badge-md mr-1 mb-1">{{ optional($wallet_transaction->created_at)->format("Y-m-d") }}</div> --}}
                            {{-- </td> --}}

                            {{-- </tr> --}}
                            {{-- @endforeach --}}
                            {{-- </tbody> --}}
                            {{-- </table> --}}
                            {{-- </div> --}}
                            {{-- </div> --}}
                            {{-- </div> --}}
                            {{-- </div> --}}

                            <div role="tabpanel" class="tab-pane" id="report-fill" aria-labelledby="report-tab-fill"
                                aria-expanded="true">
                                <div class="card border-info">
                                    <div class="card-datatable table-responsive">
                                        <table class="table table-bordered datatable-new-ajax table-hover-animation"
                                            id="report">
                                            <thead>
                                                <tr class="text-center">
                                                    <th>#</th>
                                                    <th>{!! trans('dashboard.report.number') !!}</th>
                                                    <th>{!! trans('dashboard.report.reason') !!}</th>
                                                    <th>{!! trans('dashboard.report.client') !!}</th>
                                                    <th>{!! trans('dashboard.general.added_date') !!}</th>
                                                </tr>
                                            </thead>
                                            <tbody class="text-center">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade " id="notifications" aria-labelledby="points-tab">
                                <div class="card-body">
                                    <div class="d-flex justify-content-center">
                                        {!! $notifications->links() !!}
                                    </div>
                                    <div class="card-datatable table-responsive">
                                        <table class="datatables-custom-without-title table table-hover-animation"
                                            data-title="" data-create_title="" data-create_link="">
                                            <thead>
                                                <tr class="text-center">
                                                    <th>#</th>
                                                    <th>{{ trans('dashboard.notification.notification') }}</th>
                                                    <th>{{ trans('dashboard.notification.sender') }}</th>
                                                    <th>{{ trans('dashboard.general.read_at') }}</th>
                                                    <th>{{ trans('dashboard.general.added_date') }}</th>
                                                    {{-- <th><i class="feather icon-zap"></i></th> --}}
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($notifications as $notification)
                                                    @php
                                                        $data_title = '';
                                                        if (isset($notification->data['title'])) {
                                                            if (!is_array($notification->data['title'])) {
                                                                $data_title = trans($notification->data['title']);
                                                            } elseif (isset($notification->data['title'][1])) {
                                                                $data_title = trans($notification->data['title'][0], $notification->data['title'][1]);
                                                            } elseif (!isset($notification->data['title'][1])) {
                                                                $data_title = trans($notification->data['title'][0]);
                                                            } else {
                                                                $data_title = '';
                                                            }
                                                        }
                                                        $body = '';
                                                        if (isset($notification->data['body'])) {
                                                            if (!is_array($notification->data['body'])) {
                                                                $body = trans($notification->data['body']);
                                                            } elseif (isset($notification->data['body'][1])) {
                                                                $body = trans($notification->data['body'][0], $notification->data['body'][1]);
                                                            } elseif (!isset($notification->data['body'][1])) {
                                                                $body = trans($notification->data['body'][0]);
                                                            } else {
                                                                $body = '';
                                                            }
                                                        }
                                                    @endphp
                                                    <tr class="{{ $notification->id }} text-center">
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td class="product-img sorting_1">
                                                            <div class="font-medium-1"><a
                                                                    href="{{ route('dashboard.notification.show', $notification->id) }}">{{ $data_title }}</a>
                                                            </div>
                                                            <div class="text-muted">
                                                                {{ str_limit($body, 100, ' ...') }}</div>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex justify-content-center">
                                                                {!! isset($notification->data['sender']) ? json_decode($notification->data['sender'])->fullname : trans('dashboard.notification.not_found') !!}
                                                            </div>
                                                        </td>

                                                        <td>
                                                            @if ($notification->read_at)
                                                                <div class="badge badge-success badge-md mr-1 mb-1">
                                                                    {{ $notification->read_at->isoFormat('D MMMM , Y ( h:mm a )') }}
                                                                </div>
                                                            @else
                                                                <div class="badge badge-warning badge-md mr-1 mb-1">
                                                                    <i data-feather="eye-off" class="font-medium-1"></i>
                                                                </div>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <div class="badge badge-primary badge-md mr-1 mb-1">
                                                                {{ $notification->created_at->format('Y-m-d') }}</div>
                                                        </td>
                                                        {{-- <td class="text-center font-medium-1">
                                                        <a href="{{ route('dashboard.user.not',[ 'id' => $notification->id ,'' => $client->id]) }}" class="text-success mr-2">
                                                            <i data-feather="monitor" title="{!! trans('dashboard.general.show') !!}" class="font-medium-3"></i>
                                                        </a>
                                                    </td> --}}
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="d-flex justify-content-center">
                                        {!! $notifications->links() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-12 order-3">

                        <div class="card border-info">
                            <div class="card-header">
                                <h4 class="card-title">{!! trans('dashboard.user.wallet') !!}</h4>
                            </div>
                            <div class="card-content">

                                <div class="card-body">
                                    <div class="col-12">
                                        <label>{!! trans('dashboard.user.total_wallet') !!}</label>
                                        <div class="input-group">
                                            {!! Form::text('total_wallet', $client->total_wallet, ['class' => 'form-control total_wallet','disabled', 'id' => 'total_wallet', 'placeholder' => trans('dashboard.user.total_wallet')]) !!}
                                           
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label>{!! trans('dashboard.user.debt_wallet') !!}</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control dept_wallet" name="dept_wallet" aria-describedby="button-addon4"
                                                value="{{ optional($client->financialRecord)->dept_wallet }}">
                                                @if (auth()->user()->hasPermissions('client', 'wallet'))
                                                <div class="input-group-append" id="button-addon4">
                                                    <a href="javascript:void(0)"
                                                        onclick="updateUserWallet('{{ $client->id }}' , 'dept_wallet')"
                                                        class="btn btn-outline-primary"><i data-feather="refresh-ccw"
                                                            class="feather icon-refresh-cw"></i></a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <label>{!! trans('dashboard.user.main_wallet') !!}</label>
                                        <div class="input-group">
                                            {!! Form::text('wallet', $client->wallet, ['class' => 'form-control main_wallet' , 'aria-describedby' => 'button-addon3',  'placeholder' => trans('dashboard.user.wallet_value')]) !!}
                                            @if (auth()->user()->hasPermissions('client', 'wallet'))
                                            <div class="input-group-append" id="button-addon3">
                                                <a href="javascript:void(0)"
                                                    onclick="updateUserWallet('{{ $client->id }}' , 'main_wallet')"
                                                    class="btn btn-outline-primary"><i data-feather="refresh-ccw"
                                                        class="feather icon-refresh-cw"></i></a>
                                            </div>
                                        @endif
                                        </div>
                                    </div>

                                  

                                    <div class="col-12">
                                        <label>{!! trans('dashboard.user.free_wallet_balance') !!}</label>
                                        <div class="input-group">
                                            {!! Form::text('free_wallet_balance', optional($client->financialRecord)->free_balance, ['class' => 'form-control user_wallet free_balance' , 'aria-describedby' => 'button-addon2', 'placeholder' => trans('dashboard.user.free_wallet_balance')]) !!}

                                            @if (auth()->user()->hasPermissions('client', 'wallet'))
                                                <div class="input-group-append" id="button-addon2">
                                                    <a href="javascript:void(0)"
                                                        onclick="updateUserWallet('{{ $client->id }}' , 'free_balance')"
                                                        class="btn btn-outline-primary"><i data-feather="refresh-ccw"
                                                            class="feather icon-refresh-cw"></i></a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card border-info">
                            <div class="card-body">
                                <h5>{!! trans('dashboard.client.other_clients') !!}</h5>
                                @forelse ($other_clients as $other_client)
                                    <div class="d-flex justify-content-start align-items-center mt-2">
                                        <div class="avatar mr-75">
                                            <img src="{{ $other_client->avatar }}"
                                                alt="{{ mb_substr($other_client->fullname, 0, 2, 'UTF-8') }}"
                                                alt="avatar" height="40" width="40" />
                                            <span class="avatar-status-busy avatar-status-md"
                                                id="online_{{ $other_client->id }}"></span>
                                        </div>
                                        <div class="profile-user-info">
                                            <h6 class="mb-0">{{ $other_client->fullname }}</h6>
                                            <small class="text-muted">{{ $other_client->clientOrders->count() }}
                                                <span><i class="icofont-cart-alt icofont-1x"></i></span></small>
                                        </div>
                                        <a href="{!! route('dashboard.client.show', $other_client->id) !!}" class="btn btn-primary btn-icon btn-sm ml-auto">
                                            <i data-feather="monitor"></i>
                                        </a>
                                    </div>
                                @empty
                                    <div class="media font-weight-semibold border-0 py-2 justify-content-center">
                                        {!! trans('dashboard.client.no_clients') !!}</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>

            </section>
            <!--/ profile info section -->
        </div>

    </div>
    @include('dashboard.layout.notify_modal')
    @include('dashboard.client.refuse_health_data_modal')

@endsection

@section('vendor_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/responsive.bootstrap4.min.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/buttons.bootstrap4.min.css">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/rowGroup.bootstrap4.min.css">
@endsection
@section('page_styles')
    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/pages/page-profile.css">

    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/pages/card-analytics.css">

    <link rel="stylesheet" type="text/css"
        href="{{ asset('dashboardAssets') }}/css/{{ LaravelLocalization::getCurrentLocaleDirection() }}/pages/data-list-view.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />

    <style media="screen">
        div.dt-buttons {
            float: left;

        }

    </style>
@endsection

@section('vendor_scripts')
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/datatables.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/buttons.bootstrap.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/tables/datatable/datatables.bootstrap4.min.js"></script>

    <script src="{{ asset('dashboardAssets') }}/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.js"></script>
    <script src="{{ asset('dashboardAssets') }}/vendors/js/pickers/pickadate/picker.date.js"></script>
@endsection

@section('page_scripts')
    <!-- BEGIN: Page JS-->
    <script src="{{ asset('dashboardAssets') }}/js/scripts/pages/page-profile.js"></script>
    <!-- END: Page JS-->

    {{-- <script src="{{ asset('dashboardAssets') }}/js/scripts/forms/select/form-select2.js"></script> --}}
    <script src="{{ asset('dashboardAssets') }}/js/scripts/tables/table-datatables-basic.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
    <script>
        $(function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });



        function updateUserWallet(userId , walletType) {
            var wallet = $('.' +walletType).val();
            var btn = $('.btn_change_wallet');
            $.ajax({
                url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/update_user_wallet') }}/" + userId,
                method: "POST",
                dataType: "json",
                global: false,
                data: {
                    free_wallet_balance: wallet,
                    main_wallet : wallet ,
                    dept_wallet : wallet ,
                    wallet_type: walletType,
                    _token: "{{ csrf_token() }}"
                },
                beforeSend: function(xhr) {
                    btn.html(
                        '<div class="spinner-border text-success spinner-border-sm" role="status"><span class="sr-only">Loading...</span></div>'
                    );
                },
                success: function(data) {
                    if (data['value'] == 1) {
                        btn.html('<i class="feather icon-refresh-cw"></i>');
                        toastr.success(data['message'], '', {
                            "progressBar": true
                        });
                        $(function() {
                            $('#total_wallet').val(data['amount']);
                        });
                    } else {
                        btn.html('<i class="feather icon-refresh-cw"></i>');
                        toastr.danger(data['message'], '', {
                            "progressBar": true
                        });
                    }
                }
            }).fail(function(data) {
                btn.html('<i class="feather icon-refresh-cw"></i>');
                $.each(data.responseJSON.errors, function(index, val) {
                    toastr.error(val, '', {
                        "progressBar": true
                    });
                });
            });
        }

        function refuseUserHealthStatus() {
            var client_id = $('#refuse_health_reason_modal input[name=client_id]').val();
            var refuse_reason = $('#refuse_health_reason_modal textarea[name=refuse_health_reason]');
            var refuse_reason_val = refuse_reason.val();
            var accept_btn = $('.accept_health_btn_' + client_id);
            var refuse_btn = $('.refuse_health_btn_' + client_id);
            var input_text = $('#health_status input[name=is_with_special_needs]');
            $.ajax({
                url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/user_health_status_data') }}/" +
                    client_id,
                method: "POST",
                dataType: "json",
                data: {
                    _token: '{{ csrf_token() }}',
                    refuse_reason: refuse_reason_val
                },
                success: function(data) {
                    if (data['value'] == 1) {
                        toastr.success('{{ trans('dashboard.messages.success_update') }}', '', {
                            "progressBar": true
                        });
                    } else {
                        toastr.danger('{{ trans('dashboard.messages.success_update') }}', '', {
                            "progressBar": true
                        });
                    }
                    $('#refuse_health_data_modal').modal('hide');
                    input_text.val(data.text);
                    accept_btn.attr('disabled', data.accept_btn);
                    refuse_btn.attr('disabled', data.refuse_btn);
                    refuse_reason.val('')
                }
            });
        }
        // Health Status
        function acceptDriverHealthData(client_id) {
            var accept_btn = $('.accept_health_btn_' + client_id);
            var refuse_btn = $('.refuse_health_btn_' + client_id);
            var input_text = $('#health_status input[name=is_with_special_needs]');
            $.ajax({
                url: "{{ LaravelLocalization::localizeUrl('dashboard/ajax/user_health_status_data') }}/" +
                    client_id,
                method: "POST",
                dataType: "json",
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(data) {
                    if (data['value'] == 1) {
                        toastr.success('{{ trans('dashboard.messages.success_update') }}', '', {
                            "progressBar": true
                        });
                    } else {
                        toastr.danger('{{ trans('dashboard.messages.success_update') }}', '', {
                            "progressBar": true
                        });
                    }
                    input_text.val(data.text);
                    accept_btn.attr('disabled', data.accept_btn);
                    refuse_btn.attr('disabled', data.refuse_btn);
                }
            });
        }

        function openRefuseDriverHealthData(client_id) {
            var client_id = $('#refuse_health_reason_modal input[name=client_id]').val(client_id);
            $('#refuse_health_data_modal').modal('show');
        }
    </script>

@endsection