@extends('dashboard.layout.content')

@section('customTitle')
{{ $user?->name }}
@endsection

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/assets/css/components/tabs-accordian/custom-tabs.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-12 layout-spacing ">
                <div class="statbox widget box box-shadow">
                    <div class="widget-header">
                        <div class="row">
                            <div class="col-12">
                                <h4><i class="las la-bolt"></i> {{ __('general.quick_actions') }}</h4>
                                <h4>
                                    <a href="{{ route('dashboard.users.activate',['user' => $user->id]) }}">
                                        <button class="btn btn-success">
                                            <i class="las la-check-circle"></i> {{ __("dashboard.activate") }}
                                        </button>
                                    </a>

                                    <a href="{{ route('dashboard.users.deactivate',['user' => $user->id]) }}">
                                        <button class="btn btn-warning">
                                            <i class="las la-ban"></i> {{ __("dashboard.deactivate") }}
                                        </button>
                                    </a>
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="widget-content widget-content-area rounded-pills-icon">
                        
                        <x-tabs>
                            <x-tabs.item placeholder="{{ __('general.general_information') }}" name="general-information" icon="las la-home" />
                            
                            <x-tabs.item placeholder="{{ __('general.reservations') }}" name="reservations-information" icon="las la-bookmark" />
                            
                            <x-tabs.item placeholder="{{ __('general.tickets') }}" name="tickets-information" icon="las la-id-card" />
                            
                            <x-tabs.item placeholder="{{ __('general.notifications') }}" name="notifications-information" icon="las la-bell" />

                            {{-- <x-tabs.item placeholder="{{ __('general.financial') }}" name="financial-information" icon="las la-wallet" /> --}}
                            
                            <x-tabs.item placeholder="{{ __('general.wallet_log') }}" name="wallet_logs" icon="las la-home" />
                        </x-tab>


                        <div class="tab-content" id="rounded-pills-icon-tabContent">
                            
                            <x-tabs.pane name="general-information" cClass="row justify-content-space">
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.name') }}" value="{{ $user?->name ?? '----------' }}" icon="las la-user" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.email') }}" value="{{ $user?->email ?? '----------' }}" icon="las la-envelope" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.mobile') }}" value="{{ $user?->mobile ?? '----------' }}" icon="las la-phone-volume" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.gender') }}" value="{{ $user?->gender ?? '----------' }}" icon="las la-mars" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.country') }}" value="{{ $user?->country->name ?? '----------' }}" icon="las la-building" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.city') }}" value="{{ $user?->city->name ?? '----------' }}" icon="las la-city" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.device_type') }}" value="{{ $user?->device_type ?? '----------' }}" icon="las la-mobile" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.language') }}" value="{{ $user?->language ?? '----------' }}" icon="las la-language" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.status') }}" value="{{ $user?->is_active ?? '----------' }}" icon="las la-exclamation" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.identification_number') }}" value="{{ $user?->identification_number ?? '----------' }}" icon="las la-address-card" color="128,93,202" />
                                
                                <x-tabs.pane.item placeholder="{{ __('validation.attributes.date_of_birth') }}" value="{{ $user?->date_of_birth ?? '----------' }}" icon="las la-calendar" color="128,93,202" />
                            </x-tabs.pane>
    

                            <x-tabs.pane name="reservations-information" cClass="">
                                @include('dashboard.reservation.table.index')
                            </x-tabs.pane>

                            <div class="tab-pane fade {{ current_tab('#tickets-information') }}" id="tickets-information" role="tabpanel" aria-labelledby="tickets-information-tab">
                                <div class="col-12 layout-spacing">
                                    <div class="widget-content widget-content-area br-6">
                                        <div id="multi-column-ordering_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">

                                            @include('dashboard.ticket.table.index')

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade {{ current_tab('#notifications-information') }}" id="notifications-information" role="tabpanel" aria-labelledby="notifications-information-tab">
                                <div class="col-md-12 mb-4">
                                    <div class="statbox widget box box-shadow">
                                        <div class="widget-header mb-2">
                                            <h6>{{ __('dashboard.Send A New Notification For The User') }} :
                                                ({{ $user->name }})</h6>
                                        </div>
                                        <div class="widget-content widget-content-area rounded-pills-icon p-3">
                                            <form action="{{ route('dashboard.notifications.store', ['user' => $user->id]) }}" method="POST">
                                                @csrf
                                                <div class="form-row mb-4">
                                                    <div class="form-group col-md-12 mb-0">
                                                        <label for="notification_types">{{ __('validation.attributes.type') }}</label>
                                                        <select multiple required id="notification_types" class="form-control basic" name="notification_types[]">
                                                            <option value="onesignal">{{ __('general.notification_type.notification') }}</option>
                                                            <option value="email">{{ __('general.notification_type.email') }}</option>
                                                            <option value="sms">{{ __('general.notification_type.sms') }}</option>
                                                            <option value="database">{{ __('general.notification_type.database') }}</option>
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-12">
                                                        <label for="schedule">{{ __('dashboard.schedule') }}</label>
                                                        <input class="form-control datetimepicker" id="schedule" placeholder="{{ __('dashboard.schedule') }}" name="schedule">
                                                    </div>

                                                    <div class="col-md-12 form-group">
                                                        <label>{{ __('validation.attributes.title') }}</label>
                                                        <input type="text" class="form-control" placeholder="{{ __('validation.attributes.title') }}" name="title" value="{{ old('title') }}">
                                                    </div>

                                                    <div class="col-md-12 form-group">
                                                        <label>{{ __('validation.attributes.text') }}</label>
                                                        <textarea class="form-control" placeholder="{{ __('validation.attributes.text') }}" name="text">{{ old('text') }}</textarea>
                                                    </div>
                                                </div>

                                                <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.submit') }}">

                                            </form>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-12 layout-spacing">
                                    <div class="widget-content widget-content-area br-6">
                                        <div class="table-responsive">
                                            <table id="notificationsTable" class="table table-hover text-center">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>{{__('validation.attributes.title')}}</th>
                                                        <th>{{__('dashboard.Is Reded?')}}</th>
                                                        <th>{{__('dashboard.user_type')}}</th>
                                                        <th>{{__('validation.attributes.type')}}</th>
                                                        <th>{{__('dashboard.send date')}}</th>
                                                        <th>{{__('general.options')}}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($user->notifications as $key => $notification)
                                                    <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>{{ $notification->data["title"] ?? "" }}</td>
                                                        <td>{{ optional($notification->read_at)->diffForHumans() }}</td>

                                                        <td>
                                                            @include('dashboard.notifications.table.user_type',['data' => $notification->data])
                                                        </td>


                                                        <td>
                                                            @include('dashboard.notifications.table.notification_types',['data' => $notification->data])
                                                        </td>
                                                        <td>{{$notification->created_at->diffForHumans()}}</td>

                                                        <td>
                                                            <ul class="table-controls">
                                                                <li>
                                                                    <a href="#" class="show-notification" data-text="{{ $notification->data['text'] ?? '' }}" data-toggle="tooltip" data-placement="top" data-original-title="مشاهدة">
                                                                        <i class="las la-eye" style="color: #ffc107"></i>
                                                                    </a>
                                                                </li>

                                                                <li>
                                                                    <a href="{{ route('dashboard.notifications.edit', ['notification' => $notification->id])}}" data-toggle="tooltip" data-placement="top" data-original-title="تعديل">
                                                                        <i class="las la-edit text-success"></i>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="#" class="delete-from-form" data-toggle="tooltip" data-placement="top" data-original-title="حذف">
                                                                        <i class="las la-trash text-danger"></i>
                                                                        <form action="{{ route('dashboard.notifications.destroy', ['notification' => $notification->id]) }}" method="POST" style="display: none;">
                                                                            @method('DELETE')
                                                                            @csrf
                                                                        </form>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>{{__('validation.attributes.title')}}</th>
                                                        <th>{{__('dashboard.Is Reded?')}}</th>
                                                        <th>{{__('dashboard.user_type')}}</th>
                                                        <th>{{__('validation.attributes.type')}}</th>
                                                        <th>{{__('dashboard.send date')}}</th>
                                                        <th>{{__('general.options')}}</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="tab-pane fade {{ current_tab('#financial-information') }}" id="financial-information" role="tabpanel" aria-labelledby="financial-information-tab">
                                <div class="col-12 layout-spacing">
                                    <div class="widget-content widget-content-area br-6">
                                        <div class="table-responsive">
                                            <table class="table table-hover text-center">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>{{ __('validation.attributes.reservation_code') }}</th>
                                                        <th>{{ __('validation.attributes.price') }}</th>
                                                        <th>{{ __('validation.attributes.total_services_price') }}</th>
                                                        <th>{{ __('validation.attributes.discount_percentage') }}</th>
                                                        <th>{{ __('validation.attributes.total_amount') }}</th>
                                                        <th>{{ __('validation.attributes.vat') }}</th>
                                                        <th>{{ __('validation.attributes.vot') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($financials as $key => $financial)
                                                    <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>#{{ $financial->reservation->code }}</td>
                                                        <td>{{ $financial->price }}</td>
                                                        <td>{{ $financial->services_price }}</td>
                                                        <td>{{ $financial->discount_amount }}</td>
                                                        <td>{{ $financial->total_amount }}</td>
                                                        <td>{{ $financial->vat }}</td>
                                                        <td>{{ $financial->vot }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>{{ __('validation.attributes.reservation_code') }}</th>
                                                        <th>{{ __('validation.attributes.price') }}</th>
                                                        <th>{{ __('validation.attributes.total_services_price') }}</th>
                                                        <th>{{ __('validation.attributes.discount_percentage') }}</th>
                                                        <th>{{ __('validation.attributes.total_amount') }}</th>
                                                        <th>{{ __('validation.attributes.vat') }}</th>
                                                        <th>{{ __('validation.attributes.vot') }}</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}

                            
                            <div class="tab-pane fade {{ current_tab('#wallet_logs') }}" id="wallet_logs" role="tabpanel" aria-labelledby="wallet_logs_tab">

                                <div class="row layout-top-spacing">
                                    <div class="col-12 d-flex flex-wrap justify-content-around">
                                        <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                                            <div class="card" style="height:100px;">
                                                <div class="card-body">
                                                    <div class="content d-flex justify-content-around">
                                                        <i class="las la-bookmark" style="font-size: 50px"></i>
                                                        <div class="d-flex flex-column align-items-center">
                                                            <p>{{ __('dashboard.wallet_logs.current_balance') }}</p>
                                                            <p>{{ $current_balance }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                                            <div class="card" style="height:100px;">
                                                <div class="card-body">
                                                    <div class="content d-flex justify-content-around">
                                                        <i class="las la-bookmark" style="font-size: 50px"></i>
                                                        <div class="d-flex flex-column align-items-center">
                                                            <p>{{ __('dashboard.wallet_logs.default_balance') }}</p>
                                                            <p>{{ $default_balance }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                                            <div class="card" style="height:100px;">
                                                <div class="card-body">
                                                    <div class="content d-flex justify-content-around">
                                                        <i class="las la-bookmark" style="font-size: 50px"></i>
                                                        <div class="d-flex flex-column align-items-center">
                                                            <p>{{ __('dashboard.wallet_logs.added_amounts') }}</p>
                                                            <p>{{ $added_amounts }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="widget-content widget-content-area br-6 mb-3 p-0" style="width:24%;">
                                            <div class="card" style="height:100px;">
                                                <div class="card-body">
                                                    <div class="content d-flex justify-content-around">
                                                        <i class="las la-bookmark" style="font-size: 50px"></i>
                                                        <div class="d-flex flex-column align-items-center">
                                                            <p>{{ __('dashboard.wallet_logs.deducted_amounts') }}</p>
                                                            <p>{{ $deducted_amounts }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>                        

                                <div class="col-12 layout-spacing">
                                    <div class="widget-content widget-content-area br-6">
                                        <a href="{{ route('dashboard.wallets.create', ['user' => $user->id]) }}" target="_blank">
                                            <button class="btn btn-info">
                                                <i class="las la-check-circle"></i> {{ __('dashboard.wallet_logs.add_to_wallet') }}
                                            </button>
                                        </a>
                                            <div class="table-responsive mt-3">
                                            <table class="table table-hover text-center">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('dashboard.wallet_logs.category') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.type') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.title') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.amount') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.has_expire_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.start_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.end_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.is_charged_by_user_card') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.card_type') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.transaction_serial_number') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.note') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.status') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($wallet_logs as $wallet)
                                                    <tr>
                                                        <td>{{ $wallet->category ? __("dashboard.wallet_logs.$wallet->category") : "-----" }}</td>
                                                        <td>{{ $wallet->type ? __("dashboard.wallet_logs.$wallet->type") : "-----" }}</td>
                                                        <td>{{ $wallet->title ?? "-----" }}</td>
                                                        <td>{{ $wallet->amount ?? "-----" }}</td>
                                                        <td>{{ $wallet->has_expire_date == true ? __('general.yes') : __('general.no')}}</td>
                                                        <td>{{ $wallet->start_date ?? "-----" }}</td>
                                                        <td>{{ $wallet->end_date ?? "-----" }}</td>
                                                        <td>{{ $wallet->is_charged_by_user_card == true ? __('general.yes') : __("general.no") }}</td>
                                                        <td>{{ $wallet->card_type ?? "-----" }}</td>
                                                        <td>{{ $wallet->transaction_serial_number ?? "-----" }}</td>
                                                        <td>{{ $wallet->note ?? "-----" }}</td>
                                                        <td>{{ $wallet->status ?? "-----" }}</td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th>{{ __('dashboard.wallet_logs.category') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.type') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.title') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.amount') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.has_expire_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.start_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.end_date') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.is_charged_by_user_card') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.card_type') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.transaction_serial_number') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.note') }}</th>
                                                        <th>{{ __('dashboard.wallet_logs.status') }}</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>




                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<x-bootstrap.modal id="showModal" content-type="empty" :with-header="false" />

@endsection

@section('customScript')
<script src='{{ asset("dashboard/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("dashboard/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>
<script>
    $("#users-menu-box").attr("data-active", "true")
    $(".datetimepicker").flatpickr({
        enableTime: true,
        dateFormat: "Y-m-d H:i",
    });

    $(document).on("click",".show-notification",function(e){
        e.preventDefault();
        let text = $(this).data('text');
        $("#showModal .modal-body").html(text);
        $("#showModal").modal();
    });
</script>
@endsection