@extends('layouts.app')
@section('title', 'Settings')

@section('content')
    <x-page-header title="Settings" lede="How this organisation appears and behaves." />

    <div class="tabs">
        <a class="active" href="{{ route('app.settings.index') }}">Organisation</a>
        @can('pipelines.manage')<a href="{{ route('app.settings.pipelines') }}">Pipelines</a>@endcan
        @can('tags.manage')<a href="{{ route('app.settings.tags') }}">Tags</a>@endcan
    </div>

    <form method="POST" action="{{ route('app.settings.update') }}">
        @csrf @method('PUT')

        <div class="grid two">
            <x-card title="Organisation">
                <x-field name="name" label="Name" :value="$tenant->name" required />
                <x-field name="email" label="Main email" type="email" :value="$tenant->email" required />
                <x-field name="phone" label="Phone" type="tel" :value="$tenant->phone" />
                <x-field name="website" label="Website" type="url" :value="$tenant->website" />
                <x-field name="country" label="Country code" :value="$tenant->country" maxlength="2" placeholder="GH" />
            </x-card>

            <x-card title="Formats">
                <x-field name="timezone" label="Time zone" type="select" :value="$tenant->timezone" required
                         :options="collect(timezone_identifiers_list())->mapWithKeys(fn ($tz) => [$tz => $tz])"
                         hint="Everything is stored in UTC and shown in this zone." />
                <x-field name="currency" label="Default currency" type="select" :value="$tenant->currency" required
                         :options="collect($currencies)->mapWithKeys(fn ($c) => [$c => $c])"
                         hint="New deals start here. Individual deals can differ." />
                <x-field name="date_format" label="Date format" type="select" :value="$tenant->date_format" required
                         :options="['d M Y' => date('d M Y'), 'd/m/Y' => date('d/m/Y'), 'm/d/Y' => date('m/d/Y'), 'Y-m-d' => date('Y-m-d')]" />
            </x-card>
        </div>

        @can('settings.update')
            <div class="row" style="margin-top:18px">
                <button class="btn primary" type="submit">Save settings</button>
            </div>
        @endcan
    </form>
@endsection