@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">

            <div class="row titlepad publsih-sticky">
                <div class="col-md-12">
                    <div class="mt-3 mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            <h4> {{ isset($user->name) ? $user->name : '' }} </h4>
                            <p class="page-sub-head">{{ __('admin.view_edit_customer') }}</p>
                        </div>
                        <div class="col-md-4 text-sm-right mt-2">
                            {{-- <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-primary"><i class="fa fa-check-square-o"></i> {{ __('admin.submit') }}</a> --}}
                            <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                    class="fa fa-chevron-circle-left"></i> {{ __('static.cancel') }}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="card package-section cc-section mt-3">
                        <div class="row">
                            <div class="col-4">
                                <div class="cc-image position-relative">
                                    <img
                                        src="{{ isset($user->user_profile) ? $user->user_profile : asset('admin-assets/img/makeup-circle-1.jpg') }}" />
                                </div>
                            </div>
                            <div class="col-8 pl-0">
                                <h5>{{ isset($user->name) ? ucfirst($user->name) : '' }}</h5>
                                <div class="grid-status">
                                    <span
                                        class="badge bad-status {{ $user->status == App\Helpers\ConstantHelper::ACTIVE ? 'badge-success' : 'badge-danger' }} ">{{ isset($user->status) ? ucfirst($user->status) : '' }}</span>
                                </div>
                            </div>
                            <div class="col-4 pack-details">
                                <p>{{ __('admin.gender') }}</p>
                                <h5>{{ isset($user->userDetail->gender) ? ucfirst($user->userDetail->gender) : '' }}</h5>
                            </div>
                            <div class="col-4 pack-details">
                                <p>{{ __('admin.nationality') }}</p>
                                <h5>
                                    {{ isset($user->nationality->name_en) ? ucfirst($user->nationality->name_en) : '' }}
                                </h5>
                            </div>
                            <div class="col-4 pack-details">
                                <p>{{ __('admin.total_bookings') }}</p>
                                <h5>{{ $user->orders->count() }}</h5>
                            </div>

                            <div class="col-md-12">
                                <h5 class="text-black mt-2">{{ __('admin.booking_history') }}</h5>

                                <div class="mt-2">
                                    <div class="dashbed-border-bottom"></div>
                                </div>


                                <div class="row mt-1">
                                    <div class="col-4">
                                        <h4 class="dashTitle font-weight-light text-info">{{ $upcomingCount }}</h4>
                                        <div class="dot-blue">{{ __('admin.upcoming') }}</div>
                                    </div>
                                    <div class="col-4">
                                        <h4 class="dashTitle font-weight-light text-success">{{ $completedCount }}</h4>
                                        <div class="dot-blue">{{ __('admin.completed') }}</div>
                                    </div>
                                    <div class="col-4">
                                        <h4 class="dashTitle font-weight-light text-danger">{{ $cancelledCount }}</h4>
                                        <div class="dot-blue">{{ __('admin.cancelled') }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-8">
                    <div id="accordion" class="accordion accordion-app mt-3">
                        <div class="card mb-1">
                            <div class="card-header" data-toggle="collapse" href="#detail">
                                <a href="#" class="card-title text-black">{{ __('admin.customer_details') }} </a>
                            </div>
                            <div id="detail" class="card-body collapse show" data-parent="#accordion">
                                <div class="row mb-2">
                                    <div class="col-md-2">
                                        <label class="logCheck mb-3">
                                            {{ __('admin.active') }}
                                            <input type="radio" name="status" value="active"
                                                {{ $user->status == App\Helpers\ConstantHelper::ACTIVE ? 'checked' : '' }}
                                                onclick="updateStatus('active')">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="logCheck mb-0">
                                            {{ __('admin.inactive') }}
                                            <input type="radio" name="status" value="inactive"
                                                {{ $user->status == App\Helpers\ConstantHelper::IN_ACTIVE ? 'checked' : '' }}
                                                onclick="updateStatus('inactive')">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="loa-detail-labelw">
                                    <div class="row">

                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('label.email_id') }}
                                                    <i
                                                        class="{{ $user->email_verified_at != null ? 'iconly-boldShield-Done text-success' : 'iconly-boldDanger text-warning' }}"></i></label>
                                                <p class="mt-0">{{ isset($user->email) ? $user->email : '' }}</p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.mobile_no') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($user->mobileCode->dial_code) ? $user->mobileCode->dial_code : '' }}
                                                    {{ isset($user->mobile_number) ? $user->mobile_number : '' }}</p>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.date_of_registration') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($user->created_at) ? Modules\Admin\Helpers\GeneralHelper::dateFormat($user->created_at) : '-' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">National Id Number</label>
                                                <p class="mt-0">
                                                    {{ isset($user->userDetail->national_id_number) ? $user->userDetail->national_id_number : '' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-4">
                                            <div class="form-group">
                                                <label class="mb-0">Gender</label>
                                                <p class="mt-0">
                                                    {{ isset($user->userDetail->gender) ? ucwords($user->userDetail->gender) : '' }}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label class="mb-0">{{ __('admin.address') }}</label>
                                                <p class="mt-0">
                                                    {{ isset($user->userDetail->address) ? $user->userDetail->address : '' }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card mb-1">
                            <div class="card-header collapsed" data-toggle="collapse" href="#Orders">
                                <a href="#" class="card-title text-black">{{ __('admin.booking_summary') }} </a>
                            </div>
                            <div id="Orders" class="card-body collapse" data-parent="#accordion">

                                <div class="loa-detail-labelw">
                                    <div class="row">
                                        <div class="col-md-12">

                                            <div class="table-responsive bg-white">
                                                <table class="table table-striped table-bordered admintable border-0"
                                                    cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>{{ __('admin.booking_no') }}</th>
                                                            <th>{{ __('admin.time_slot') }}</th>
                                                            <th>{{ __('admin.service') }}</th>
                                                            <th>{{ __('admin.type') }}</th>
                                                            <th>{{ __('admin.amount') }}</th>
                                                            <th>{{ __('admin.status') }}</th>
                                                            <th>{{ __('admin.action') }}</th>
                                                        </tr>

                                                        @forelse ($orders as $Key => $order)
                                                            <tr>
                                                                <td>{{ $Key + 1 }}</td>
                                                                <td>{{ isset($order->order_no) ? $order->order_no : '' }}
                                                                </td>
                                                                <td>{{ isset($order->date) ? Modules\Admin\Helpers\GeneralHelper::dateFormat($order->date) : '-' }}
                                                                    <br><span class="badge badge-secondary">
                                                                        {{ date('h:i A', strtotime($order->start_time)) }}
                                                                        to
                                                                        {{ date('h:i A', strtotime($order->end_time)) }}</span>
                                                                </td>
                                                                <td>
                                                                    @php
                                                                        $serviceNames = $order->services->pluck('name_en')->implode(', ');
                                                                    @endphp
                                                                    <span
                                                                        class="badge {{ $serviceNames ? 'badge-info' : 'badge-danger' }}">{{ $serviceNames ? $serviceNames : 'NA' }}</span>
                                                                </td>
                                                                <td><span
                                                                        class="badge badge-primary">{{ isset($order->serviceType->service_en) ? ucfirst($order->serviceType->service_en) : '' }}</span>
                                                                </td>
                                                                <td>${{ $order->total_paid }}</td>
                                                                <td><span
                                                                        class="badge">{{ $order->status ? ucwords(str_replace('_', ' ', $order->status)) : '' }}</span>
                                                                </td>
                                                                <td>
                                                                    <div class="dropdown">
                                                                        <a class="admintabledrop" data-toggle="dropdown"
                                                                            href="#" aria-expanded="true">
                                                                            <img src="{{ asset('admin-assets/img/dot.svg') }}"
                                                                                class="editbtn">
                                                                        </a>
                                                                        <div
                                                                            class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right">
                                                                            <ul>
                                                                                @if (Auth::user()->hasPermission('admin.customers.show'))
                                                                                    <li><a
                                                                                            href="{{ url('admin/customers/order-datails/' . $order->id) }}"><i
                                                                                                class="fa fa-eye"></i>{{ __('admin.view_details') }}</a>
                                                                                    </li>
                                                                                @endif
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr>
                                                                <td colspan="8">
                                                                    <p>
                                                                        <center class="text-danger">
                                                                            {{ __('admin::message.no_records_found') }}
                                                                        </center>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        @endforelse
                                                    </tbody>
                                                </table>
                                                {{-- Pagination --}}
                                                {{ $orders->appends(request()->input())->links('admin::partials.pagination') }}
                                                {{-- Pagination End --}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card mb-1">
                            <div class="card-header collapsed" data-toggle="collapse" href="#Documents">
                                <a href="#" class="card-title text-black">{{ __('admin.documents') }}</a>
                            </div>
                            <div id="Documents" class="card-body collapse" data-parent="#accordion">
                                <div class="loa-detail-labelw">
                                    <div class="row">
                                        <div class="col-md-12">

                                            <div class="table-responsive">
                                                <table class="table table-striped table-bordered admintable border-0"
                                                    cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <th>{{ __('admin.sr_no') }}</th>
                                                            <th>{{ __('admin.doc_name') }}</th>
                                                            <th>{{ __('admin.view') }}</th>
                                                        </tr>
                                                    </tbody>
                                                    <tbody>
                                                            <tr>
                                                                <td>1</td>
                                                                <td>National ID Front Image </td>
                                                                <td>
                                                                    @if (isset($user->national_id_front_image))
                                                                        <a href="{{ $user->national_id_front_image }}"
                                                                            target="_blank">
                                                                            <img src="{{ $user->national_id_front_image }}"
                                                                                height="70px" />
                                                                        </a>
                                                                    @endif
                                                            </tr>
                                                            <tr>
                                                                <td>2</td>
                                                                <td>National ID Back Image</td>
                                                                <td>
                                                                    @if (isset($user->national_id_back_image))
                                                                        <a href="{{ $user->national_id_back_image }}"
                                                                            target="_blank">
                                                                            <img src="{{ $user->national_id_back_image }}"
                                                                                height="70px" />
                                                                        </a>
                                                                    @endif
                                                            </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
    <script>
        function updateStatus(status) {
            $.ajax({
                url: "{{ url('api/admin/business-users/update-status') }}",
                type: 'POST',
                cache: true,
                data: {
                    'status': status,
                    'id': '{{ $user->id }}',
                },
                datatype: 'html',
                success: function(response) {
                    Swal.fire(
                        "Success!",
                        response.message,
                        "succes"
                    );

                    setTimeout(function() {
                        location.reload();
                    }, 2200);
                }
            });
        }
    </script>
@endsection