@extends('layouts.app')
@section('title', $contact->exists ? 'Edit contact' : 'Add contact')

@section('content')
<form method="POST"
      action="{{ $contact->exists ? route('contacts.update', $contact) : route('contacts.store') }}"
      class="mx-auto max-w-3xl space-y-6">
    @csrf
    @if ($contact->exists) @method('PUT') @endif

    <div class="card-pad grid gap-4 sm:grid-cols-2">
        <div class="sm:col-span-2">
            <label class="label" for="email">Email address *</label>
            <input id="email" name="email" type="email" required class="input" value="{{ old('email', $contact->email) }}">
            <x-field-error field="email"/>
        </div>
        <div>
            <label class="label" for="first_name">First name</label>
            <input id="first_name" name="first_name" class="input" value="{{ old('first_name', $contact->first_name) }}">
        </div>
        <div>
            <label class="label" for="last_name">Last name</label>
            <input id="last_name" name="last_name" class="input" value="{{ old('last_name', $contact->last_name) }}">
        </div>
        <div>
            <label class="label" for="full_name">Full name</label>
            <input id="full_name" name="full_name" class="input" value="{{ old('full_name', $contact->full_name) }}">
        </div>
        <div>
            <label class="label" for="company">Company</label>
            <input id="company" name="company" class="input" value="{{ old('company', $contact->company) }}">
        </div>
        <div>
            <label class="label" for="job_title">Job title</label>
            <input id="job_title" name="job_title" class="input" value="{{ old('job_title', $contact->job_title) }}">
        </div>
        <div>
            <label class="label" for="website">Website</label>
            <input id="website" name="website" class="input" value="{{ old('website', $contact->website) }}">
        </div>
        <div>
            <label class="label" for="phone">Phone</label>
            <input id="phone" name="phone" class="input" value="{{ old('phone', $contact->phone) }}">
        </div>
        <div>
            <label class="label" for="country">Country</label>
            <input id="country" name="country" class="input" value="{{ old('country', $contact->country) }}">
        </div>
        <div>
            <label class="label" for="city">City</label>
            <input id="city" name="city" class="input" value="{{ old('city', $contact->city) }}">
        </div>
        <div>
            <label class="label" for="industry">Industry</label>
            <input id="industry" name="industry" class="input" value="{{ old('industry', $contact->industry) }}">
        </div>
        <div>
            <label class="label" for="source">Source</label>
            <input id="source" name="source" class="input" value="{{ old('source', $contact->source) }}">
        </div>
        @if ($contact->exists)
            <div>
                <label class="label" for="status">Status</label>
                <select id="status" name="status" class="input">
                    @foreach (\App\Models\Contact::STATUSES as $status)
                        <option value="{{ $status }}" @selected(old('status', $contact->status) === $status)>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>
                    @endforeach
                </select>
                <p class="help">Changing status here does not remove global suppression records — manage those under Suppression.</p>
            </div>
        @endif
        <div class="sm:col-span-2">
            <label class="label" for="notes">Notes</label>
            <textarea id="notes" name="notes" rows="3" class="input">{{ old('notes', $contact->notes) }}</textarea>
        </div>
        <div class="sm:col-span-2">
            <span class="label">Lists</span>
            <div class="flex flex-wrap gap-3">
                @forelse ($lists as $list)
                    <label class="flex items-center gap-2 text-sm">
                        <input type="checkbox" name="list_ids[]" value="{{ $list->id }}" class="rounded border-slate-300 text-brand-600"
                               @checked(in_array($list->id, old('list_ids', $contact->exists ? $contact->lists->pluck('id')->all() : [])))>
                        {{ $list->name }}
                    </label>
                @empty
                    <p class="text-sm text-slate-500">No lists yet — create one under Lists.</p>
                @endforelse
            </div>
        </div>
    </div>

    <div class="flex items-center justify-end gap-2">
        <a href="{{ $contact->exists ? route('contacts.show', $contact) : route('contacts.index') }}" class="btn-secondary">Cancel</a>
        <button class="btn-primary">{{ $contact->exists ? 'Save changes' : 'Create contact' }}</button>
    </div>
</form>
@endsection