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

@section('content')
    <x-page-header :title="$contact->exists ? 'Edit '.$contact->full_name : 'New contact'"
                   :lede="$contact->exists ? null : 'Only a first name is required. Everything else can wait.'" />

    <form method="POST" action="{{ $contact->exists ? route('app.contacts.update', $contact) : route('app.contacts.store') }}">
        @csrf
        @if ($contact->exists) @method('PUT') @endif

        <div class="grid two">
            <x-card title="Who they are">
                <div class="grid form">
                    <x-field name="first_name" label="First name" :value="$contact->first_name" required />
                    <x-field name="last_name" label="Last name" :value="$contact->last_name" />
                </div>
                <x-field name="job_title" label="Job title" :value="$contact->job_title" />
                <x-field name="company_id" label="Company" type="select" :value="$contact->company_id" :options="$companies" />
                <div class="grid form">
                    <x-field name="contact_type" label="Type" type="select" :value="$contact->contact_type" :options="[
                        'prospect' => 'Prospect', 'customer' => 'Customer', 'partner' => 'Partner', 'vendor' => 'Vendor',
                    ]" required />
                    <x-field name="status" label="Status" type="select" :value="$contact->status" :options="[
                        'active' => 'Active', 'inactive' => 'Inactive', 'do_not_contact' => 'Do not contact',
                    ]" required />
                </div>
                <x-field name="source" label="Where they came from" :value="$contact->source" placeholder="Referral, website, event" />
            </x-card>

            <x-card title="How to reach them">
                <x-field name="email" label="Email" type="email" :value="$contact->email" />
                <div class="grid form">
                    <x-field name="phone" label="Phone" type="tel" :value="$contact->phone" />
                    <x-field name="alt_phone" label="Alternative phone" type="tel" :value="$contact->alt_phone" />
                </div>
                <x-field name="website" label="Website" type="url" :value="$contact->website" />

                <div class="row" style="gap:20px;margin:14px 0">
                    <label class="check"><input type="checkbox" name="do_not_email" value="1" @checked(old('do_not_email', $contact->do_not_email))> <span>Do not email</span></label>
                    <label class="check"><input type="checkbox" name="do_not_call" value="1" @checked(old('do_not_call', $contact->do_not_call))> <span>Do not call</span></label>
                </div>

                <x-field name="owner_id" label="Owner" type="select" :value="$contact->owner_id ?? auth()->id()" :options="$owners" />
                <x-field name="next_contact_at" label="Next contact" type="date"
                         :value="$contact->next_contact_at?->format('Y-m-d')" hint="Shows up on your dashboard when it comes round." />
            </x-card>
        </div>

        <x-card title="Address and notes" style="margin-top:16px">
            <div class="grid form">
                <x-field name="address_line1" label="Address" :value="$contact->address_line1" />
                <x-field name="city" label="City" :value="$contact->city" />
                <x-field name="region" label="Region" :value="$contact->region" />
                <x-field name="postal_code" label="Postal code" :value="$contact->postal_code" />
                <x-field name="country" label="Country code" :value="$contact->country" maxlength="2" placeholder="GH" />
            </div>
            <x-field name="description" label="Background" type="textarea" :value="$contact->description" />
        </x-card>

        <div class="row" style="margin-top:18px">
            <button class="btn primary" type="submit">{{ $contact->exists ? 'Save changes' : 'Create contact' }}</button>
            <a class="btn secondary" href="{{ $contact->exists ? route('app.contacts.show', $contact) : route('app.contacts.index') }}">Cancel</a>
        </div>
    </form>
@endsection