@extends('layouts.app')
@section('styles')
<link rel="stylesheet" href="{{ asset('assets/web/css/user-panel.css') }}">
@endsection
@section('content')
<section>
    <div class="main-wrapper" style="min-height: calc(100vh - 516px);">
        <div class="pt-50 pb-50 section--bg">
            <div class="container">
                <div class="row justify-content-center gy-4">
                    <div class="col-xl-3 col-lg-6 col-md-8">
                        @include('include.employer-side-nav')
                    </div>
                    <div class="col-xl-9 ps-xl-4">
                        <form action="{{ url('/employer/profile/update') }}" method="POST"  enctype="multipart/form-data" class="edit-profile-form">
                            @csrf
                            <div class="profile-thumb-wrapper">
                                <div class="profile-thumb">
                                    <div class="avatar-preview">
                                        <div class="profilePicPreview"
                                            style="background-image:url('{{ $imageUrl }}');">
                                        </div>
                                    </div>
                                    <div class="avatar-edit ps-4">
                                        <input type="file" name="logo" class="profilePicUpload" id="profilePicUpload1"
                                            accept=".png, .jpg, .jpeg">
                                        <label for="profilePicUpload1" class="btn btn--base">Select Company Logo</label>
                                        <p class="fs--14px mb-3">Suitable files are .jpg &amp; .png</p>
                                    </div>
                                </div>
                            </div>

                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Company Basic Information</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6 form-group">
                                            <label for="company_name">Company name <sup
                                                    class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-briefcase"></i>
                                                <input type="text" name="company_name" id="company_name" value="{{ $employerModel->company_name }}"
                                                    class="form--control" placeholder="Enter company name"
                                                    maxlength="40" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="ceo_name">Company ceo name <sup
                                                    class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-user"></i>
                                                <input type="text" name="ceo_name" id="ceo_name" value="{{ $employerModel->ceo_name }}"
                                                    class="form--control" placeholder="Enter company ceo name"
                                                    maxlength="40" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="email">Email <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-envelope"></i>
                                                <input type="email" name="email" id="email" class="form--control"
                                                    value="{{ $employerModel->email }}" placeholder="Enter Email"
                                                    maxlength="40" required="">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="mobile">Phone <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-phone"></i>
                                                <input type="text" name="mobile" id="mobile" class="form--control"
                                                    value="{{ $employerModel->mobile }}" placeholder="Enter phone number" maxlength="40"
                                                    required="">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="website">Website <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-link"></i>
                                                <input type="url" name="website" id="website" class="form--control"
                                                    value="{{ $employerModel->website }}" placeholder="https://demowebsite.com" required="">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="fax">Fax</label>
                                            <div class="custom-icon-field">
                                                <i class="las la-fax"></i>
                                                <input type="text" name="fax" id="fax" maxlength="40"
                                                    class="form--control" value="{{ $employerModel->fax }}" placeholder="Enter company fax">
                                            </div>
                                        </div>


                                        <div class="col-lg-6 form-group">
                                            <label for="industry">Industry <sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="industry" id="industry" required="">
                                                <option value="">Select One</option>
                                                @foreach($industryModel as $industry)
                                                  <option value="{{ $industry->id }}" {{ $industry->id  == $employerModel->industry_id ? 'selected' : ''  }}>{{ $industry->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>


                                        <div class="col-lg-6 form-group">
                                            <label for="number_of_employees">Number Of Employees <sup
                                                    class="text--danger">*</sup></label>
                                            <select class="form--control" name="number_of_employees" id="number_of_employees" required="">
                                                <option value="">Select One</option>
                                                @foreach($noOfEmployees as $noEmployees)
                                                    <option value="{{ $noEmployees->id }}" {{ $noEmployees->id  == $employerModel->number_of_employees_id ? 'selected' : ''  }} >{{ $noEmployees->employees }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="address">Address <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-map-marker-alt"></i>
                                                <input type="text" name="address" id="address" class="form--control"  
                                                    value="{{ $employerModel->address ? $employerModel->address->address :'' }}" placeholder="Enter company address" required="">
                                            </div>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="state">State <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-map-signs"></i>
                                                <input type="text" name="state" id="state" value="{{ $employerModel->address->state ? $employerModel->address->state : ''}}"
                                                    class="form--control" placeholder="Enter State" required="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="city">City <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-map-pin"></i>
                                                <input type="text" name="city" id="city" value="{{ $employerModel->address ? $employerModel->address->city : ''}}" class="form--control"
                                                    placeholder="Enter City" required="">
                                            </div>
                                        </div>


                                        <div class="col-lg-6 form-group">
                                            <label for="zip">Zip Code <sup class="text--danger">*</sup></label>
                                            <div class="custom-icon-field">
                                                <i class="las la-location-arrow"></i>
                                                <input type="text" name="zip" id="zip" value="{{ $employerModel->address ? $employerModel->address->zip : ''}}" class="form--control"
                                                    placeholder="Enter Zip" required="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Company Description <sup class="text--danger">*</sup></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">{{ $employerModel->description }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Company Social Links</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6 form-group">
                                            <label for="facebook">Facebook</label>
                                            <div class="custom-icon-field">
                                                <i class="lab la-facebook-f"></i>
                                                <input type="url" name="facebook" class="form--control" value="{{ $employerModel->socialMedia ?  json_decode($employerModel->socialMedia, true)['facebook'] : '' }}"
                                                placeholder="https://facebook.com/demo">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="twitter">Twitter</label>
                                            <div class="custom-icon-field">
                                                <i class="lab la-twitter"></i>
                                                <input type="url" name="twitter" class="form--control" value="{{ $employerModel->socialMedia ? json_decode($employerModel->socialMedia, true)['twitter'] : '' }}"
                                                placeholder="https://twitter.com/demo">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="pinterest">Pinterest</label>
                                            <div class="custom-icon-field">
                                                <i class="lab la-pinterest-p"></i>
                                                <input type="url" name="pinterest" class="form--control" value="{{ $employerModel->socialMedia ? json_decode($employerModel->socialMedia, true)['pinterest'] : ''}}"
                                                        placeholder="https://pinterest.com/demo">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="linkedin">Linkedin</label>
                                            <div class="custom-icon-field">
                                                <i class="lab la-linkedin-in"></i>
                                                <input type="url" name="linkedin" class="form--control" value="{{ $employerModel->socialMedia ? json_decode($employerModel->socialMedia, true)['linkedin'] : ''}}"
                                                placeholder="https://linkedin.com/in/demo">
                                            </div>
                                        </div>
                                    </div><!-- row end -->
                                </div>
                            </div>
                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn--base"><i class="las la-upload fs--18px"></i>Update Profile</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


    </div>
</section>
@section('scripts')
<script src="{{ asset('assets/web/js/editor.js') }}"></script>
<script>
    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();
    });
</script>
@endsection
@endsection