@extends('front.pages.company-dashboard.main')
@section('title', 'My Profile')
@section('dashboard-main-content')
    <div class="col-lg-12">
        <div class="my-profile-inner ">
            <div class="form-wrapper">
                <div class="section-title two">
                    <h5>{{ translate('My Profile') }}</h5>
                    <div class="dash"></div>
                </div>
                <form class="profile-form add-form" method="POST" action="{{ route('company.profile.update') }}"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{{ $company->id }}">
                    <input type="hidden" name="user_id" value="{{ $company?->user->id }}">
                    <input type="hidden" name="lang" value="">

                    <div class="card-header dashboard-header"> {{ translate('Owner Information') }} </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="first_name"> {{ translate('First Name') }} <span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="first_name" name="first_name"
                                            value="{{ $company->user->first_name }}"
                                            placeholder="{{ translate('Enter Your First Name') }}">
                                    </div>
                                    <span class="text-danger error-text first_name_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="last_name"> {{ translate('Last Name') }} <span>*</span> </label>
                                    <div class="input-area">
                                        <input type="text" id="last_name" name="last_name"
                                            value="{{ $company->user->last_name }}"
                                            placeholder="{{ translate('Enter Your Last Name') }}">
                                    </div>
                                    <span class="text-danger error-text last_name_err"></span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="username">{{ translate('Username') }}</label>
                                    <div class="input-area">
                                        <input type="text" id="username" name="username"
                                            value="{{ $company->user->username }}"
                                            placeholder="{{ translate('Enter Your User Name') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="phone">{{ translate('Phone') }} <span>*</span> </label>
                                    <div class="input-area">
                                        <input type="text" id="phone" name="phone"
                                            value="{{ $company->user?->phone }}"
                                            placeholder="{{ translate('Enter Your Phone') }}">
                                    </div>
                                    <span class="text-danger error-text phone_err"></span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="email">{{ translate('Email') }} <span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="email" name="email"
                                            value="{{ $company->user?->email }}"
                                            placeholder="{{ translate('Enter Your E-mail') }}">
                                    </div>
                                    <span class="text-danger error-text email_err"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-header dashboard-header"> {{ translate('Company Information') }} </div>
                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="company_name">{{ translate('Company Name') }}<span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="company_name" name="company_name"
                                            value="{{ $company->getTranslation('company_name') }}">
                                    </div>
                                    <span class="text-danger error-text company_name_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="company_email">{{ translate('Company Email') }}<span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="company_email" name="company_email"
                                            value="{{ $company->company_email }}">
                                    </div>
                                    <span class="text-danger error-text company_email_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="email">{{ translate('Phone') }}<span>*</span></label>
                                    <div class="input-area">

                                        <input type="text" id="phone" name="company_phone_number"
                                            value="{{ $company->getTranslation('company_phone_number') }}">
                                    </div>
                                    <span class="text-danger error-text phone_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="company_size">{{ translate('Total Employees') }}<span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="company_size" name="company_size"
                                            value="{{ $company->getTranslation('company_size') }}">
                                    </div>
                                    <span class="text-danger error-text company_size_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label>{{ translate('Company Type') }}<span>*</span></label>
                                    <div class="input-area">
                                        <select class="select1" name="company_type">
                                            @foreach (CompanyType() as $item)
                                                <option value="{{ $item->company_type_name }}"
                                                    {{ !empty($company->company_type_id) && $company->company_type_id == $item->id ? 'selected' : '' }}>
                                                    {{ $item->getTranslation('company_type_name') }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <span class="text-danger error-text company_type_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="website">{{ translate('Website') }}<span>*</span></label>
                                    <div class="input-area">
                                        <input type="text" id="website" name="company_website"
                                            value="{{ $company->getTranslation('company_website') }}">
                                    </div>
                                    <span class="text-danger error-text company_website_err"></span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label
                                        for="establishment_date">{{ translate('Establishment Date') }}<span>*</span></label>
                                    <div class="input-area">
                                        <input type="date" id="establishment_date" name="establishment_date"
                                            value="{{ $company->establishment_date }}">
                                    </div>
                                    <span class="text-danger error-text establishment_date_err"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-header dashboard-header"> {{ translate('Location Information') }}</div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="countryList"> {{ translate('Country') }} <span>*</span></label>
                                    <select class="form-control input-area mb-2 mb-md-0 countryName" name="country_id"
                                        id="countryList">
                                        <option disabled selected> </option>
                                        @foreach (countryAll() as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger error-text country_id_err"></span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="stateList">{{ translate('State') }} <span>*</span></label>
                                    <select class="form-control input-area mb-2 mb-md-0 stateName" name="state_id"
                                        id="stateList">
                                        <option disabled selected> </option>
                                    </select>
                                    <span class="text-danger error-text state_id_err"></span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="cityList">{{ translate('City') }} <span>*</span></label>
                                    <select class="form-control input-area mb-2 mb-md-0 cityName" name="city_id"
                                        id="cityList">
                                        <option selected> </option>

                                    </select>
                                    <span class="text-danger error-text city_id_err"></span>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="postal_code">{{ translate('Postal code ') }}</label>
                                    <div class="input-area">
                                        <input type="text" id="postal_code" name="postal_code"
                                            value="{{ $company->postal_code }}">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="Latitude">{{ translate('Latitude') }}</label>
                                    <div class="input-area">
                                        <input type="text" id="Latitude" name="latitude"
                                            value="{{ $company->latitude }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-inner mb-25">
                                    <label for="Longitude">{{ translate('Longitude') }}</label>
                                    <div class="input-area">
                                        <input type="text" id="Longitude" name="longitude"
                                            value="{{ $company->longitude }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner mb-25">
                                    <label for="address">{{ translate('Address') }}</label>
                                    <div class="input-area">
                                        <input type="text" id="address" name="address"
                                            value="{{ $company->address }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner mb-25">
                                    <label>{{ translate('Location Iframe Link') }}</label>
                                    <input type="text" class="username-input" name="iframe_link"
                                        placeholder="{{ translate('Enter Your Iframe Link') }}"
                                        value="{{ $company->iframe_link }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card-header dashboard-header">{{ translate('Company Overview') }}</div>
                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <label for="company_details">{{ translate('Overview') }}<span>*</span></label>
                                    <textarea class="description" name="company_details">{!! clean($company->getTranslation('company_details')) !!}</textarea>
                                    <span class="text-danger error-text company_details_err"></span>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-inner mb-25">
                                    <label for="company_vision">{{ translate('Vision') }}<span>*</span></label>
                                    <textarea class="description" name="company_vision">{!! clean($company->getTranslation('company_vision')) !!}</textarea>
                                    <span class="text-danger error-text company_vision_err"></span>
                                </div>
                            </div>

                            <div class="card-header dashboard-header">{{ translate('Image') }}</div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="company-images-area mb-50">
                                            <div class="row g-lg-4 gy-5">
                                                <div class="col-lg-6 devaider1 position-relative">
                                                    <div class="company-logo-area">
                                                        <h5>{{ translate('Company Logo') }}: </h5>

                                                        <div class="dropzone-wrapper">
                                                            <div class="dropzone-desc">
                                                                <i class="glyphicon glyphicon-download-alt"></i>
                                                                <p>{{ translate('Choose an image file or drag it here') }}
                                                                </p>
                                                            </div>
                                                            <input type="file" name="company_logo"
                                                                class="dropzone dropzone-image">
                                                            <span class="text-danger error-text company_logo_err"></span>
                                                        </div>

                                                        <div class="preview-zone hidden">
                                                            <div class="box box-solid">
                                                                <div class="box-body">

                                                                    @if (fileExists($folder = 'company', $fileName = $company->company_logo) == true && $company->company_logo !== '')
                                                                        <div class="img-thumb-wrapper card shadow"> <span
                                                                                class="remove text-danger"> <i
                                                                                    class="bi bi-trash"></i> </span>
                                                                            <img src="{{ asset('storage/company/' . $company->company_logo) }}"
                                                                                alt="company-logo" width="100">
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card-header dashboard-header"> {{ translate('Social Information') }} </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="facebook">{{ translate('Facebook') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/facebook-2.svg') }}"
                                                    alt="facebook-icon">
                                                <input type="text" id="facebook" name="company_facebook"
                                                    value="{{ $company->company_facebook }}"
                                                    placeholder="https://example-facebook.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="twitter">{{ translate('Twitter') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/twiter-2.svg') }}"
                                                    alt="twitter-icon">
                                                <input type="text" id="twitter" name="company_twitter"
                                                    value="{{ $company->company_twitter }}"
                                                    placeholder="https://example-twitter.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="linkedin">{{ translate('LinkedIn') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/linkedin-2.svg') }}"
                                                    alt="linkedin-icon">
                                                <input type="text" id="linkedin" name="company_linkedin"
                                                    value="{{ $company->company_linkedin }}"
                                                    placeholder="https://example-linkedin.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="pinterest">{{ translate('Pinterest') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/pinterest-2.svg') }}"
                                                    alt="piterest-icon">
                                                <input type="text" id="pinterest" name="company_pinterest"
                                                    value="{{ $company->company_pinterest }}"
                                                    placeholder="https://example-pinterest.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="dribble">{{ translate('Dribble') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/dribble-2.svg') }}"
                                                    alt="dribble-icon">
                                                <input type="text" id="dribble" name="company_dribble"
                                                    value="{{ $company->company_dribble }}"
                                                    placeholder="https://example-dribbble.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label for="behance">{{ translate('Behance') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/behance-2.svg') }}"
                                                    alt="behance-icon">
                                                <input type="text" id="behance" name="company_behance"
                                                    value="{{ $company->company_behance }}"
                                                    placeholder="https://example-behance.com">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card-header dashboard-header"> {{ translate('Working Area') }} </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="work-area-row">
                                        <div id="companyWorkingAreaAppend">
                                            @if (!empty($company->workAreas))
                                                @foreach ($company->workAreas as $key => $item)
                                                    <div class="company_working_area item-row">
                                                        <hr style="border: 1px solid gray;margin-top: 20px;" />
                                                        <div class="row">
                                                            <div class="col-sm-10">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-inner mb-25">
                                                                            <label
                                                                                for="working-field">{{ translate('Working Field') }}</label>
                                                                            <div class="input-area">
                                                                                <img src="{{ asset('frontend/assets/images/icon/company-2.svg') }}"
                                                                                    alt="company-icon">
                                                                                <input type="text" id="working-field"
                                                                                    name="working_field[{{ $key }}][working_field]"
                                                                                    value="{{ $item['working_field'] }}">
                                                                                <input type="hidden"
                                                                                    name="working_field[{{ $key }}][id]"
                                                                                    value="{{ $item['id'] }}">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="form-inner mb-40">
                                                                            <label
                                                                                for="description">{{ translate('Short Description') }}</label>
                                                                            <textarea name="working_field[{{ $key }}][working_description]" id="description"
                                                                                placeholder="Company Details*">{!! clean($item['working_description']) !!}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-2 add-row">

                                                                <button class="btn-danger" type="button"
                                                                    data-key-index="{{ $key }}"
                                                                    id="removeWorkingArea"
                                                                    data-action="{{ route('company.work.area.delete', $item['id']) }}"
                                                                    data-id="{{ $item['id'] }}"
                                                                    class="remove">{{ translate('Remove This Area') }}</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                            <div class="company_working_area" id="companyWorkingAreaRemove">
                                                <div class="row">
                                                    <div class="col-sm-12">
                                                        <div class="row">
                                                            <div class="col-sm-10">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-inner mb-25">
                                                                            <label
                                                                                for="working-field">{{ translate('Working Field') }}</label>
                                                                            <div class="input-area">
                                                                                <img src="{{ asset('frontend/assets/images/icon/company-2.svg') }}"
                                                                                    alt="company-icon2">
                                                                                <input type="text"
                                                                                    id="company_working_field"
                                                                                    name="working_field[1][working_field]">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="form-inner mb-40">
                                                                            <label
                                                                                for="description">{{ translate('Short Description') }}</label>
                                                                            <textarea name="working_field[1][working_description]" id="company_working_description"></textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-2">
                                                                <div
                                                                    class="d-flex align-items-center justify-content-between mb-50">
                                                                    <div class="add-row">
                                                                        <button type="button"
                                                                            class="add-working-btn">{{ translate('Add Working Area') }}+</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

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

                            </div>

                            <div class="col-md-12">
                                <div class="form-inner">
                                    <button class="primary-btn-2 w-unset"
                                        type="submit">{{ translate('Update Change') }}</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection

@push('post_scripts')
    @include('js.admin.company')
    <script>
        $(document).ready(function () {
            if ($("#countryList").length) {
                $("#countryList").val("{{ $company->country_id }}").trigger("change");
            }

            if ($("#stateList").length) {
                setTimeout(() => {
                    $("#stateList").val("{{ $company->state_id }}").trigger("change");
                }, 600);
            }

            if ($("#cityList").length) {
                setTimeout(() => {
                    $("#cityList").val("{{ $company->city_id }}").trigger("change");
                }, 700);
            }
        });
    </script>


@endpush