@extends('layouts.app')
@section('title', isset($product) ? 'Modifier '.$product->name : 'Nouveau produit')
@section('page-title', isset($product) ? 'Modifier le produit' : 'Nouveau produit')

@section('content')
<div style="max-width:780px">
  <div class="card">
    <div class="card-header">
      <div class="card-title">{{ isset($product) ? 'Informations produit' : 'Créer un produit' }}</div>
      <a href="{{ isset($product) ? route('products.show',$product) : route('products.index') }}" class="btn btn-ghost btn-sm">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="15 18 9 12 15 6"/></svg>
        Retour
      </a>
    </div>
    <div class="card-body">
      <form method="POST" action="{{ isset($product) ? route('products.update',$product) : route('products.store') }}">
        @csrf
        @if(isset($product)) @method('PUT') @endif

        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Référence <span class="req">*</span></label>
            <input type="text" name="reference" class="form-control @error('reference') is-invalid @enderror" value="{{ old('reference',$product->reference??'') }}" required placeholder="REF-001">
            @error('reference')<div class="form-error">{{ $message }}</div>@enderror
          </div>
          <div class="form-group">
            <label class="form-label">Catégorie <span class="req">*</span></label>
            <input type="text" name="category" class="form-control" value="{{ old('category',$product->category??'') }}" required list="cats-list" placeholder="Ex: Imprimantes">
            <datalist id="cats-list">@foreach($categories as $c)<option value="{{ $c }}">@endforeach</datalist>
          </div>
        </div>

        <div class="form-group">
          <label class="form-label">Nom du produit <span class="req">*</span></label>
          <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name',$product->name??'') }}" required>
          @error('name')<div class="form-error">{{ $message }}</div>@enderror
        </div>

        <div class="form-group">
          <label class="form-label">Fournisseur</label>
          <input type="text" name="supplier" class="form-control" value="{{ old('supplier',$product->supplier??'') }}" placeholder="Nom du fournisseur">
        </div>

        <div class="divider"></div>

        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Prix d'achat (XAF) <span class="req">*</span></label>
            <input type="number" name="purchase_price" class="form-control @error('purchase_price') is-invalid @enderror" step="0.01" min="0" value="{{ old('purchase_price',$product->purchase_price??'') }}" required>
            @error('purchase_price')<div class="form-error">{{ $message }}</div>@enderror
          </div>
          <div class="form-group">
            <label class="form-label">Prix de vente (XAF) <span class="req">*</span></label>
            <input type="number" name="selling_price" class="form-control @error('selling_price') is-invalid @enderror" step="0.01" min="0" value="{{ old('selling_price',$product->selling_price??'') }}" required>
            @error('selling_price')<div class="form-error">{{ $message }}</div>@enderror
          </div>
        </div>

        <div class="{{ isset($product) ? 'form-row' : 'form-row-3' }}">
          @if(!isset($product))
          <div class="form-group">
            <label class="form-label">Stock initial <span class="req">*</span></label>
            <input type="number" name="stock" class="form-control" min="0" value="{{ old('stock',0) }}" required>
            <div class="form-hint">Quantité de départ</div>
          </div>
          @endif
          <div class="form-group">
            <label class="form-label">Stock minimum</label>
            <input type="number" name="min_stock" class="form-control" min="0" value="{{ old('min_stock',$product->min_stock??0) }}">
            <div class="form-hint">Niveau critique (rouge)</div>
          </div>
          <div class="form-group">
            <label class="form-label">Seuil d'alerte</label>
            <input type="number" name="alert_stock" class="form-control" min="0" value="{{ old('alert_stock',$product->alert_stock??0) }}">
            <div class="form-hint">Déclenchement alerte (orange)</div>
          </div>
        </div>

        <div class="form-actions" style="border-top:1px solid var(--gray-100);padding-top:16px;margin-top:4px">
          <button type="submit" class="btn btn-primary">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="15" height="15"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
            {{ isset($product) ? 'Enregistrer' : 'Créer le produit' }}
          </button>
          <a href="{{ isset($product) ? route('products.show',$product) : route('products.index') }}" class="btn btn-outline">Annuler</a>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection