@extends('admin.master')
@section('title', 'Company Edit')
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('Company Edit') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4>{{ translate('Edit Company') }}</h4>
                <a href="{{ route('admin.company') }}" class="eg-btn btn--primary back-btn"> <img
                        src="{{ asset('backend/assets/images/icons/back.svg') }}" alt="back-icon"> {{ translate('Go Back') }}
                </a>
            </div>
        </div>
        <form method="POST" class="add-form" action="{{ route('admin.company.update') }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{ $company->id }}">
            <input type="hidden" name="lang" value="{{ $lang }}">
            <input type="hidden" name="user_id" value="{{ $company->user->id }}">

            <div class="row">
                <div class="col-sm-9">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header"> {{ translate('Owner Information') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('First Name') }}<span>*</span> </label>
                                            <input type="text" class="username-input" name="first_name"
                                                value="{{ $company->user->first_name }}">
                                            <span class="text-danger error-text first_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('Last Name') }}<span>*</span></label>
                                            <input type="text" class="username-input" name="last_name"
                                                value="{{ $company->user->last_name }}">
                                            <span class="text-danger error-text last_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Phone') }}</label>
                                            <input type="text" class="username-input" name="phone"
                                                value="{{ $company->user->phone }}">
                                            <span class="text-danger error-text phone_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Email') }} <span>*</span></label>
                                            <input type="email" class="username-input" name="email"
                                                value="{{ $company->user->email }}">
                                            <span class="text-danger error-text email_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Info') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Company Name') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_name"
                                                placeholder="{{ translate('Enter Your Company Name') }}"
                                                value="{{ $company->company_name }}">
                                            <span class="text-danger error-text company_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Email') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_email"
                                                placeholder="{{ translate('Enter Your Email') }}"
                                                value="{{ $company->company_email }}">
                                            <span class="text-danger error-text company_email_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Phone') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="company_phone_number"
                                                placeholder="{{ translate('Enter Your Phone') }}"
                                                value="{{ $company->company_phone_number }}">
                                            <span class="text-danger error-text company_phone_number_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Total Employees') }} <span>*</span></label>
                                            <input type="number" class="username-input" name="company_size"
                                                placeholder="{{ translate('Enter Number of employees') }}"
                                                value="{{ $company->company_size }}">
                                            <span class="text-danger error-text company_size_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Category Type') }} <span>*</span></label>
                                            <select class="form-select" name="company_type" id="company_type_id">
                                                <option disabled selected> {{ translate('Open this select menu') }}
                                                </option>
                                                @foreach (CompanyType() as $c_type)
                                                    <option value="{{ $c_type->company_type_name }}"
                                                        {{ $c_type->id === $company->company_type_id ? 'selected' : '' }}>
                                                        {{ $c_type->getTranslation('company_type_name', $lang) }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger error-text company_type_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Website') }}</label>
                                            <input type="text" class="username-input" name="company_website"
                                                placeholder="{{ translate('Enter Your Website Name') }}"
                                                value="{{ $company->company_website }}">
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Establishment Date') }}</label>
                                            <input type="date" class="username-input" name="establishment_date"
                                                value="{{ $company->establishment_date }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Location') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Country') }} <span>*</span></label>
                                            <select class="form-control mb-2 mb-md-0 countryName" name="country_id"
                                                id="countryList">
                                                <option disabled selected> </option>
                                                @foreach (countryAll() as $country)
                                                    <option value="{{ $country->id }}"
                                                        {{ $country->id == $company->country_id ? 'selected' : ' ' }}>
                                                        {{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                            <span class="text-danger error-text country_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('State') }} <span>*</span></label>
                                            <select class="form-control 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-lg-4">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('City') }} <span>*</span></label>
                                            <select class="form-control mb-2 mb-md-0" name="city_id" id="cityList">
                                                <option disabled 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-35">
                                            <label>{{ translate('Postal code') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="postal_code"
                                                placeholder="{{ translate('Enter Your Postal code') }}"
                                                value="{{ $company->postal_code }}">
                                            <span class="text-danger error-text postal_code_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Latitude') }}</label>
                                            <input type="text" class="username-input" name="Latitude"
                                                placeholder="{{ translate('Enter Your Latitude') }}"
                                                value="{{ $company->Latitude }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Longitude') }}</label>
                                            <input type="text" class="username-input" name="Longitude"
                                                placeholder="{{ translate('Enter Your Longitude') }}"
                                                value="{{ $company->Longitude }}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Address') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="address"
                                                placeholder="{{ translate('Enter Your address') }}"
                                                value="{{ $company->address }}">
                                            <span class="text-danger error-text address_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Location Iframe Link') }} <span>*</span></label>
                                            <input type="text" class="username-input" name="iframe_link"
                                                placeholder="{{ translate('Enter Your Iframe Link') }}"
                                                value="{{ $company->iframe_link }}">
                                            <span class="text-danger error-text iframe_link_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Overview') }} </div>
                            <div class="eg-card product-card p-3">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-inner mb-33">
                                            <label>{{ translate('Overview') }} <span>*</span></label>
                                            <textarea id="summernote" name="company_details">{{ clean($company->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-33">
                                            <label>{{ translate('Vision') }} <span>*</span></label>
                                            <textarea class="description" name="company_vision">{{ clean($company->company_vision) }}</textarea>
                                            <span class="text-danger error-text company_vision_err"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Company Social Option') }} </div>
                            <div class="eg-card product-card">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Facebook') }}</label>
                                            <input type="text" class="username-input" name="company_facebook"
                                                placeholder="{{ translate('Enter Your Facebook Link') }}"
                                                value="{{ $company->company_facebook }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Twitter') }}</label>
                                            <input type="text" class="username-input" name="company_twitter"
                                                placeholder="{{ translate('Enter Your Twitter Link') }}"
                                                value="{{ $company->company_twitter }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Linkedin') }}</label>
                                            <input type="text" class="username-input" name="company_linkedin"
                                                placeholder="{{ translate('Enter Your Linkedin Link') }}"
                                                value="{{ $company->company_linkedin }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label>{{ translate('Pinterest') }}</label>
                                            <input type="text" class="username-input" name="company_pinterest"
                                                placeholder="{{ translate('Enter Your Pinterest Link') }}"
                                                value="{{ $company->company_pinterest }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Dribble') }} </label>
                                            <input type="text" class="username-input" name="company_dribble"
                                                placeholder="{{ translate('Enter Your Dribble Link') }}"
                                                value="{{ $company->company_dribble }}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-inner mb-35">
                                            <label> {{ translate('Instagram') }}</label>
                                            <input type="text" class="username-input" name="company_behance"
                                                placeholder="{{ translate('Enter Your Instagram Link') }}"
                                                value="{{ $company->company_behance }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="card-header dashboard-header">{{ translate('Working Type') }} </div>
                            <div class="company_working_area eg-card product-card" id="companyWorkingAreaAppend">
                                @if ($company->workAreas->count() > 0)
                                    @foreach ($company->workAreas as $key => $workarea)
                                        <div class="row item-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">
                                                                        <input type="text" id="company_working_field"
                                                                            name="working_field[{{ $key }}][working_field]"
                                                                            value="{{ $workarea['working_field'] }}" />
                                                                        <input
                                                                            type="hidden"name="working_field[{{ $key }}][id]"
                                                                            value="{{ $workarea['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="company_working_description"> {!! clean($workarea['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 class="btn btn-danger" type="button"
                                                                    data-key-index="{{ $key }}"
                                                                    id="removeWorkingArea"
                                                                    data-action="{{ route('admin.company.work.delete', $workarea['id']) }}"
                                                                    data-id="{{ $workarea['id'] }}"
                                                                    class="remove">{{ translate('Remove This Area') }}</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <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">
                                                                    <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 eg-btn btn--primary back-btn">{{ translate('Add') }}</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="card-header dashboard-header">{{ translate('Password Change Option') }} </div>
                    <div class="eg-card">
                        <div class="form-inner mb-25">
                            <label>{{ translate('New Password') }} <span>*</span></label>
                            <input type="password" class="username-input" name="password" placeholder="********">
                        </div>
                        <div class="form-inner mb-25">
                            <label> {{ translate('Confirm Password') }} <span>*</span></label>
                            <input type="password" class="username-input" name="confirm_password"
                                placeholder="********">
                            <span class="text-danger error-text confirm_password_err"></span>
                        </div>
                    </div>
                    <div class="card-header dashboard-header"> {{ translate('Image') }} </div>
                    <div class="eg-card product-card">
                        <div class="form-inner file-upload mb-35">
                            <label class="control-label">{{ translate('Logo') }} <b>{{ translate('(60px × 60px)') }}</b>
                                <span>*</span></label>
                            <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 ($company->company_logo != null)
                                            <div class="img-thumb-wrapper card shadow"> <span class="remove text-danger">
                                                    <i class="bi bi-trash"></i> </span>
                                                <img class="img-thumb" width="100"
                                                    src="{{ asset('storage/' . CompanyImage() . '/' . $company->company_logo) }}" />
                                            </div>
                                        @endif

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="eg-card product-card">
                        <div class="form-inner img-upload mb-35">
                            <label class="control-label">{{ translate('Image Gallery') }} <b>{{ translate('(900px × 600px)') }}</label>
                            <div class="dropzone-wrapper">
                                <div class="dropzone-desc">
                                    <i class="glyphicon glyphicon-download-alt"></i>
                                    <p>{{ translate('Choose image files or drag it here') }}</p>
                                </div>
                                <input type="file" name="company_gallery_image[]" class="dropzone galleryImage"
                                    multiple>
                                <span class="text-danger error-text company_gallery_image_err"></span>
                            </div>
                            <div class="gallery-preview-zone hidden">
                                <div class="box box-solid">
                                    <div class="box-body">
                                        @if ($company->companygalleryimage->count() > 0)
                                            @foreach ($company->companygalleryimage as $image)
                                                <div class="img-thumb-wrapper card shadow"> <span
                                                        class="text-danger gallery-remove"
                                                        data-action="{{ route('admin.company.gallery.delete', $image->id) }}">
                                                        <i class="bi bi-trash"></i> </span>
                                                    <img class="img-thumb" width="100" src="{{ asset('storage/' . CompanyGalleryImageShow() . '/' . $image->company_gallery_image) }}" />
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="eg-card product-card">
                        <div class="button-group mt-15">
                            <button type="submit"
                                class="eg-btn btn--green medium-btn me-3">{{ translate('Update') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@push('post_scripts')
<script src="{{ asset('backend/assets/js/custom.js') }}"></script>
    @include('js.admin.company')
    @include('js.company.company-edit')
    @include('js.custom')
@endpush