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

@section('content')
<div style="max-width:680px">
  <div class="card">
    <div class="card-header">
      <div class="card-title">{{ isset($client) ? 'Informations du client' : 'Créer un client' }}</div>
      <a href="{{ isset($client) ? route('clients.show',$client) : route('clients.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($client) ? route('clients.update',$client) : route('clients.store') }}">
        @csrf
        @if(isset($client)) @method('PUT') @endif

        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Nom complet <span class="req">*</span></label>
            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name',$client->name??'') }}" required placeholder="Nom de l'entreprise ou du contact">
            @error('name')<div class="form-error">{{ $message }}</div>@enderror
          </div>
          <div class="form-group">
            <label class="form-label">Statut <span class="req">*</span></label>
            <select name="status" class="form-control">
              <option value="prospect" @selected(old('status',$client->status??'prospect')==='prospect')>🔵 Prospect</option>
              <option value="active"   @selected(old('status',$client->status??'')==='active')>🟢 Actif</option>
              <option value="inactive" @selected(old('status',$client->status??'')==='inactive')>⚫ Inactif</option>
            </select>
          </div>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Email</label>
            <div class="input-icon-wrap">
              <svg class="input-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
              <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email',$client->email??'') }}" placeholder="contact@exemple.com">
            </div>
            @error('email')<div class="form-error">{{ $message }}</div>@enderror
          </div>
          <div class="form-group">
            <label class="form-label">Téléphone</label>
            <div class="input-icon-wrap">
              <svg class="input-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.37 2 2 0 0 1 3.6 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.64a16 16 0 0 0 6 6l.91-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16l.19.92z"/></svg>
              <input type="text" name="phone" class="form-control" value="{{ old('phone',$client->phone??'') }}" placeholder="+237 6XX XXX XXX">
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">Ville</label>
          <input type="text" name="city" class="form-control" value="{{ old('city',$client->city??'') }}" placeholder="Ex: Douala">
        </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($client) ? 'Enregistrer les modifications' : 'Créer le client' }}
          </button>
          <a href="{{ isset($client) ? route('clients.show',$client) : route('clients.index') }}" class="btn btn-outline">Annuler</a>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection