@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;
        }

        .box-img img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

        .box-img {
            height: 100px;
        }






        .box-img-modal img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

        .box-img-modal {
            height: 500px;
        }
    </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="{{ $vendor->image }}" alt="" class="img-thumbnail avatar-lg rounded">
                            </div>
                            <div class="text-start p-1 pt-2">
                                <h4 class=" fs-17 ellipsis">{{ $vendor->name }}

                                    @if ($vendor->vendor_data)
                                        @if ($vendor->vendor_data->is_approved && $vendor->vendor_data->license_work_date >= date("Y-m-d"))
                                            <i class="mdi mdi-check-decagram text-primary"></i>
                                        @endif
                                    @endif
                                </h4>


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

                                    @if ($vendor->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', $vendor->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', $vendor->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 ($vendor->vendor_data)
                                        @if ($vendor->vendor_data->is_approved)
                                            <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"
                                                data-message="{{ __('messages.Are you sure that the data is approved? It will receive a mark of authentication if the date of practicing the profession is valid') }}"
                                                data-url="{{ route('admin.vendors.data.remove_approved', $vendor->vendor_data->id) }}"
                                                class="btn btn-soft-success mt-1 btn-action" href="#">
                                                <i class="mdi mdi-close-thick"></i>
                                                {{ __('messages.Revoke data consent') }}
                                            </button>
                                        @else
                                            <button data-bs-toggle="modal" data-bs-target="#warning-alert-modal"
                                                data-message="{{ __('messages.Are you sure you want to revoke the data consent?') }}"
                                                data-url="{{ route('admin.vendors.data.approved', $vendor->vendor_data->id) }}"
                                                class="btn btn-soft-success mt-1 btn-action" href="#">
                                                <i class="mdi mdi-check-bold"></i>
                                                {{ __('messages.Data consent') }}
                                            </button>
                                        @endif
                                    @endif





                                    @if ($vendor->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', $vendor->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', $vendor->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($vendor->created_at)) }}
                                    </span>
                                </p>

                                <p class="text-muted mb-2 font-13"><strong>{{ __('messages.Account activation date') }} :
                                    </strong> <span class="ms-2">
                                        @if ($vendor->email_verified_at)
                                            {{ date('Y-m-d', strtotime($vendor->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">
                                        {{ $vendor->chats_vendor_count }}
                                    </span></p>


                                <p class="text-muted mb-2 font-13"><strong>{{ __('messages.Number of ads') }} : </strong>
                                    <span class="ms-2">
                                        {{ $vendor->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() && !request('page')) '' @endif"
                                            data-bs-toggle="tab" data-bs-target="#aboutme_data" type="button"
                                            role="tab" aria-controls="home" aria-selected="true"
                                            href="#aboutme_data">{{ __('messages.Registration data') }}</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:{{ $vendor->email }}" class="ng-binding">
                                                                {{ $vendor->email }}
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">{{ __('messages.Mobile') }}</th>
                                                        <td>
                                                            {{ $vendor->mobile }}
                                                        </td>
                                                    </tr>

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

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




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

                                            @if (!$vendor->vendor_data)
                                                <div class="text-center">
                                                    <img src="{{ asset('assets/images/empty_data.svg') }}" height="300"
                                                        width="300">
                                                </div>
                                                <div class="text-center h3 text-dark">
                                                    {{ __('messages.There are no data') }} :(
                                                </div>
                                            @else
                                                <h5 class="mt-4 fs-17 text-dark">{{ __('messages.Registration data') }}
                                                </h5>
                                                <table
                                                    class="table table-condensed table-bordered mb-0 border-top table-striped">
                                                    <tbody>
                                                        <tr>
                                                            <th scope="row">{{ __('messages.Title') }}</th>
                                                            <td>

                                                                {{ $vendor->vendor_data->title }}
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th scope="row">{{ __('messages.About him') }}</th>
                                                            <td>
                                                                {{ $vendor->vendor_data->about }}
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th scope="row">{{ __('messages.Years of Experience') }}
                                                            </th>
                                                            <td>
                                                                {{ $vendor->vendor_data->years_of_experience }}
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th scope="row">
                                                                {{ __('messages.The services it provides') }}</th>
                                                            <td>
                                                                <ul>
                                                                    @foreach ($vendor->services as $service)
                                                                        <li>
                                                                            {{ $service->name }}
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th scope="row">{{ __('messages.Location') }}</th>
                                                            <td>
                                                                {{ $vendor->vendor_data->location_text }}
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th scope="row">{{ __('messages.ID photo') }}</th>
                                                            <td>
                                                                <div class="box-img">
                                                                    <img class="image-part" data-bs-toggle="modal"
                                                                        data-bs-target="#modal_imgae_size_large"
                                                                        style="cursor: pointer"
                                                                        src="{{ asset($vendor->vendor_data->id_image) }}">
                                                                </div>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th scope="row">{{ __('messages.License') }}</th>
                                                            <td>
                                                                <div class="box-img">
                                                                    <img class="image-part" data-bs-toggle="modal"
                                                                        data-bs-target="#modal_imgae_size_large"
                                                                        style="cursor: pointer"
                                                                        src="{{ asset($vendor->vendor_data->license_work_image) }}">
                                                                </div>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th scope="row">
                                                                {{ __('messages.License expiration date') }}</th>
                                                            <td>
                                                                {{ $vendor->vendor_data->license_work_date }}

                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th scope="row">{{ __('messages.Office staff') }}</th>
                                                            <td>
                                                                {{ $vendor->vendor_data->category->name }} -
                                                                {{ $vendor->vendor_data->sub_category->name }}
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <th scope="row">{{ __('messages.Worktime') }}</th>
                                                            <td>
                                                                <table
                                                                    class="table table-condensed table-bordered mb-0 ">
                                                                    <thead>
                                                                        <tr>
                                                                            <th scope="row">{{ __('messages.Day') }}
                                                                            </th>
                                                                            <th scope="row">{{ __('messages.From') }}
                                                                            </th>
                                                                            <th scope="row">{{ __('messages.To') }}
                                                                            </th>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                        @foreach ($dayes as $key => $value)
                                                                            <tr>

                                                                                <td>

                                                                                    {{ $key }}
                                                                                </td>
                                                                                @if (is_null($value))
                                                                                <td colspan="2" style="background: #ff000025  !important">

                                                                                    {{ __("messages.Off") }}
                                                                                </td>
                                                                                @else
                                                                                <td>


                                                                                    {{  \Carbon\Carbon::createFromFormat('H:i:s', $value["from"])->format('g:i A') }}
                                                                                </td>

                                                                                <td>
                                                                                    {{  \Carbon\Carbon::createFromFormat('H:i:s', $value["to"])->format('g:i A') }}

                                                                                </td>
                                                                                @endif


                                                                            </tr>
                                                                        @endforeach

                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        @if ($vendor->vendor_data->is_office)
                                                        <th scope="row">{{ __('messages.Office staff') }}</th>
                                                        <td>
                                                            @if (count($vendor_office))
                                                            <ul class="list-group" style="text-align: right;">

                                                                @foreach ($vendor_office as  $staff)
                                                                    <a href="{{ route('admin.vendors.show' , $staff->id) }}">
                                                                        <li class="list-group-item">
                                                                            <img src="{{ $staff->image }}" alt="image" class="img-fluid avatar-md rounded-circle border border-dark">
                                                                            <span>{{ $staff->name }}</span>
                                                                        </li>

                                                                    </a>
                                                                @endforeach

                                                            </ul>
                                                            @else
                                                                {{ __("messages.There are no registered employees") }}
                                                            @endif

                                                        </td>

                                                        @endif


                                                    </tbody>
                                                </table>
                                            @endif

                                        </div> <!-- end profile-desk -->
                                    </div> <!-- about-me  data-->



                                    <!-- 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', $vendor->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', $vendor->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', $vendor->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($vendor->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', $vendor->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>

    <div class="modal fade" id="modal_imgae_size_large" tabindex="-1" role="dialog"
        aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="border-radius: 10px !important">
                <div class="modal-header">
                    {{--  <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4>  --}}
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="box-img-modal">
                        <img class="image-part-modal">
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

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

@section('script')
    <script src="{{ asset('assets/js/requests-user.js') }}"></script>
    <script>
        $(function() {
            $(".image-part").click(function() {
                var img_src = $(this).attr("src");
                $(".image-part-modal").attr("src", img_src)

            })

        })
    </script>
@endsection