@extends('layouts.app')
@section('content')
<h1>{{ isset($vehicle) ? 'Muokkaa' : 'Uusi' }} ajoneuvo</h1>
@php
  $brandOptions = $brandOptions ?? [];
  $brandToModels = $brandToModels ?? [];
  $vehicleTypeOptions = [
    'esteeton_taksi' => 'Esteetön taksi',
    'monitoimibussi' => 'Monitoimibussi',
    'turistibussi' => 'Turistibussi',
    'henkiloauto' => 'Henkilöauto',
    'pakettiauto' => 'Pakettiauto',
    'matkailuauto' => 'Matkailuauto',
    'muu' => 'Muu',
  ];
  $invoiceStatusLabels = [
    'not_created' => 'Ei luotu',
    'created' => 'Luotu',
    'sent' => 'Lähetetty',
    'paid_partially' => 'Osittain maksettu',
    'paid' => 'Maksettu',
    'cancelled' => 'Peruttu',
  ];
  $salesVatPercentOptions = ['25.5', '24', '14', '10', '0'];
@endphp
<div class="card">
  <form method="post" action="{{ isset($vehicle) ? route('vehicles.update', $vehicle) : route('vehicles.store') }}">
    @csrf
    @if(isset($vehicle))
      @method('put')
    @endif

    <div class="row">
      <div>
        <label>Asiakas</label>
        <select name="company_id" id="company_id_select">
          <option value="">-</option>
          <option value="__new__" @selected(old('company_id') === '__new__')>+ Uusi asiakas</option>
          @foreach($companies as $company)
            <option value="{{ $company->id }}" @selected(old('company_id', $vehicle->company_id ?? '') == $company->id)>{{ $company->name }}</option>
          @endforeach
        </select>
      </div>
      <div id="new_company_block" style="display:none;">
        <label>Uuden asiakkaan nimi</label>
        <input name="new_company_name" value="{{ old('new_company_name') }}">
      </div>
      <div id="new_company_business_id_block" style="display:none;">
        <label>Uuden asiakkaan Y-tunnus</label>
        <input name="new_company_business_id" value="{{ old('new_company_business_id') }}">
      </div>
      <div id="new_company_customer_number_block" style="display:none;">
        <label>Uuden asiakkaan asiakasnumero</label>
        <input name="new_company_customer_number" value="{{ old('new_company_customer_number') }}">
      </div>
      <div>
        <label>Valmistaja</label>
        @php
          $selectedManufacturer = old('manufacturer_registry_name', old('manufacturer_name', $vehicle->manufacturer_name ?? ''));
        @endphp
        <select name="manufacturer_registry_name" id="manufacturer_select">
          <option value="">-</option>
          <option value="__new__" @selected($selectedManufacturer === '__new__')>+ Uusi valmistaja</option>
          @foreach(($manufacturers ?? collect()) as $manufacturer)
            <option value="{{ $manufacturer->name }}" @selected($selectedManufacturer === $manufacturer->name)>{{ $manufacturer->name }}</option>
          @endforeach
        </select>
      </div>
      <div id="new_manufacturer_block" style="display:none;">
        <label>Uusi valmistaja</label>
        <input name="new_manufacturer_name" value="{{ old('new_manufacturer_name') }}">
      </div>
      <div>
        <label>Merkki</label>
        <input id="vehicle_brand_input" name="vehicle_brand" list="vehicle_brand_list" value="{{ old('vehicle_brand', $vehicle->vehicle_brand ?? '') }}" required autocomplete="off">
        <datalist id="vehicle_brand_list">
          @foreach($brandOptions as $brand)
            <option value="{{ $brand }}"></option>
          @endforeach
        </datalist>
      </div>
      <div>
        <label>Malli</label>
        <input id="vehicle_model_input" name="vehicle_model" list="vehicle_model_list" value="{{ old('vehicle_model', $vehicle->vehicle_model ?? '') }}" required autocomplete="off">
        <datalist id="vehicle_model_list"></datalist>
      </div>
      <div>
        <label>Ajoneuvotyyppi</label>
        <select name="vehicle_type">
          <option value="">-</option>
          @foreach($vehicleTypeOptions as $value => $label)
            <option value="{{ $value }}" @selected(old('vehicle_type', $vehicle->vehicle_type ?? '') === $value)>{{ $label }}</option>
          @endforeach
        </select>
      </div>
      <div><label>Rahoitusyhtiö</label><input name="financing_company_name" value="{{ old('financing_company_name', $vehicle->financing_company_name ?? '') }}"></div>
      <div><label>Kunto</label><select name="condition_type">@foreach(['new' => 'Uusi', 'used' => 'Käytetty'] as $value => $label)<option value="{{ $value }}" @selected(old('condition_type', $vehicle->condition_type ?? 'used') == $value)>{{ $label }}</option>@endforeach</select></div>
      <div><label>VIN</label><input name="vin" value="{{ old('vin', $vehicle->vin ?? '') }}"></div>
      <div><label>Rekisterinumero</label><input name="registration_number" value="{{ old('registration_number', $vehicle->registration_number ?? '') }}"></div>
      <div><label>Käyttöönottopäivä</label><input type="date" data-flex-date="1" name="first_registration_date" value="{{ old('first_registration_date', isset($vehicle->first_registration_date) ? optional($vehicle->first_registration_date)->format('Y-m-d') : '') }}"></div>

      <div><label>Maahantuontipäivä</label><input type="date" data-flex-date="1" name="imported_at" value="{{ old('imported_at', isset($vehicle->imported_at) ? optional($vehicle->imported_at)->format('Y-m-d') : '') }}"></div>
      <div><label>Maahantuonnin lisätieto</label><input name="imported_note" value="{{ old('imported_note', $vehicle->imported_note ?? '') }}" placeholder="Esim. Ei ole tuotu itse"></div>
      <div><label>Tullauspäivä</label><input type="date" data-flex-date="1" name="customs_cleared_at" value="{{ old('customs_cleared_at', isset($vehicle->customs_cleared_at) ? optional($vehicle->customs_cleared_at)->format('Y-m-d') : '') }}"></div>
      <div><label>Autoveroilmoituksen päivä</label><input type="date" data-flex-date="1" name="car_tax_filed_at" value="{{ old('car_tax_filed_at', isset($vehicle->car_tax_filed_at) ? optional($vehicle->car_tax_filed_at)->format('Y-m-d') : '') }}"></div>
      <div><label>Luovutuspäivä</label><input type="date" data-flex-date="1" name="delivered_at" value="{{ old('delivered_at', isset($vehicle->delivered_at) ? optional($vehicle->delivered_at)->format('Y-m-d') : '') }}"></div>

      <div><label>Myyntihinta sis. alv</label><input name="sales_price_vat" value="{{ old('sales_price_vat', $vehicle->sales_price_vat ?? '') }}"></div>
      <div><label>Myyntihinta alv 0</label><input name="sales_price_vat0" value="{{ old('sales_price_vat0', $vehicle->sales_price_vat0 ?? '') }}"></div>
      <div>
        <label>ALV %</label>
        @php $selectedSalesVatPercent = (string) old('sales_vat_percent', $vehicle->sales_vat_percent ?? '25.5'); @endphp
        <select name="sales_vat_percent">
          @foreach($salesVatPercentOptions as $vatPercent)
            <option value="{{ $vatPercent }}" @selected($selectedSalesVatPercent === (string) $vatPercent)>{{ str_replace('.', ',', $vatPercent) }} %</option>
          @endforeach
        </select>
      </div>
      <div><label>Ostohinta alv 0</label><input name="purchase_price_vat0" value="{{ old('purchase_price_vat0', $vehicle->purchase_price_vat0 ?? '') }}"></div>
      <div><label>Rahti alv 0</label><input name="freight_vat0" value="{{ old('freight_vat0', $vehicle->freight_vat0 ?? '') }}"></div>
      <div><label>Käsiraha valmistajalle</label><input type="number" step="0.01" min="0" name="manufacturer_down_payment_amount" value="{{ old('manufacturer_down_payment_amount', $vehicle->manufacturer_down_payment_amount ?? '') }}"></div>

      <div>
        <label>Tila</label>
        <select name="inventory_status" id="inventory_status">
          @foreach(['in_stock' => 'Varastossa', 'reserved' => 'Varattu', 'offered' => 'Tarjouksella', 'under_contract' => 'Sopimuksella', 'invoiced' => 'Laskutettu', 'delivered' => 'Toimitettu'] as $key => $label)
            <option value="{{ $key }}" @selected(old('inventory_status', $vehicle->inventory_status ?? 'in_stock') == $key)>{{ $label }}</option>
          @endforeach
        </select>
      </div>

      <div id="stock_location_block">
        <label>Varastopaikka</label>
        <select name="stock_location" id="stock_location">
          <option value="own_stock" @selected(old('stock_location', $vehicle->stock_location ?? 'own_stock') === 'own_stock')>Omassa varastossa</option>
          <option value="supplier_stock" @selected(old('stock_location', $vehicle->stock_location ?? 'own_stock') === 'supplier_stock')>Valmistajan varastossa</option>
        </select>
        <div class="muted">Ei käytössä, kun tila on Toimitettu.</div>
      </div>

      <div><label>Laskustatus</label><select name="invoice_status">@foreach(['not_created','created','sent','paid_partially','paid','cancelled'] as $s)<option value="{{ $s }}" @selected(old('invoice_status', $vehicle->invoice_status ?? 'not_created') == $s)>{{ $invoiceStatusLabels[$s] ?? $s }}</option>@endforeach</select></div>
    </div>

    <label>Muistiinpanot</label>
    <textarea name="notes">{{ old('notes', $vehicle->notes ?? '') }}</textarea>
    <button class="btn btn-red" type="submit">Tallenna</button>
  </form>
</div>

<script>
  (function () {
    const statusEl = document.getElementById('inventory_status');
    const stockBlock = document.getElementById('stock_location_block');
    const stockSelect = document.getElementById('stock_location');
    const companySelect = document.getElementById('company_id_select');
    const newCompanyBlock = document.getElementById('new_company_block');
    const newCompanyBusinessIdBlock = document.getElementById('new_company_business_id_block');
    const newCompanyCustomerNumberBlock = document.getElementById('new_company_customer_number_block');
    const manufacturerSelect = document.getElementById('manufacturer_select');
    const newManufacturerBlock = document.getElementById('new_manufacturer_block');
    const brandInput = document.getElementById('vehicle_brand_input');
    const modelInput = document.getElementById('vehicle_model_input');
    const modelList = document.getElementById('vehicle_model_list');
    const brandToModels = @json($brandToModels);

    function syncStockLocationUi() {
      const delivered = statusEl && statusEl.value === 'delivered';
      if (!stockBlock || !stockSelect) return;
      stockBlock.style.opacity = delivered ? '0.5' : '1';
      stockSelect.disabled = delivered;
    }

    function syncNewCompanyUi() {
      const show = companySelect && companySelect.value === '__new__';
      if (newCompanyBlock) newCompanyBlock.style.display = show ? 'block' : 'none';
      if (newCompanyBusinessIdBlock) newCompanyBusinessIdBlock.style.display = show ? 'block' : 'none';
      if (newCompanyCustomerNumberBlock) newCompanyCustomerNumberBlock.style.display = show ? 'block' : 'none';
    }

    function syncNewManufacturerUi() {
      const show = manufacturerSelect && manufacturerSelect.value === '__new__';
      if (newManufacturerBlock) newManufacturerBlock.style.display = show ? 'block' : 'none';
    }

    function syncModelOptions() {
      if (!brandInput || !modelInput || !modelList) return;
      const brand = (brandInput.value || '').trim();
      const models = brandToModels[brand] || [];
      const currentModel = (modelInput.value || '').trim();

      modelList.innerHTML = '';
      models.forEach((model) => {
        const option = document.createElement('option');
        option.value = model;
        modelList.appendChild(option);
      });
      if (currentModel !== '' && !models.includes(currentModel)) {
        const option = document.createElement('option');
        option.value = currentModel;
        modelList.appendChild(option);
      }
    }

    if (statusEl) {
      statusEl.addEventListener('change', syncStockLocationUi);
      syncStockLocationUi();
    }
    if (companySelect) {
      companySelect.addEventListener('change', syncNewCompanyUi);
      syncNewCompanyUi();
    }
    if (manufacturerSelect) {
      manufacturerSelect.addEventListener('change', syncNewManufacturerUi);
      syncNewManufacturerUi();
    }
    if (brandInput) {
      brandInput.addEventListener('change', syncModelOptions);
      brandInput.addEventListener('input', syncModelOptions);
    }
    syncModelOptions();
  })();
</script>
@endsection