@extends($activeTemplate.'layouts.master')
@section('content')
<div class="col-xl-9 ps-xl-4">
    <form action="{{route('employer.profile.submit')}}" method="POST" enctype="multipart/form-data" class="edit-profile-form">
        @csrf
        <div class="custom--card mt-4">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Company Basic Information')</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 form-group">
                        <label>@lang('Company Name')</label>
                        <div class="custom-icon-field">
                            <i class="las la-briefcase"></i>
                            <input type="text" name="company_name" value="{{$employer->company_name}}" class="form--control" required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Company ceo name')</label>
                        <div class="custom-icon-field">
                            <i class="las la-user"></i>
                            <input type="text" name="ceo_name" value="{{$employer->ceo_name}}" class="form--control"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Email')</label>
                        <div class="custom-icon-field">
                            <i class="las la-envelope"></i>
                            <input type="email" name="email" readonly  class="form--control" value="{{$employer->email}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Phone')</label>
                        <div class="custom-icon-field">
                            <i class="las la-phone"></i>
                            <input type="text" name="mobile" readonly class="form--control" value="{{$employer->mobile}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Website')</label>
                        <div class="custom-icon-field">
                            <i class="las la-link"></i>
                            <input type="url" name="website"  class="form--control"  value="{{$employer->website}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Fax')</label>
                        <div class="custom-icon-field">
                            <i class="las la-fax"></i>
                            <input type="text" name="fax" class="form--control" value="{{@$employer->fax}}" >
                        </div>
                    </div>

                    <div class="col-lg-6 form-group">
                        <label>@lang('Industry')</label>
                        <select class="form--control" name="industry" required>
                            <option value="" selected disabled>@lang('Select One')</option>
                            @foreach($industries as $industry)
                                <option value="{{$industry->id}}" @selected($industry->id == $employer->industry_id)>
                                    {{__($industry->name)}}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label for="number_of_employees">@lang('Number Of Employees')</label>
                        <select class="form--control" name="number_of_employees">
                            <option selected disabled>@lang('Select One')</option>
                            @foreach($numberOfEmployees as $employee)
                                <option value="{{$employee->id}}" @selected($employee->id == $employer->number_of_employees_id)>{{__($employee->employees )}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Address')</label>
                        <div class="custom-icon-field">
                            <i class="las la-map-marker-alt"></i>
                            <input type="text" name="address[address]"  class="form--control" value="{{@$employer->address->address}}"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('State')</label>
                        <div class="custom-icon-field">
                            <i class="las la-map-signs"></i>
                            <input type="text" name="address[state]" value="{{@$employer->address->state}}" class="form--control"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('City')</label>
                        <div class="custom-icon-field">
                            <i class="las la-map-pin"></i>
                            <input type="text" name="address[city]" value="{{@$employer->address->city}}" class="form--control"  required>
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Zip Code')</label>
                        <div class="custom-icon-field">
                            <i class="las la-location-arrow"></i>
                            <input type="text" name="address[zip]"  value="{{@$employer->address->zip}}" class="form--control"  required>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="custom--card mt-4">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Company Description')</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-12 form-group">
                        <textarea class="form--control nicEdit" name="description" rows="8">@php echo $employer->description @endphp </textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="custom--card mt-4">
            <div class="card-header bg--dark">
                <h5 class="text-white">@lang('Company Social Links')</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 form-group">
                        <label>@lang('Facebook')</label>
                        <div class="custom-icon-field">
                            <i class="lab la-facebook-f"></i>
                            <input type="url" name="social_media[facebook]" class="form--control" value="{{@$employer->social_media->facebook}}" >
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label>@lang('Twitter')</label>
                        <div class="custom-icon-field">
                            <i class="lab la-twitter"></i>
                            <input type="url" name="social_media[twitter]" class="form--control" value="{{@$employer->social_media->twitter}}">
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label for="pinterest">@lang('Pinterest')</label>
                        <div class="custom-icon-field">
                            <i class="lab la-pinterest-p"></i>
                            <input type="url" name="social_media[pinterest]" class="form--control" value="{{@$employer->social_media->pinterest}}">
                        </div>
                    </div>
                    <div class="col-lg-6 form-group">
                        <label for="linkedin">@lang('Linkedin')</label>
                        <div class="custom-icon-field">
                            <i class="lab la-linkedin-in"></i>
                            <input type="url" name="social_media[linkedin]" class="form--control" value="{{@$employer->social_media->linkedin}}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mt-4">
            <button type="submit" class="btn btn--base w-100">
               @lang('Update Profile')
            </button>
        </div>
    </form>
</div>
@endsection

@push('script-lib')
    <script src="{{asset('assets/global/js/nicEdit.js')}}"></script>
@endpush
@push('script')
    <script>
        "use strict";
        (function ($) {
            bkLib.onDomLoaded(function() {
            $(".nicEdit").each(function( index ) {
                $(this).attr("id","nicEditor"+index);
                    new nicEditor({fullPanel : true}).panelInstance('nicEditor'+index,{hasPanel : true});
                });
            });
            $(document).on('mouseover ', '.nicEdit-main,.nicEdit-panelContain',function(){
                $('.nicEdit-main').focus();
            });
        })(jQuery);
    </script>
@endpush