@extends('layouts.app')

@section('title', 'My profile and job alerts | healthcareers.app')
@section('robots', 'noindex, nofollow')

@php
    $chosenTitles = array_map('intval', (array) old('titles', $profile->titles->pluck('id')->all()));
    $chosenPlaces = old('locations') !== null
        ? collect((array) old('locations'))->map(fn ($k) => ($p = \App\Models\AlertLocation::parseKey((string) $k)) ? \App\Models\AlertLocation::make($p) : null)->filter()
        : $profile->locations;
    $tz = old('timezone', $profile->timezone);
@endphp

@section('content')
    <div class="narrow wide">
        <h1>My profile and job alerts</h1>
        @if ($profile->exists && ! $profile->confirmed_at)
            <div class="notice" role="status">We carried your profile over from the old site. Check it and press <strong>Save</strong> to turn your job alerts on.</div>
        @elseif (! $profile->exists)
            <p class="lead">Choose the jobs and places you want. Matching jobs are emailed to {{ $user->email }}.</p>
        @endif
        @include('partials.errors')

        <form class="card form" method="post" action="{{ route('profile.update') }}" id="profile-form" data-max-titles="{{ \App\Models\AlertProfile::MAX_TITLES }}">
            @csrf
            <div class="field">
                <label for="p-name">Full name</label>
                <input id="p-name" name="full_name" value="{{ old('full_name', $profile->full_name) }}" maxlength="120" autocomplete="name">
                <span class="hint">Only used to greet you in emails. Employers see your name only when you reply to a job.</span>
            </div>

            <fieldset class="field pick">
                <legend>Job titles <span class="hint" id="title-count">up to {{ \App\Models\AlertProfile::MAX_TITLES }}</span></legend>
                <p class="chosen-titles" id="chosen-titles">{{ $titles->flatten()->whereIn('id', $chosenTitles)->pluck('name')->implode(' · ') ?: 'None chosen yet.' }}</p>
                <input type="search" id="title-filter" placeholder="Filter the list, e.g. nurse, therapist, coder" aria-label="Filter job titles">
                <div class="pick-list">
                    @foreach ($titles as $category => $group)
                        <div class="pick-group">
                            <div class="eyebrow">{{ $category }}</div>
                            @foreach ($group as $t)
                                <label class="pick-title" data-search="{{ \Illuminate\Support\Str::lower($t->name.' '.$category.' '.implode(' ', $t->aliasList())) }}" data-name="{{ $t->name }}">
                                    <input type="checkbox" name="titles[]" value="{{ $t->id }}" @checked(in_array($t->id, $chosenTitles, true))> {{ $t->name }}
                                </label>
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </fieldset>

            <fieldset class="field">
                <legend>Places</legend>
                <div class="place-list" id="place-list">
                    @forelse ($chosenPlaces as $loc)
                        <label class="place-chip"><input type="checkbox" name="locations[]" value="{{ $loc->key() }}" checked> {{ $loc->label() }}</label>
                    @empty
                        <span class="hint" id="place-empty">No places yet. Add one below.</span>
                    @endforelse
                </div>
                <span class="hint">Untick a place to remove it when you save.</span>
                <div class="add-place">
                    <select id="np-country" name="new_country" aria-label="Country">
                        <option value="">Country…</option>
                        @foreach ($countries as $code => $name)<option value="{{ $code }}">{{ $name }}</option>@endforeach
                    </select>
                    <select id="np-region" name="new_region" aria-label="State or region" data-regions='@json($regions)'>
                        <option value="">Anywhere in the country</option>
                        @foreach ($regions as $cc => $list)
                            <optgroup label="{{ \App\Support\Places::countryName($cc) }}">
                                @foreach ($list as $rc => $rn)<option value="{{ $cc }}:{{ $rc }}">{{ $rn }}</option>@endforeach
                            </optgroup>
                        @endforeach
                    </select>
                    <label class="checkline"><input type="checkbox" id="np-remote" name="new_remote" value="1"> Remote jobs only</label>
                    <button class="btn sm" type="button" id="np-add" hidden>Add place</button>
                </div>
                <span class="hint">A region also gets you remote jobs in that country. Remote with no country: remote jobs anywhere.</span>
            </fieldset>

            <fieldset class="field emails">
                <legend>Emails</legend>
                <label class="checkline"><input type="hidden" name="weekly_email" value="0"><input type="checkbox" name="weekly_email" value="1" @checked(old('weekly_email', $profile->weekly_email))> Weekly email: new matching jobs, Monday morning</label>
                <label class="checkline"><input type="hidden" name="alert_blasts" value="0"><input type="checkbox" name="alert_blasts" value="1" @checked(old('alert_blasts', $profile->alert_blasts))> Instant alerts when an employer sends out a matching job</label>
                <label for="p-tz" class="small">Your time zone (the weekly email arrives about 7 AM)</label>
                <select id="p-tz" name="timezone" data-auto="{{ $profile->exists ? '0' : '1' }}">
                    @foreach ($zones as $z)<option value="{{ $z }}" @selected($z === $tz)>{{ str_replace('_', ' ', $z) }}</option>@endforeach
                </select>
            </fieldset>

            <button class="btn primary" type="submit">Save</button>
        </form>

        <form class="card form" method="post" action="{{ route('profile.suggest') }}">
            @csrf
            <h2 class="h3">Don't see your job title?</h2>
            <div class="field">
                <label for="p-suggest">Suggest one for the list</label>
                <input id="p-suggest" name="suggestion" maxlength="120" placeholder="e.g. Wound Care Nurse">
            </div>
            @if ($suggestions->isNotEmpty())<p class="hint">Waiting for review: {{ $suggestions->implode(', ') }}</p>@endif
            <button class="btn sm" type="submit">Suggest</button>
        </form>

        <div class="card">
            <h2 class="h3">Your data</h2>
            <p class="small">Download everything we hold about you: your account, job alerts, job posts, messages, orders and campaigns, as one file.</p>
            <a class="btn sm" href="{{ route('profile.export') }}">Download my data</a>
        </div>

        <details class="card danger-zone">
            <summary><strong>Delete my account</strong></summary>
            @if ($blockers)
                @foreach ($blockers as $b)<p class="small">{{ $b }}</p>@endforeach
            @else
                <form class="form" method="post" action="{{ route('profile.delete') }}" data-confirm="Delete your account and job alerts? This cannot be undone.">
                    @csrf
                    <p class="small">Deletes your job alerts, your messages with employers, and your sign-in. Download your data first if you want a copy. Ended job posts stay on the site without your email.</p>
                    <label class="checkline"><input type="checkbox" name="confirm" value="1"> I understand this cannot be undone</label>
                    <button class="btn" type="submit">Delete my account</button>
                </form>
            @endif
        </details>
    </div>
@endsection