@extends('layouts.user-no-nav')

@section('page_title', __('Candidate profile'))

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/home.css',
            '/css/pages/candidate-profile.css',
            '/libs/@selectize/selectize/dist/css/selectize.css',
            '/libs/@selectize/selectize/dist/css/selectize.bootstrap4.css',
         ])->withFullUrl()
    !!}
@stop

@section('scripts')
    {!!
        Minify::javascript([
            '/libs/@selectize/selectize/dist/js/selectize.min.js',
            '/js/pages/candidate-profile.js',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => __('Candidate profile'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Candidate dashboard'), 'route' => route('my.candidate.dashboard')],
                ['title' => __('Candidate profile')],
            ],
        ])

        @include('elements.message-alert',['classes'=>'alert-box pt-0 pb-4'])

        <div class="row mb-4">
            <div class="col-12 col-lg-8 mb-4">
                <form id="candidate-profile-form" method="POST" action="{{route('my.candidate.profile.update')}}">
                    @csrf
                    @method('PATCH')

                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-start mb-3">
                                <div>
                                    <h4 class="font-weight-bold mb-1">{{__('Profile basics')}}</h4>
                                    <p class="text-muted mb-0">{{__('Tell employers what you are looking for and how you work best.')}}</p>
                                </div>
                                <div class="custom-control custom-switch mt-3 mt-md-1">
                                    <input type="checkbox" class="custom-control-input" id="open_to_work" name="open_to_work" value="1" {{old('open_to_work', $profile->open_to_work) ? 'checked' : ''}}>
                                    <label class="custom-control-label font-weight-bold" for="open_to_work">{{__('Open to work')}}</label>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold" for="headline">{{__('Headline')}}</label>
                                <input class="form-control {{$errors->has('headline') ? 'is-invalid' : ''}}" id="headline" name="headline" value="{{old('headline', $profile->headline)}}" placeholder="{{__('Senior Laravel developer looking for remote product teams')}}">
                                @if($errors->has('headline'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('headline')}}</strong></span>
                                @endif
                            </div>

                            <div class="form-group mb-0">
                                <label class="font-weight-bold" for="bio">{{__('Bio')}}</label>
                                <textarea class="form-control {{$errors->has('bio') ? 'is-invalid' : ''}}" id="bio" name="bio" rows="5" placeholder="{{__('A short overview of your background, strengths, and ideal next role.')}}">{{old('bio', $profile->bio)}}</textarea>
                                @if($errors->has('bio'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('bio')}}</strong></span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="card rounded-xl shadow-sm mb-4"
                         data-candidate-profile-url-config
                         data-base-url="{{$candidateProfileUrlConfig['baseUrl']}}"
                         data-saved-slug="{{$candidateProfileUrlConfig['savedSlug']}}"
                         data-profile-is-public="{{$candidateProfileUrlConfig['profileIsPublic'] ? '1' : '0'}}"
                         data-empty-text="{{$candidateProfileUrlConfig['emptyText']}}"
                         data-copied-title="{{$candidateProfileUrlConfig['copiedTitle']}}"
                         data-copied-text="{{$candidateProfileUrlConfig['copiedText']}}">
                        <div class="card-body">
                            <h4 class="font-weight-bold mb-1">{{__('Role preferences')}}</h4>
                            <p class="text-muted">{{__('These preferences can power future alerts and recommendations.')}}</p>

                            <div class="form-group">
                                <label class="font-weight-bold" for="desired_job_titles">{{__('Target roles')}}</label>
                                <input class="form-control {{$errors->has('desired_job_titles') ? 'is-invalid' : ''}}" id="desired_job_titles" name="desired_job_titles" value="{{$jobTitles}}" placeholder="{{__('Laravel developer, Backend engineer, Platform engineer')}}">
                                @if($errors->has('desired_job_titles'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('desired_job_titles')}}</strong></span>
                                @endif
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold" for="desired_locations">{{__('Preferred locations')}}</label>
                                <input class="form-control {{$errors->has('desired_locations') ? 'is-invalid' : ''}}" id="desired_locations" name="desired_locations" value="{{$locations}}" placeholder="{{__('Remote, Europe, New York')}}">
                                @if($errors->has('desired_locations'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('desired_locations')}}</strong></span>
                                @endif
                            </div>

                            <div class="form-group mb-0">
                                <label class="font-weight-bold" for="desired_skills">{{__('Skills')}}</label>
                                <select class="form-control candidate-skills-selector {{$errors->has('desired_skills') ? 'is-invalid' : ''}}" id="desired_skills" name="desired_skills[]" multiple="multiple" placeholder="{{__('Laravel, PHP, Vue, MySQL')}}">
                                    @foreach($availableSkills as $skill)
                                        <option value="{{$skill}}" {{in_array($skill, $skills, true) ? 'selected' : ''}}>{{$skill}}</option>
                                    @endforeach
                                </select>
                                <small class="form-text text-muted">{{__('Choose from existing skills or type a new one and press enter.')}}</small>
                                @if($errors->has('desired_skills'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('desired_skills')}}</strong></span>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <h4 class="font-weight-bold mb-1">{{__('Work details')}}</h4>
                            <p class="text-muted">{{__('Add practical hiring details candidates usually repeat in every application.')}}</p>

                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="form-group">
                                        <label class="font-weight-bold" for="remote_preference">{{__('Work mode')}}</label>
                                        <select class="form-control {{$errors->has('remote_preference') ? 'is-invalid' : ''}}" id="remote_preference" name="remote_preference">
                                            <option value="">{{__('Choose...')}}</option>
                                            <option value="remote" {{old('remote_preference', $profile->remote_preference) === 'remote' ? 'selected' : ''}}>{{__('Remote')}}</option>
                                            <option value="hybrid" {{old('remote_preference', $profile->remote_preference) === 'hybrid' ? 'selected' : ''}}>{{__('Hybrid')}}</option>
                                            <option value="onsite" {{old('remote_preference', $profile->remote_preference) === 'onsite' ? 'selected' : ''}}>{{__('On-site')}}</option>
                                            <option value="flexible" {{old('remote_preference', $profile->remote_preference) === 'flexible' ? 'selected' : ''}}>{{__('Flexible')}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="form-group">
                                        <label class="font-weight-bold" for="availability">{{__('Availability')}}</label>
                                        <select class="form-control {{$errors->has('availability') ? 'is-invalid' : ''}}" id="availability" name="availability">
                                            <option value="">{{__('Choose...')}}</option>
                                            <option value="immediately" {{old('availability', $profile->availability) === 'immediately' ? 'selected' : ''}}>{{__('Immediately')}}</option>
                                            <option value="two_weeks" {{old('availability', $profile->availability) === 'two_weeks' ? 'selected' : ''}}>{{__('Two weeks')}}</option>
                                            <option value="one_month" {{old('availability', $profile->availability) === 'one_month' ? 'selected' : ''}}>{{__('One month')}}</option>
                                            <option value="three_months" {{old('availability', $profile->availability) === 'three_months' ? 'selected' : ''}}>{{__('Three months')}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="form-group">
                                        <label class="font-weight-bold" for="seniority">{{__('Seniority')}}</label>
                                        <select class="form-control {{$errors->has('seniority') ? 'is-invalid' : ''}}" id="seniority" name="seniority">
                                            <option value="">{{__('Choose...')}}</option>
                                            <option value="entry" {{old('seniority', $profile->seniority) === 'entry' ? 'selected' : ''}}>{{__('Entry')}}</option>
                                            <option value="mid" {{old('seniority', $profile->seniority) === 'mid' ? 'selected' : ''}}>{{__('Mid-level')}}</option>
                                            <option value="senior" {{old('seniority', $profile->seniority) === 'senior' ? 'selected' : ''}}>{{__('Senior')}}</option>
                                            <option value="lead" {{old('seniority', $profile->seniority) === 'lead' ? 'selected' : ''}}>{{__('Lead')}}</option>
                                            <option value="executive" {{old('seniority', $profile->seniority) === 'executive' ? 'selected' : ''}}>{{__('Executive')}}</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 col-md-4">
                                    <div class="form-group mb-md-0">
                                        <label class="font-weight-bold" for="desired_salary_min">{{__('Salary min')}}</label>
                                        <input type="number" min="0" class="form-control {{$errors->has('desired_salary_min') ? 'is-invalid' : ''}}" id="desired_salary_min" name="desired_salary_min" value="{{old('desired_salary_min', $profile->desired_salary_min)}}">
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="form-group mb-md-0">
                                        <label class="font-weight-bold" for="desired_salary_max">{{__('Salary max')}}</label>
                                        <input type="number" min="0" class="form-control {{$errors->has('desired_salary_max') ? 'is-invalid' : ''}}" id="desired_salary_max" name="desired_salary_max" value="{{old('desired_salary_max', $profile->desired_salary_max)}}">
                                        @if($errors->has('desired_salary_max'))
                                            <span class="invalid-feedback"><strong>{{$errors->first('desired_salary_max')}}</strong></span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <div class="form-group mb-0">
                                        <label class="font-weight-bold" for="desired_salary_currency">{{__('Currency')}}</label>
                                        <select class="form-control {{$errors->has('desired_salary_currency') ? 'is-invalid' : ''}}" id="desired_salary_currency" name="desired_salary_currency">
                                            <option value="">{{__('Choose...')}}</option>
                                            @foreach(['USD', 'EUR', 'GBP', 'CAD', 'AUD'] as $currency)
                                                <option value="{{$currency}}" {{old('desired_salary_currency', $profile->desired_salary_currency) === $currency ? 'selected' : ''}}>{{$currency}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <h4 class="font-weight-bold mb-1">{{__('CV and visibility')}}</h4>
                            <p class="text-muted">{{__('For now, add a link to your CV. Later this can become an uploaded CV or built-in CV builder.')}}</p>

                            <div class="form-group">
                                <label class="font-weight-bold" for="resume_url">{{__('CV / resume URL')}}</label>
                                <input type="url" class="form-control {{$errors->has('resume_url') ? 'is-invalid' : ''}}" id="resume_url" name="resume_url" value="{{old('resume_url', $profile->resume_url)}}" placeholder="https://...">
                                @if($errors->has('resume_url'))
                                    <span class="invalid-feedback"><strong>{{$errors->first('resume_url')}}</strong></span>
                                @endif
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label class="font-weight-bold" for="visibility">{{__('Visibility')}}</label>
                                        <select class="form-control {{$errors->has('visibility') ? 'is-invalid' : ''}}" id="visibility" name="visibility">
                                            <option value="private" {{old('visibility', $profile->visibility) === 'private' ? 'selected' : ''}}>{{__('Private')}}</option>
                                            <option value="employers_only" {{old('visibility', $profile->visibility) === 'employers_only' ? 'selected' : ''}}>{{__('Employers only')}}</option>
                                            <option value="public" {{old('visibility', $profile->visibility) === 'public' ? 'selected' : ''}}>{{__('Public')}}</option>
                                        </select>
                                        <small class="form-text text-muted">{{__('Public profiles are available at a shareable talent URL in the sidebar.')}}</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <button class="btn btn-primary btn-block mb-0" type="submit">{{__('Save candidate profile')}}</button>
                </form>
            </div>

            <div class="col-12 col-lg-4">
                <div class="candidate-profile-sidebar">
                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="font-weight-bold">{{__('Profile completeness')}}</h5>
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="text-muted">{{__('Progress')}}</span>
                                <span class="font-weight-bold">{{$completion}}%</span>
                            </div>
                            <div class="progress profile-progress mb-3">
                                <div class="progress-bar bg-primary" role="progressbar" style="width: {{$completion}}%" aria-valuenow="{{$completion}}" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            @if(count($missingItems))
                                <p class="text-muted mb-2">{{__('Next steps')}}</p>
                                @foreach($missingItems as $item)
                                    <div class="small text-muted mb-1">- {{$item}}</div>
                                @endforeach
                            @else
                                <p class="text-muted mb-0">{{__('Your profile has the important pieces in place.')}}</p>
                            @endif
                        </div>
                    </div>

                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="font-weight-bold mb-1">{{__('Candidate profile URL')}}</h5>
                            <p class="text-muted mb-2">{{__('Customize your talent profile link. It is shareable when visibility is Public.')}}</p>
                            <div class="public-profile-status {{$profile->isPublic() ? 'is-live' : ''}} mb-3">
                                <span class="public-profile-status-dot"></span>
                                <span>{{$profile->isPublic() ? __('Public profile is live') : __('Private until visibility is set to Public')}}</span>
                            </div>

                            <div class="form-group">
                                <label class="font-weight-bold" for="public_slug">{{__('URL slug')}}</label>
                                <div class="public-profile-prefix mb-2">{{url('/talent')}}/</div>
                                <input class="form-control {{$errors->has('public_slug') ? 'is-invalid' : ''}}" id="public_slug" name="public_slug" form="candidate-profile-form" value="{{$publicSlug}}" placeholder="{{__('rachel-zane')}}">
                                @if($errors->has('public_slug'))
                                    <span class="invalid-feedback d-block"><strong>{{$errors->first('public_slug')}}</strong></span>
                                @endif
                                <small class="form-text text-muted">{{__('Use letters, numbers, and dashes. Leave blank to auto-generate.')}}</small>
                            </div>

                            <div class="public-profile-share mb-3">
                                <div class="small font-weight-bold text-muted mb-2">{{__('Shareable link')}}</div>
                                <div class="public-profile-share-row">
                                    <a id="public_profile_url" class="public-profile-share-url {{$publicProfileUrl ? '' : 'is-empty'}}" href="{{$publicProfileUrl ?: '#'}}" target="_blank" rel="noopener" title="{{$publicProfileUrl}}">
                                        {{$candidateProfileUrl ?: __('Save a URL slug to reserve your profile link')}}
                                    </a>
                                    <button class="btn btn-outline-primary btn-sm mb-0" type="button" data-copy-profile-url="{{$publicProfileUrl}}" {{$publicProfileUrl ? '' : 'disabled'}}>{{__('Copy')}}</button>
                                </div>
                            </div>
                            <div class="public-profile-actions">
                                @if($profile->isPublic() && $publicProfileUrl)
                                    <a class="btn btn-outline-primary mb-0" href="{{$publicProfileUrl}}" target="_blank" rel="noopener">{{__('Open')}}</a>
                                @else
                                    <button class="btn btn-outline-secondary mb-0" type="button" disabled>{{__('Open')}}</button>
                                @endif
                                <button class="btn btn-primary mb-0" type="submit" form="candidate-profile-form">{{__('Save URL')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection