@extends('layouts.admin')

@section('title') User Profile @endsection


@section('content')

@push('page_style')
<link rel="stylesheet" href="{{asset('frontend/css/pickdate.css')}}">
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css"
    href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css" />


<style type="text/css">
#personal_information,
#company_information {
    display: none;
}
</style>
<style type="text/css">
.preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.modal-lg {
    max-width: 1000px !important;
}

.cropper {
    max-width: 100%;
}

.img-container {
    /* Never limit the container height here */
    max-width: 100%;
}

.img-container img {
    /* This is important */
    width: 100%;
}
</style>


@endpush
<section class="changedPassword userProfile_">
    <div class="container">

    <div class="userProfileContaniners_ userprofile_box">
        <h3 class="loginSubheading_">{{"$userObject->full_name"}} </h3>
        <div class="row">
            <div class="form-group edit_profileimg mb-2 col-sm-12 col-md-12 col-lg-4 col-xl-3">
                <a class="profile_img" href="javascript:void(0);">
                    <img src="{{ $userObject->profile_image }}" alt="profile" id="profileImagePreview"
                        class="img-fluid"></a>

            </div>


            <div class="mb-2 col-sm-12 col-md-12 col-lg-8 col-xl-9">

                <form class="form_Loginhorizontal" role="form" method="POST"
                    action="{{  route('user.updateBuyerProfile') }}" enctype="multipart/form-data"
                    id="user_update_detail">
                    {{ csrf_field() }}

                    <div class="row notranslate mt-3">


                        <input type="hidden" name="seller_type" value="{{auth()->user()->seller_type}}">


                        {{-- <div class="form-group mb-4 col-md-6">
                                <label class="loginLabel_txt notranslate" for="inputEmail">{{ ($userObject->seller_type == 2) ? __('words.Company Email') : __('words.Email') }}
                        <span class="text-danger asteric-sign">&#42;</span></label>
                        <input id="inputEmail" type="email"
                            class="form-control disabledEmailDiv {{ $errors->has('email') ? ' is-invalid' : '' }}"
                            name="email" value="{{ (old('email')) ? (old('email')) : ($userObject->email) }}"
                            placeholder="{{__("words.Enter Email")}}" disabled="">
                        @if ($errors->has('email'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                        @endif
                    </div> --}}



            </div>

            <div class="form-group notranslate">

                <input type="hidden" name="address_latitude" id="address-latitude" value="0" />
                <input type="hidden" name="" id="fileFormatErrorMessage"
                    value="{{__('words.Only formats are allowed :')}}">

                <input type="hidden" name="address_longitude" id="address-longitude" value="0" />
            </div>
            {{-- <div id="address-map-container" style="width:100%;height:400px; ">
                            <div style="width: 100%; height: 100%" id="address-map"></div>
                        </div>  --}}

            <!--new form added-->
            <div class="form-group mb-4 col-md-6 d-none">
                <label class="loginLabel_txt" for="country">{{__("words.Country")}} <span
                        class="text-danger asteric-sign">&#42;</span></label>
                <input name="country_name" id="address-country" class="form-control" />
                <input type="hidden" name="country_code" id="countryCode" />
            </div>

            <div class="row notranslate align-items-center">

                @if ($userObject->seller_type == 2)
                <div class="form-group mb-4 col-md-5 notranslate">
                    <label class="loginLabel_txt" for="inputCompanyName">{{__("words.Company Name")}}</label>
                    <input class="form-control company_name" type="text" name="company_name" id="company_name"
                        autocomplete="current-firstName" value="{{ (old('company_name' ,$userObject->company_name)) }}"
                        placeholder="{{__('words.Company Name')}}" disabled>
                    @if ($errors->has('company_name'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('company_name') }}</strong>
                    </span>
                    @endif
                </div>

                @else
                <div class="form-group mb-4 col-md-5 notranslate">
                    <label class="loginLabel_txt" for="inputFirstName">{{__("words.First Name")}} </label>
                    <input class="form-control individual" type="text" name="first_name" id="first_name"
                        autocomplete="current-firstName" value="{{ (old('first_name',$userObject->first_name))}}"
                        placeholder="{{__('words.First Name')}}" disabled>
                    @if ($errors->has('first_name'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('first_name') }}</strong>
                    </span>
                    @endif
                </div>

                <div class="form-group mb-4 col-md-5 notranslate">
                    <label class="loginLabel_txt" for="inputLastName">Last Name</label>
                    <input class="form-control  individual" type="text" name="last_name" id="first_name"
                        autocomplete="current-lastName" value="{{ (old('last_name',$userObject->last_name))  }}"
                        placeholder="last name" disabled>
                    @if ($errors->has('last_name'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('last_name') }}</strong>
                    </span>
                    @endif
                </div>

                @endif

                @if ($userObject->seller_type ==1)
                <div class="form-group mb-2 col-md-10 notranslate one">
                    <label class="loginLabel_txt" for="">Nick Name<span
                            class="text-danger" style="padding-left: 30px"></span></label>
                    <input class="form-control  nick_name {{($errors->has('nick_name'))?'' :'disabled'}}" type="text" id="nick_name" name="nick_name"
                        autocomplete="" value="{{ (old('nick_name' ,$userObject->nick_name)) }} "
                        placeholder="Nick Name" disabled>
                    @if ($errors->has('nick_name'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('nick_name') }}</strong>
                    </span>
                    @endif


                </div>

                @endif

                <div class="form-group mb-4 col-md-10 notranslate">
                    <label class="loginLabel_txt" name="email" for="">Email</label>
                    <input class="form-control  email_id" data="email" type="text" id="email_id" name="email"
                        autocomplete="" value="{{old('email',$userObject->email)}}" disabled>
                    <input type="hidden" name="hidden" id="hidden">
                    @if ($errors->has('email'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('email') }}</strong>
                    </span>
                    @endif
                </div>

                <div class="form-group mb-4 col-md-10 notranslate">
                    {{-- {{dd(!empty($userObject->phone_verified_at))}} --}}
                    <label class="loginLabel_txt"

                        for="phone_number">{{ ($userObject->seller_type ==2) ? __('words.Company Phone') : __('words.Phone Number') }}
                        <span class="text-danger asteric-sign">
                          @if ((auth()->user()->phone_verified_at != '0000-00-00 00:00:00') && !empty(auth()->user()->phone_verified_at))
                            <span class="mb-3"><img class="me-2" src="{{asset('frontend/img/verified.svg')}}"
                                    alt="verify-icon" /></span>
                            @endif
                        </span></label><br>

                        <input type="hidden" id="countryCodes" value="{{strtoupper(getCountryCode())}}">

                    <input type="hidden" name="phone_code" id="phone_code"
                        value="{{ (old('phone_code')) ? (old('phone_code')) : ($userObject->phone_code) }}"
                        class="phoneNumber disabled" />
                    <input type="hidden" name="iso_code" id="company_iso_code"
                        value="{{ (old('iso_code')) ? (old('iso_code')) : ($userObject->iso_code) }}" />

                    <input type="hidden" id="hiddenNumber" value="{{$userObject}}">
                    <input id="company_phone_number" type="text"
                        class="form-control phoneNumber  disabled {{ $errors->has('phone_number') || $errors->has('phone_code') || $errors->has('iso_code') ? ' is-invalid' : '' }}"
                        name="phone_number" value="{{ (old('phone_number',$userObject->phone_number))  }}" disabled>

                    @if ($errors->has('phone_number'))
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $errors->first('phone_number') }}</strong>
                    </span>
                    @elseif($errors->has('phone_code'))
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $errors->first('phone_code') }}</strong>
                    </span>
                    @elseif($errors->has('iso_code'))
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $errors->first('iso_code') }}</strong>
                    </span>
                    @endif
                </div>
                @php
                $verificationTimeOut = auth()->user()->phone_verification_timeout;
                $timestamp = strtotime($verificationTimeOut) + 60*60;
                $time = date('H:i', $timestamp);
                $time1 = date('Y-m-d H:i', $timestamp);
                $mins = (strtotime($time) - strtotime(date('H:i'))) / 60;


                @endphp

                <div class="form-group adminSelect mb-4 col-md-10 notranslate {{(!empty($company) && ($company->status == \App\Models\CompanyDetail::IS_APPROVED)) ? 'forverification': ''}}" >
                    <input type="hidden" name="country_id" value="{{$userObject->country_id}}" />
                    <label class="loginLabel_txt" for="country">{{__("words.Country")}} </label>
                    <select
                        class="form-control select2-multiple disabled  country_id{{ $errors->has('country_id') ? ' is-invalid' : '' }}"
                        id="country_id" name="country_id" disabled>
                        <option value="">{{__('words.Select Country')}}</option>
                        @foreach($world as $key => $countryObj)
                        <option value="{{$countryObj->id}}"
                            {{$userObject->country_id == $countryObj->id ? "selected": ""}}
                            title="{{$countryObj->code }}"> {{ $countryObj->name }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('country_id'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('country_id') }}</strong>
                    </span>
                    @endif
                </div>

                @php
                if (!empty($company) && ($company->status == \App\Models\CompanyDetail::IS_APPROVED || $company->status == \App\Models\CompanyDetail::STATE_PENDING)){
                    $userOb=auth()->user();
                    $timezone = $userOb->getTimezone();
                    $startdate = Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $company->verified_at, 'UTC');
                    $startdate->setTimezone($timezone);
                    $startdate = date('Y-m-d / h:i:s', strtotime($startdate));

                    $endDated = Date('Y-m-d H:i:s', strtotime($company->verified_at . "+1 year"));
                    $endDates =  Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $endDated, 'UTC');
                    $endDates->setTimezone($timezone);
                    $endDates = date('Y-m-d / h:i:s', strtotime($endDates));
                }

                @endphp
                 {{-- @if ((!empty($company) && (($company->status == \App\Models\CompanyDetail::IS_APPROVED) || ($company->status == \App\Models\CompanyDetail::STATE_PENDING)))) --}}
                <div class="row">
                    <div class="col-md-9 profilesllr_ mt-5">
                        @if (!empty($company) && ($company->status == \App\Models\CompanyDetail::IS_APPROVED))
                        <h5 class="mb-3"><img class="me-2" src="{{asset('frontend/img/verified.svg')}}"
                                alt="verify-icon" />Verified Seller <span class="year-text">{{$userObject->getVerifyCount->count()}} Year</span></h5>



                            Starting date : {{$startdate}}
                            <br>
                            End date : {{$endDates}}
                            @endif


                       @include('user.partials.additional-info')
                       @if (!empty($company) && (($company->status == \App\Models\CompanyDetail::STATUS_SHUFTI_PRO_COMPANY_APPROVE)))
                       <p class="subText mt-3"><span class="Text" style="color:red">Note:</span><br>


                           Your personal verification has been successfully completed. It takes us about 72 hours to confirm ownership of your company.
                           Once the company verification is confirmed, we will send you a notification to your email and you will automatically become a Verified Seller.

                       </p>
                       @endif

                        <p class="subText mb-3"><span class="Text" style="color:red">Note:</span><br><span
                                style="color:#e63c2f; font-size:16px">**</span><br>


                            {{__("words.This information is not visible to side users.")}} Ambayo.com {{__("words.needs this information to verify your")}} {{$userObject->isCompanySeller() ? __("words.company"): __("words.profile")}}.

                        </p>
                    </div>

                </div>

                {{-- @endif --}}



            </div>


    </div>
    </div>


</section>


{{-- @include('user.partials.verify') --}}

@push('page_script')

<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

<!-- bs-custom-file-input -->
<script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
<script src="{{ asset('js/pages/users/verify.js') }}"></script>
<script src="{{ asset('js/pages/users/seller-verification.js') }}"></script>



<script src="{{ asset('js/pages/users/mapInput.js') }}"></script>

<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

{{-- @if (!empty($company) && ($company->status == \App\Models\CompanyDetail::REJECT))
    <script>
        let companyId = '{{$company->id}}';
        let modalUrl = '{{route("getRejectionReasonModal")}}';
        getRejectionReasonModal(modalUrl,companyId);




    </script>
@endif --}}

@if (auth()->user()->isVerifiedSeller())

<script>
$(document).ready(function(e) {
    $("#user_update_detail :input").prop("disabled", true).addClass('disabledEmailDiv');
    $("#user_update_detail input[type='submit']").prop("disabled", false).removeClass('disabledEmailDiv');
    $("#user_update_detail input[type='hidden']").prop("disabled", false).removeClass('disabledEmailDiv');
    $("#phone_number").prop("disabled", false).removeClass('disabledEmailDiv');
    $("#submit").prop("disabled", true).removeClass('disabledEmailDiv');
    // toastr.error("Image file should be in jpeg,jpg,png,pdf,docx,doc.", 'Error!', {closeButton: true, tapToDismiss: false});

})
</script>
@endif
<script>

// document.addEventListener('contextmenu', event => event.preventDefault());

var searchInput = 'search_input';

$(document).on('keyup', '#' + searchInput, function() {

    var autocomplete;
    autocomplete = new google.maps.places.Autocomplete((document.getElementById('search_input')), {
        types: ['geocode'],
    });

    // console.log(autocomplete);
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var near_place = autocomplete.getPlace();

        document.getElementById('loc_lat').value = near_place.geometry.location.lat();
        document.getElementById('loc_long').value = near_place.geometry.location.lng();
    });
});
</script>
{{-- <script>

$(document).on('change', '#isNickName', function (e) {
    var isChecked = $(this).is(":checked");
    var url = site_url+"/user/submitNickName/" + $(this).data("id")
    var token = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        // Make an AJAX request to the server
      url: url,
      type: "POST",
      data: {
        isChecked: isChecked,
        '_token' : token
      },
      success: function(data) {
        // Update the page content or send the checkbox value to a database
      }
    });
  });
</script> --}}
<script>
$(document).on('click', '.editBtn', function(e) {
    e.preventDefault();
    var target = $(this).attr('data-ref');
    $('#hidden').val(target);
    var target = $(this).data("target");
    $("." + target).removeClass('disabled');
    $(this).text() === 'Edit' ?
        $(this).text('Save') :
        $(this).text('Edit')

    if ($(this).text() === "Edit") {
        $('#user_update_detail').submit();

    }
});
</script>




@endpush

@endsection