@extends('layouts.admin')
@section('style')
<style>
    input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
</style>
@endsection
@section('content')

<!-- Start Content-->
<div class="container-fluid">

    <!-- start page title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="profile-bg-picture" style="background-image: url({{ asset('assets/images/bg-profile.jpg') }}); background-position: bottom;"></div>
            <div class="p-sm-3 p-0 profile-user">
                <div class="row g-2">
                    <div class="col-lg-3  d-none d-lg-block">
                        <div class="profile-user-img p-2 text-start">
                            <img src="{{ $customer->image }}" alt="" class="img-thumbnail avatar-lg rounded">
                        </div>
                        <div class="text-start p-1 pt-2">
                            <h4 class=" fs-17 ellipsis">{{ $customer->name }}</h4>


                            <div class="d-flex pt-3 align-items-center justify-content-center flex-xl-nowrap flex-lg-wrap justify-content-md-start">

                                @if ($customer->email_verified_at)
                                <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"  data-message="{{ __('messages.Are you sure you want to deactivate this user\'s account?') }}" data-url="{{ route('admin.users.actions.inactive' , $customer->id) }}"  class="btn btn-soft-info mt-1 btn-action" href="#">
                                    <i class="mdi mdi-close-thick"></i>
                                    {{ __('messages.Deactivate the account') }}
                                </button>
                                @else
                                <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"  data-message="{{ __('messages.Are you sure to activate this user\'s account?') }}" data-url="{{ route('admin.users.actions.active' , $customer->id) }}" class="btn btn-soft-info mt-1 btn-action" href="#">
                                    <i class="mdi mdi-check-bold"></i>
                                    {{ __('messages.Activate the account') }}
                                </button>
                                @endif



                                @if ($customer->is_block)
                                    <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"  data-message="{{ __('messages.Are you sure to unblock this user?') }}" data-url="{{ route('admin.users.actions.unblock' , $customer->id) }}" type="button" class="btn btn-soft-danger me-sm-2 mt-1 btn-action mx-2">
                                        <i class="mdi mdi-account-lock-open"></i>
                                        {{ __('messages.Remove ban') }}
                                    </button>
                                @else
                                <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"  data-message="{{ __('messages.Are you sure you blocked this user?') }}" data-url="{{ route('admin.users.actions.block' , $customer->id) }}" type="button" class="btn btn-soft-danger me-sm-2 mt-1 btn-action mx-2">
                                    <i class="mdi mdi-block-helper"></i>

                                    {{ __('messages.Ban') }}
                                </button>
                                @endif



                            </div>


                        </div>
                        <div class="pt-3 ps-2">



                            <p class="text-muted mb-2 font-13"><strong>{{ __('messages.Register Date') }} : </strong> <span class="ms-2">
                                {{ date('Y-m-d' ,strtotime($customer->created_at) ) }}
                            </span></p>

                            <p class="text-muted mb-2 font-13"><strong>{{ __("messages.Account activation date") }} : </strong> <span class="ms-2">
                                @if ($customer->email_verified_at)
                                    {{ date('Y-m-d' ,strtotime( $customer->email_verified_at)) }}
                                @else
                                <span class="badge bg-danger-subtle text-danger badge_font_size rounded-pill">{{ __('messages.Inactive') }}</span>
                                @endif

                            </span></p>


                            <p class="text-muted mb-2 font-13"><strong>{{ __('messages.Number of conversations') }} : </strong> <span class="ms-2">
                                {{$customer->chats_customer_count}}
                            </span></p>


                            <p class="text-muted mb-2 font-13"><strong>{{ __('messages.Number of ads') }} : </strong> <span class="ms-2">
                                {{$customer->ads_count}}
                            </span></p>


                        </div>


                    </div>

                    <div class="col-lg-9 bg-light-subtle">
                        <div class="profile-content">
                            <div class="nav nav-pills nav-justified gap-0 p-3 text-center" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                </li>
                                <li class="nav-item mt-2 "><a class="nav-link fs-5 p-2 @if(!$errors->any() &&  !request('page')) active @endif" data-bs-toggle="tab" data-bs-target="#aboutme" type="button" role="tab" aria-controls="home" aria-selected="true" href="#aboutme">{{ __("messages.Information") }}</a>
                                </li>

                                <li class="nav-item mt-2"><a class="nav-link fs-5 p-2 @if($errors->any()) active @endif" data-bs-toggle="tab" data-bs-target="#edit-profile" type="button" role="tab" aria-controls="home" aria-selected="true" href="#edit-profile">{{ __("messages.Edit") }}</a></li>






                            </div>

                            <div class="tab-content m-0 p-2 p-sm-4 " id="v-pills-tabContent">

                                <div class="tab-pane  @if(!$errors->any() && !request('page')) active @endif" id="aboutme" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                                    <div class="profile-desk">


                                        <h5 class="mt-4 fs-17 text-dark">{{ __('messages.Contact Information') }}</h5>
                                        <table class="table table-condensed table-bordered mb-0 border-top table-striped">
                                            <tbody>
                                                <tr>
                                                    <th scope="row">{{ __("messages.Email") }}</th>
                                                    <td>
                                                        <a href="mailto:{{ $customer->email }}" class="ng-binding">
                                                            {{ $customer->email }}
                                                        </a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">{{ __("messages.Mobile") }}</th>
                                                    <td>
                                                        {{ $customer->mobile }}
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <th scope="row">{{ __("messages.Country") }}</th>
                                                    <td class="ng-binding">
                                                        @php
                                                        $customer_country_code = $customer->code_country
                                                    @endphp
                                                    @if (app()->getLocale() == "ar")
                                                        {{ $customer_country_code }} - {{ $countries_codes->$customer_country_code->name_ar }}
                                                        <img src="{{ asset('assets/flags/24x24/'.strtolower($countries_codes->$customer_country_code->alpha_2) . '.png') }}">

                                                    @else
                                                    {{ $customer_country_code }} - {{ $countries_codes->$customer_country_code->name_en }}
                                                     <img src="{{ asset('assets/flags/24x24/'.strtolower($countries_codes->$customer_country_code->alpha_2) . '.png') }}">
                                                    @endif
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div> <!-- end profile-desk -->
                                </div> <!-- about-me -->


                                <!-- settings -->
                                <div id="edit-profile" class="tab-pane  @if($errors->any()) active @endif">
                                    <div class="user-profile-content">
                                        <form action="{{ route('admin.users.actions.update' , $customer->id) }}" method="POST">
                                            <input type="hidden" name="points" value="0">
                                            @csrf
                                            <div class="row row-cols-sm-2 row-cols-1">
                                                <div class="mb-2">
                                                    <label class="form-label" for="FullName">{{ __("messages.Name") }} <span class="text-danger">*</span></label>
                                                    <input type="text" name="name"  value="{{ old('name' , $customer->name)  }}" id="FullName" class="form-control @error('name') is-invalid @enderror">
                                                    @error('name')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label" for="Email">{{ __("messages.Email") }} <span class="text-danger">*</span></label>
                                                    <input type="email" name="email" value="{{ old('email' , $customer->email) }}" id="Email" class="form-control @error('email') is-invalid @enderror">
                                                    @error('email')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label">{{ __("messages.Country code") }} <span class="text-danger">*</span></label>
                                                    <select name="code_country" class="form-select select2 @error('code_country') is-invalid @enderror" data-toggle="select2" id="example-select">
                                                        <option value="">--------</option>
                                                        @foreach ( $countries_codes as $key=>$value)
                                                            <option @selected($customer->code_country == $key || old('code_country') == $key) value="{{ $key }}">{{  app()->getLocale()=="ar" ?  $value->name_ar : $value->name_en }} (  {{ $key }}+ )</option>
                                                        @endforeach
                                                    </select>
                                                    @error('code_country')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label" for="mobile">{{ __("messages.Mobile") }} <span class="text-danger">*</span></label>
                                                    <input type="number" name="mobile" value="{{ old('mobile' , $customer->mobile) }}" id="mobile" class="form-control @error('mobile') is-invalid @enderror">
                                                    @error('mobile')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <div class="mb-3">
                                                    <label class="form-label" for="Password">{{ __("messages.Password") }} <small style="color: #0000009e">({{ __('messages.If you don\'t want to modify the password, leave it blank') }})</small> </label>
                                                    <input type="password" name="password"  id="Password" class="form-control @error('password') is-invalid @enderror">
                                                    @error('password')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label" for="RePassword">{{ __("messages.Confirm password") }}</label>
                                                    <input type="password" name="confirm_password"  id="RePassword" class="form-control @error('confirm_password') is-invalid @enderror">
                                                    @error('confirm_password')
                                                     <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                            </div>
                                            <button class="btn btn-primary" type="submit"><i class="mdi mdi-content-save-outline me-1 fs-16 lh-1"></i>{{ __("messages.Edit") }}</button>
                                        </form>
                                    </div>
                                </div>






                            </div>

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

    </div>
    <!-- --row end  -->






</div>
<!-- container -->
@include('admin.inc.modal-action')
@endsection

@section('script')
<script src="{{ asset('assets/js/requests-user.js') }}"></script>
@endsection