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

@section('content')
    <x-page-header :title="$lead->exists ? 'Edit '.$lead->title : 'New lead'" />

    <form method="POST" action="{{ $lead->exists ? route('app.leads.update', $lead) : route('app.leads.store') }}">
        @csrf
        @if ($lead->exists) @method('PUT') @endif
        <input type="hidden" name="pipeline_id" value="{{ $lead->pipeline_id }}">

        <div class="grid two">
            <x-card title="The opportunity">
                <x-field name="title" label="What is this lead" :value="$lead->title" required
                         placeholder="CRM rollout for 20 users" />
                <div class="grid form">
                    <x-field name="stage_id" label="Stage" type="select" :value="$lead->stage_id"
                             :options="$stages->pluck('name', 'id')" required />
                    <x-field name="priority" label="Priority" type="select" :value="$lead->priority"
                             :options="['low' => 'Low', 'medium' => 'Medium', 'high' => 'High']" required />
                </div>
                <div class="grid form">
                    <x-field name="expected_value" label="Expected value" type="number" step="0.01" min="0" :value="$lead->expected_value" />
                    <x-field name="currency" label="Currency" type="select" :value="$lead->currency ?? auth()->user()->tenant->currency"
                             :options="collect(config('billing.currencies'))->mapWithKeys(fn ($c) => [$c => $c])" />
                </div>
                <x-field name="expected_close_date" label="Expected close" type="date" :value="$lead->expected_close_date?->format('Y-m-d')" />
                <x-field name="source" label="Source" :value="$lead->source" placeholder="Referral, website, event" />
            </x-card>

            <x-card title="Who it is with">
                <div class="grid form">
                    <x-field name="first_name" label="First name" :value="$lead->first_name" />
                    <x-field name="last_name" label="Last name" :value="$lead->last_name" />
                </div>
                <x-field name="company_name" label="Company name" :value="$lead->company_name"
                         hint="Free text. Link an existing record below if you have one." />
                <div class="grid form">
                    <x-field name="email" label="Email" type="email" :value="$lead->email" />
                    <x-field name="phone" label="Phone" type="tel" :value="$lead->phone" />
                </div>
                <x-field name="contact_id" label="Existing contact" type="select" :value="$lead->contact_id" :options="$contacts" />
                <x-field name="company_id" label="Existing company" type="select" :value="$lead->company_id" :options="$companies" />
                <x-field name="owner_id" label="Owner" type="select" :value="$lead->owner_id ?? auth()->id()" :options="$owners" />
            </x-card>
        </div>

        <x-card title="Background" style="margin-top:16px">
            <x-field name="description" type="textarea" :value="$lead->description" />
        </x-card>

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