@extends('admin::layouts.app')

@section('content')
    @php
        $readonly = 'readonly';
        if ($user->approved_at == null) {
            $readonly = '';
        }
        if (
            auth()
                ->user()
                ->hasRole([App\Helpers\ConstantHelper::STAFF_USER, App\Helpers\ConstantHelper::BRANCH_ADMIN])
        ) {
            $readonly = 'readonly';
        }

    @endphp
    <section class="content mb-5">
        <div class="container-fluid">
            <form class="form" role="post-data" method="POST" action="/api/admin/profile/{{ $user->id }}" reload="true">
                <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> {{__('static.my_profile_section')}}</h4>
                                @if ($user->approved_at == null)
                                    <p class="page-sub-head"><span class="text-danger">Note:</span> Please wait for profile
                                        approval.</p>
                                @endif
                            </div>
                            <div class="col-md-4 text-sm-right mt-2">
                                @if (
                                    $user->approved_at == null &&
                                        auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER, App\Helpers\ConstantHelper::BUSINESS_USER]))
                                    <button type="button" class="btn-md px-3 py-2 btn-primary" role="button"
                                        data-request="ajax-submit" data-target="[role=post-data]"><i
                                            class="fa fa-check-square-o"></i>
                                        Submit</button>
                                @endif
                                <a href="javascript:history.back()" class="btn-md px-3 py-2 btn-secondary"><i
                                        class="fa fa-chevron-circle-left"></i> {{__('static.back')}}</a>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::BUSINESS_USER]))
                            <div class="loginTabs mt-0 w-100 pr-0 mb-0">
                                <ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link {{ \Request::route()->getName() == 'admin.company-profile' ? 'active' : '' }}"
                                            href="{{ route('admin.company-profile') }}">{{__('static.admin_company_profile')}}</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link {{ \Request::route()->getName() == 'admin.profile' ? 'active' : '' }}"
                                            href="{{ route('admin.profile') }}">{{__('static.my_profile')}}</a>
                                    </li>
                                </ul>
                            </div>
                        @endif
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="Profile">
                                <div class="row mt-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__('static.first_name')}} <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter First Name"
                                                name="first_name" value="{{ $user->first_name ? $user->first_name : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__('static.last_name')}} <span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Last Name"
                                                name="last_name" value="{{ $user->last_name ? $user->last_name : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__('static.email_id')}}<span class="text-red">*</span></label>
                                            <input type="text" class="form-control" placeholder="Enter Email ID"
                                                name="email" value="{{ $user->email ? $user->email : '' }}"
                                                {{ $readonly }} />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__('static.mobile_no')}}<span class="text-danger">*</span></label>
                                            <div class="row">
                                                <div class="col-2 pr-0">
                                                    <select class="form-control mobile-code-select" name="mobile_code_id"
                                                        {{ $readonly }}>
                                                        @if (count($countries) > 0)
                                                            @foreach ($countries as $country)
                                                                <option value="{{ $country->id }}"
                                                                    {{ $user->mobile_code_id == $country->id ? 'selected' : '' }}>
                                                                    {{ $country->dial_code }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                                <div class="col-10 pl-0">
                                                    <input type="text" class="form-control mobile-select"
                                                        placeholder="Enter your Mobile Number" name="mobile_number"
                                                        value="{{ $user->mobile_number ? $user->mobile_number : '' }}"
                                                        {{ $readonly }}>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @if (auth()->user()->hasRole([
                                                App\Helpers\ConstantHelper::INDIVIDUAL_USER,
                                                App\Helpers\ConstantHelper::STAFF_USER,
                                                App\Helpers\ConstantHelper::BRANCH_ADMIN,
                                            ]))
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Profile Photo <span class="text-red">*</span></label>
                                                @if ($user->approved_at == null)
                                                    <input type="file" class="form-control" name="user_profile"
                                                        id="user-profile" {{ $readonly }} />
                                                @endif
                                                <div id="preview-user-profile">
                                                    @if (isset($user->user_profile))
                                                        <img src="{{ $user->user_profile }}" height="100"
                                                            width="100" />
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    {{-- @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER]))
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Address <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" placeholder="Enter Address"
                                                    name="user_address"
                                                    value="{{ isset($user->userDetail->address) ? $user->userDetail->address : '' }}"
                                                    id="useraddress" {{ $readonly }} />
                                                <input type="hidden" id="userlatitude" name="user_latitude"
                                                    placeholder="Latitude"
                                                    value="{{ isset($user->userDetail->latitude) ? $user->userDetail->latitude : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="userlongitude" name="user_longitude"
                                                    placeholder="Longitude"
                                                    value="{{ isset($user->userDetail->longitude) ? $user->userDetail->longitude : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="usercountry" name="user_country"
                                                    value="{{ isset($user->userDetail->country) ? $user->userDetail->country : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="userstate" name="user_state"
                                                    value="{{ isset($user->userDetail->state) ? $user->userDetail->state : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="usercity" name="user_city"
                                                    value="{{ isset($user->userDetail->city) ? $user->userDetail->city : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="userpostal_code" name="user_postal_code"
                                                    value="{{ isset($user->userDetail->postal_code) ? $user->userDetail->postal_code : '' }}"
                                                    {{ $readonly }} />
                                                <input type="hidden" id="userarea" name="user_area"
                                                    value="{{ isset($user->userDetail->area) ? $user->userDetail->area : '' }}"
                                                    {{ $readonly }} />
                                            </div>
                                        </div>
                                    @endif --}}

                                    @if (auth()->user()->hasRole([
                                                App\Helpers\ConstantHelper::STAFF_USER,
                                                App\Helpers\ConstantHelper::BRANCH_ADMIN,
                                                App\Helpers\ConstantHelper::INDIVIDUAL_USER,
                                            ]))
                                        <div class="col-md-6 col-12">
                                            <div class="form-group custominnergroup">
                                                <label class="pay-label">Gender<span class="text-danger">*</span></label>
                                                <div class="search-group">
                                                    <select class="form-control" name="gender" {{ $readonly }}>
                                                        @foreach ($genderdropdown as $gender)
                                                            <option value="{{ $gender }}"
                                                                {{ isset($user->userDetail->gender) && $user->userDetail->gender == $gender ? 'selected' : '' }}>
                                                                {{ ucfirst($gender) }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                            </div>
                                        </div>
                                    @endif
                                    @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::STAFF_USER, App\Helpers\ConstantHelper::BRANCH_ADMIN]))
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{ __('admin.nationality') }} <span
                                                        class="text-red">*</span></label>
                                                <select class="form-control select2" name="nationality_id" disabled>
                                                    <option value="">{{ __('label.Select') }} </option>
                                                    @forelse($nationalities as $nationality)
                                                        <option value="{{ $nationality->id }}"
                                                            @if (@$user->userDetail->nationality_id == $nationality->id) selected @endif>
                                                            {{ $nationality->name_en }}
                                                        </option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{ __('admin.select_specialist') }} <span
                                                        class="text-red">*</span></label>
                                                <select name="specialist_id[]" class="select2 form-control"
                                                    data-placeholder="Choose specialist" multiple disabled>
                                                    @forelse($specialists as $specialist)
                                                        <option value="{{ $specialist->id }}"
                                                            {{ isset($specialistIds) && in_array($specialist->id, $specialistIds) ? 'selected' : '' }}>
                                                            {{ $specialist->name_en }}</option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>
                                    @endif
                                    @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER]))
                                        <div class="col-md-6">
                                            <div class="form-group custominnergroup">
                                                <label class="pay-label">Date Of Birth <span
                                                        class="text-danger">*</span></label>
                                                <div class="search-group">
                                                    <input type="date" class="form-control" name="dob"
                                                        placeholder="Enter your Dob"
                                                        value="{{ @$user->userDetail->dob }}"
                                                        max="{{ \Carbon\Carbon::now()->subYears(18)->toDateString() }}"
                                                        {{ $readonly }}>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if (auth()->user()->hasRole([
                                                App\Helpers\ConstantHelper::STAFF_USER,
                                                App\Helpers\ConstantHelper::BRANCH_ADMIN,
                                                App\Helpers\ConstantHelper::INDIVIDUAL_USER,
                                            ]))
                                        <div class="col-md-6">
                                            <div class="form-group custominnergroup">
                                                <label class="pay-label">National ID Number <span
                                                        class="text-danger">*</span></label>
                                                <div class="search-group">
                                                    <input type="text" class="form-control" name="national_id_number"
                                                        placeholder="Enter your National Id Number"
                                                        value="{{ @$user->userDetail->national_id_number }}"
                                                        {{ $readonly }}>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group custominnergroup">
                                                <label>National ID Front Image <span class="text-danger">*</span></label>
                                                @if (
                                                    $user->approved_at == null &&
                                                        auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER]))
                                                    <input type="file" class="form-control border"
                                                        placeholder="Enter Package Name" name="national_id_front_image"
                                                        id="national-id-front-image" />
                                                @endif
                                                <div id="preview-national-id-front-image"
                                                    style="display: {{ $user->national_id_front_image ? 'block' : 'none' }}">
                                                    <img src="{{ $user->national_id_front_image ? $user->national_id_front_image : url('/assets/images/user-img.jpg') }}"
                                                        class="mt-2" height="150" width="150" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group custominnergroup">
                                                <label>National ID Back Image <span class="text-danger">*</span></label>
                                                @if (
                                                    $user->approved_at == null &&
                                                        auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER]))
                                                    <input type="file" class="form-control border"
                                                        placeholder="Enter Package Name" name="national_id_back_image"
                                                        id="national-id-back-image" />
                                                @endif
                                                <div id="preview-national-id-back-image"
                                                    style="display:{{ $user->national_id_back_image ? 'block' : 'none' }}">
                                                    <img src="{{ $user->national_id_back_image ? $user->national_id_back_image : url('/assets/images/user-img.jpg') }}"
                                                        class="mt-2" height="150" width="150" />
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    @if (auth()->user()->hasRole([App\Helpers\ConstantHelper::INDIVIDUAL_USER]))
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Bank Name <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" placeholder="Enter Bank Name"
                                                    name="bank_name"
                                                    value="{{ isset($user->companyProfile->bank_name) ? $user->companyProfile->bank_name : '' }}"
                                                    {{ $readonly }} />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Bank Code <span class="text-red">*</span></label>
                                                <input type="text" class="form-control" placeholder="Enter Bank Code"
                                                    name="bank_code"
                                                    value="{{ isset($user->companyProfile->bank_code) ? $user->companyProfile->bank_code : '' }}"
                                                    {{ $readonly }} />
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Account Number <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control"
                                                    placeholder="Enter Account Number" name="account_number"
                                                    value="{{ isset($user->companyProfile->account_number) ? $user->companyProfile->account_number : '' }}"
                                                    {{ $readonly }} />
                                            </div>
                                        </div>
                                        @if ($setting->drug_test)
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Drug Test Certificate<span class="text-danger">*</span></label>
                                                    @if ($user->approved_at == null)
                                                        <input type="file" class="form-control"
                                                            name="photo_of_drug_test" id="photo-of-drug-test"
                                                            {{ $readonly }} />
                                                    @endif
                                                    <div>
                                                        @if (isset($user->photo_of_drug_test))
                                                            <a href="{{ $user->photo_of_drug_test }}"
                                                                target="_blank">View
                                                                Document</a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        @if ($setting->criminal_history)
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Criminal History Test Certificate<span
                                                            class="text-red">*</span></label>
                                                    @if ($user->approved_at == null)
                                                        <input type="file" class="form-control"
                                                            name="photo_of_criminal_history_test"
                                                            id="photo-of-criminal-history-test" {{ $readonly }} />
                                                    @endif
                                                    <div>
                                                        @if (isset($user->photo_of_criminal_history_test))
                                                            <a href="{{ $user->photo_of_criminal_history_test }}"
                                                                target="_blank">View Document</a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>About the Business/Artist <span class="text-red">*</span></label>
                                                <textarea class="form-control" placeholder="Enter About the Business/Artist here" name="about"
                                                    {{ $readonly }}>{{ isset($user->companyProfile->about) ? $user->companyProfile->about : '' }}</textarea>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{ __('admin.experience') }} <span
                                                        class="text-red">*</span></label>
                                                @if ($user->approved_at == null)
                                                    <select class="form-control" name="experience">
                                                        @for ($i = 1; $i < 26; $i++)
                                                            <option value="{{ $i . ' year' }}"
                                                                {{ isset($user->companyProfile->experience) && $user->companyProfile->experience == $i . ' year' ? 'selected' : '' }}>
                                                                {{ $i . ' year' }}
                                                            </option>
                                                        @endfor
                                                    </select>
                                                @else
                                                    <input type="text" class="form-control" name="experience"
                                                        value="{{ $user->companyProfile->experience }}"
                                                        {{ $readonly }} />
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
@endsection
@section('script')
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
    <script
        src="https://maps.googleapis.com/maps/api/js?key={{ config('app.MAP_API_KEY') }}&callback=initAutocomplete&libraries=places&v=weekly"
        defer></script>
    <script>
        $('#user-profile').on('change', function(event) {
            handleFileChange(event, 'preview-user-profile');
        });
        $('#national-id-front-image').on('change', function(event) {
            handleFileChange(event, 'preview-national-id-front-image');
        });
        $('#national-id-back-image').on('change', function(event) {
            handleFileChange(event, 'preview-national-id-back-image');
        });
    </script>

    {{-- <script type="text/javascript">
        function initAutocomplete() {
            // update user information
            const useraddress = document.getElementById("useraddress");
            const searchAddress = new google.maps.places.SearchBox(useraddress);

            searchAddress.addListener("places_changed", () => {
                const addresses = searchAddress.getPlaces();
                if (addresses.length == 0) {
                    return;
                }
                const address = addresses[0];
                if (address.address_components) {
                    document.getElementById("userstate").value = getComponentValue(address,
                        "administrative_area_level_1");
                    document.getElementById("usercity").value = getComponentValue(address, "locality");
                    document.getElementById("usercountry").value = getComponentValue(address, "country");
                    document.getElementById("userpostal_code").value = getComponentValue(address, "postal_code");
                    document.getElementById("userarea").value = getComponentValue(address, "sublocality_level_1");
                }
                document.getElementById("userlatitude").value = address.geometry.location.lat();
                document.getElementById("userlongitude").value = address.geometry.location.lng();
            });
        }

        function getComponentValue(place, type) {
            for (const component of place.address_components) {
                for (const componentType of component.types) {
                    if (componentType === type) {
                        return component.long_name;
                    }
                }
            }
            return "";
        }

        window.initAutocomplete = initAutocomplete;
    </script> --}}
@endsection