@extends('layouts.app')
@section('title', isset($customer) ? 'Redigera kund' : 'Ny kund')
@section('content')
@php $isEdit = isset($customer); @endphp
<div style="max-width:760px;">
  <div style="display:flex;align-items:center;gap:12px;margin-bottom:24px;">
    <a href="{{ route('customers.index') }}" style="color:#5B6478;text-decoration:none;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg></a>
    <h2 style="font-family:'Instrument Serif',serif;font-size:24px;color:#E8EAF0;">{{ $isEdit ? 'Redigera kund' : 'Ny kund' }}</h2>
  </div>

  <form method="POST" action="{{ $isEdit ? route('customers.update',$customer) : route('customers.store') }}">
    @csrf @if($isEdit) @method('PUT') @endif

    <div class="ff-card" style="margin-bottom:16px;">
      <div style="font-size:13px;font-weight:500;color:#8B9AB8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;">Grunduppgifter</div>
      <div class="ff-form-row cols-2">
        <div class="ff-form-group">
          <label class="ff-label">Typ</label>
          <select name="type" class="ff-input ff-select">
            <option value="company" {{ ($isEdit&&$customer->type==='company')||!$isEdit?'selected':'' }}>Företag</option>
            <option value="individual" {{ $isEdit&&$customer->type==='individual'?'selected':'' }}>Privatperson</option>
          </select>
        </div>
        <div class="ff-form-group"><label class="ff-label">Namn *</label><input type="text" name="name" class="ff-input" value="{{ old('name',$customer->name??'') }}" required autofocus></div>
      </div>
      <div class="ff-form-row cols-2">
        <div class="ff-form-group"><label class="ff-label">E-postadress</label><input type="email" name="email" class="ff-input" value="{{ old('email',$customer->email??'') }}"></div>
        <div class="ff-form-group"><label class="ff-label">Telefon</label><input type="tel" name="phone" class="ff-input" value="{{ old('phone',$customer->phone??'') }}"></div>
      </div>
      <div class="ff-form-row cols-2">
        <div class="ff-form-group"><label class="ff-label">Organisationsnummer</label><input type="text" name="org_number" class="ff-input" value="{{ old('org_number',$customer->org_number??'') }}" placeholder="556XXX-XXXX"></div>
        <div class="ff-form-group"><label class="ff-label">Momsnummer</label><input type="text" name="vat_number" class="ff-input" value="{{ old('vat_number',$customer->vat_number??'') }}" placeholder="SE556XXXXXXXX01"></div>
      </div>
      <div class="ff-form-group"><label class="ff-label">Referensperson</label><input type="text" name="reference_person" class="ff-input" value="{{ old('reference_person',$customer->reference_person??'') }}" placeholder="Kontaktperson på företaget"></div>
    </div>

    <div class="ff-card" style="margin-bottom:16px;">
      <div style="font-size:13px;font-weight:500;color:#8B9AB8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;">Faktureringsadress</div>
      <div class="ff-form-group"><label class="ff-label">Gatuadress</label><input type="text" name="billing_address" class="ff-input" value="{{ old('billing_address',$customer->billing_address??'') }}"></div>
      <div class="ff-form-row cols-3">
        <div class="ff-form-group"><label class="ff-label">Postnummer</label><input type="text" name="billing_postal_code" class="ff-input" value="{{ old('billing_postal_code',$customer->billing_postal_code??'') }}"></div>
        <div class="ff-form-group"><label class="ff-label">Stad</label><input type="text" name="billing_city" class="ff-input" value="{{ old('billing_city',$customer->billing_city??'') }}"></div>
        <div class="ff-form-group"><label class="ff-label">Land</label>
          <select name="billing_country" class="ff-input ff-select">
            @foreach(['SE'=>'Sverige','NO'=>'Norge','DK'=>'Danmark','FI'=>'Finland','DE'=>'Tyskland','GB'=>'Storbritannien'] as $k=>$v)
            <option value="{{ $k }}" {{ old('billing_country',$customer->billing_country??'SE')===$k?'selected':'' }}>{{ $v }}</option>
            @endforeach
          </select>
        </div>
      </div>
    </div>

    <div class="ff-card" style="margin-bottom:16px;">
      <div style="font-size:13px;font-weight:500;color:#8B9AB8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;">Betalning & Villkor</div>
      <div class="ff-form-row cols-3">
        <div class="ff-form-group"><label class="ff-label">Betalningsvillkor (dagar)</label><input type="number" name="payment_terms" class="ff-input" value="{{ old('payment_terms',$customer->payment_terms??30) }}" min="0" max="180"></div>
        <div class="ff-form-group"><label class="ff-label">Valuta</label>
          <select name="currency" class="ff-input ff-select">
            @foreach(['SEK'=>'SEK — Kronor','EUR'=>'EUR — Euro','USD'=>'USD — Dollar','NOK'=>'NOK — Norska kr','DKK'=>'DKK — Danska kr'] as $k=>$v)
            <option value="{{ $k }}" {{ old('currency',$customer->currency??'SEK')===$k?'selected':'' }}>{{ $v }}</option>
            @endforeach
          </select>
        </div>
        <div class="ff-form-group"><label class="ff-label">Bankgironummer</label><input type="text" name="bankgiro_number" class="ff-input" value="{{ old('bankgiro_number',$customer->bankgiro_number??'') }}" placeholder="5XXX-XXXX"></div>
      </div>
      <div class="ff-form-group" style="margin-bottom:0;"><label class="ff-label">Anteckningar (intern)</label><textarea name="notes" class="ff-input ff-textarea" style="min-height:70px;">{{ old('notes',$customer->notes??'') }}</textarea></div>
    </div>

    <div style="display:flex;gap:12px;">
      <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Spara ändringar' : 'Skapa kund' }}</button>
      <a href="{{ route('customers.index') }}" class="btn btn-secondary">Avbryt</a>
    </div>
  </form>
</div>
@endsection