{{-- Expects: $teamUsers, $partnerships, $customers, $termsLocked (true on a signed agreement), $datesLocked. --}}
@php $control = 'mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500 disabled:bg-slate-50 disabled:text-slate-500'; @endphp
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    @if ($termsLocked)
        <p class="flex items-start gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-600 sm:col-span-2">
            <x-icon name="lock-closed" class="mt-0.5 h-3.5 w-3.5 shrink-0" />
            {{ $datesLocked
                ? __('Signed: the terms are fixed. You can change who looks after it, the reference and the summary. To agree new terms, renew it.')
                : __('Signed: the terms are fixed. As a director you may also correct the dates.') }}
        </p>
    @endif
    <div class="sm:col-span-2">
        <x-label for="title" value="{{ __('Title') }}" />
        <x-input id="title" type="text" class="mt-1 block w-full" wire:model="title" :disabled="$termsLocked" />
        <x-input-error for="title" class="mt-2" />
    </div>
    <div>
        <x-label for="type" value="{{ __('Kind of agreement') }}" />
        <select id="type" wire:model="type" class="{{ $control }}" @disabled($termsLocked)>
            <option value="">{{ __('Not set') }}</option>
            @foreach (\App\Models\Crm\Agreement::TYPES as $key => $label)
                <option value="{{ $key }}">{{ __($label) }}</option>
            @endforeach
        </select>
        <x-input-error for="type" class="mt-2" />
    </div>
    <div>
        <x-label for="reference" value="{{ __('Reference') }}" />
        <x-input id="reference" type="text" class="mt-1 block w-full" wire:model="reference" />
        <x-input-error for="reference" class="mt-2" />
    </div>
    <div>
        <x-label for="partnership_id" value="{{ __('Partnership') }}" />
        <select id="partnership_id" wire:model="partnership_id" class="{{ $control }}" @disabled($termsLocked)>
            <option value="">{{ __('None') }}</option>
            @foreach ($partnerships as $partnership)
                <option value="{{ $partnership->id }}">{{ $partnership->name }}</option>
            @endforeach
        </select>
        <x-input-error for="partnership_id" class="mt-2" />
    </div>
    <div>
        <x-label for="owner_id" value="{{ __('Looked after by') }}" />
        <select id="owner_id" wire:model="owner_id" class="{{ $control }}">
            @foreach ($teamUsers as $person)
                <option value="{{ $person->id }}">{{ $person->name }}</option>
            @endforeach
        </select>
        <p class="mt-1 text-xs text-slate-400">{{ __('Gets the renewal reminders.') }}</p>
        <x-input-error for="owner_id" class="mt-2" />
    </div>
    @unless ($termsLocked)
        <div class="sm:col-span-2">
            @include('livewire.crm.partnerships.partials.organisation-picker', [
                'field' => 'customer_id',
                'label' => __('Organisation'),
                'hint' => __('Taken from the partnership when left empty.'),
            ])
        </div>
    @endunless
    <div>
        <x-label for="starts_on" value="{{ __('Starts on') }}" />
        <x-input id="starts_on" type="date" class="mt-1 block w-full" wire:model="starts_on" :disabled="$datesLocked" />
        <x-input-error for="starts_on" class="mt-2" />
    </div>
    <div>
        <x-label for="ends_on" value="{{ __('Ends on (blank if open-ended)') }}" />
        <x-input id="ends_on" type="date" class="mt-1 block w-full" wire:model="ends_on" :disabled="$datesLocked" />
        <x-input-error for="ends_on" class="mt-2" />
    </div>
    <label class="flex items-center gap-2 text-sm text-slate-700 sm:col-span-2">
        <input type="checkbox" wire:model="auto_renews" class="rounded border-slate-300 text-indigo-600 focus:ring-indigo-500" @disabled($datesLocked) />
        {{ __('Renews itself unless notice is given') }}
    </label>
    <div class="sm:col-span-2">
        <x-label for="counterparty_signatory" value="{{ __('Who signs for the other side') }}" />
        <x-input id="counterparty_signatory" type="text" class="mt-1 block w-full" wire:model="counterparty_signatory" :disabled="$termsLocked" />
        <x-input-error for="counterparty_signatory" class="mt-2" />
    </div>
    <div class="sm:col-span-2">
        <x-label for="summary" value="{{ __('Summary of the terms') }}" />
        <textarea id="summary" rows="4" wire:model="summary" class="{{ $control }}"></textarea>
        <x-input-error for="summary" class="mt-2" />
    </div>
</div>