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

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

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

        <div class="grid two">
            <x-card title="The organisation">
                <x-field name="name" label="Company name" :value="$company->name" required />
                <x-field name="industry" label="Industry" :value="$company->industry" />
                <x-field name="website" label="Website" type="url" :value="$company->website" placeholder="https://" />
                <div class="grid form">
                    <x-field name="employee_count" label="Employees" type="number" min="0" :value="$company->employee_count" />
                    <x-field name="annual_revenue" label="Annual revenue" type="number" step="0.01" min="0" :value="$company->annual_revenue" />
                </div>
                <x-field name="owner_id" label="Owner" type="select" :value="$company->owner_id ?? auth()->id()" :options="$owners" />
            </x-card>

            <x-card title="Contact and address">
                <div class="grid form">
                    <x-field name="email" label="Email" type="email" :value="$company->email" />
                    <x-field name="phone" label="Phone" type="tel" :value="$company->phone" />
                </div>
                <x-field name="address_line1" label="Address" :value="$company->address_line1" />
                <div class="grid form">
                    <x-field name="city" label="City" :value="$company->city" />
                    <x-field name="region" label="Region" :value="$company->region" />
                    <x-field name="postal_code" label="Postal code" :value="$company->postal_code" />
                    <x-field name="country" label="Country code" :value="$company->country" maxlength="2" placeholder="GH" />
                </div>
            </x-card>
        </div>

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

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