@extends('layouts.app')
@section('title', ($milestone->exists ? 'Edit milestone' : 'Add milestone').' — InLynq')
@section('heading', 'Milestones')

@section('content')
<form method="POST" action="{{ $milestone->exists ? route('milestones.update', $milestone) : route('milestones.store') }}" class="app-narrow">
  @csrf @if($milestone->exists) @method('PUT') @endif
  <x-iq.page-head :title="$milestone->exists ? 'Edit milestone' : 'Add milestone'" crumb="Milestones" :crumb-href="route('milestones.index')" />
  <div class="iq-card" style="padding:24px"><div class="iq-grid-2">
    <x-iq.field label="What happened" name="title" span help="Past tense, e.g. Reached 100 customers."><x-iq.input name="title" :value="$milestone->title" required maxlength="120" /></x-iq.field>
    <x-iq.field label="When" name="date"><x-iq.input type="month" name="date" :value="$milestone->date?->format('Y-m')" required /></x-iq.field>
    <x-iq.field label="Company" name="company_id" optional><x-iq.select name="company_id" :options="$companies->pluck('name', 'id')->all()" :value="$milestone->company_id" placeholder="Personal" /></x-iq.field>
    <x-iq.field label="One or two sentences" name="description" optional span><x-iq.textarea name="description" :value="$milestone->description" max="300" style="min-height:72px" /></x-iq.field>
    <x-iq.field label="Link" name="url" optional span><x-iq.affix name="url" prefix="https://" :value="preg_replace('#^https?://#', '', (string) $milestone->url)" /></x-iq.field>
    <label class="iq-row" style="gap:12px;font-size:14px;grid-column:1/-1"><x-iq.switch name="is_public" :checked="$milestone->is_public ?? true" /> Show on my profile</label>
  </div></div>
  <div class="app-formactions" style="border:0"><a class="iq-btn iq-btn-quiet" href="{{ route('milestones.index') }}">Cancel</a><button class="iq-btn iq-btn-primary">Save milestone</button></div>
</form>
@endsection