@extends('layout', ['title' => 'Nouvelle demande'])

@section('content')
<div class="card">
  <h1>Nouvelle demande</h1>
  <p style="color:#374151">Renseignez les informations minimales. Si c’est complexe, on vous recontactera.</p>

  <form method="POST" action="{{ route('app.cases.store') }}">
    @csrf

    <div style="margin-top:12px">
      <label>Pack</label>
      <select name="pack_code" style="width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px">
        @foreach($packs as $p)
          <option value="{{ $p['code'] }}" @selected(old('pack_code')===$p['code'])>{{ $p['label'] }}</option>
        @endforeach
      </select>
      @error('pack_code') <div class="err">{{ $message }}</div> @enderror
    </div>

    <div style="margin-top:12px">
      <label>Adresse</label>
      <input name="address" value="{{ old('address') }}" required>
      @error('address') <div class="err">{{ $message }}</div> @enderror
    </div>

    <div class="row" style="margin-top:12px">
      <div style="flex:1;min-width:160px">
        <label>Code postal</label>
        <input name="postcode" value="{{ old('postcode') }}" required>
        @error('postcode') <div class="err">{{ $message }}</div> @enderror
      </div>

      <div style="flex:2;min-width:200px">
        <label>Ville</label>
        <input name="city" value="{{ old('city') }}" required>
        @error('city') <div class="err">{{ $message }}</div> @enderror
      </div>
    </div>

    <div style="margin-top:12px">
      <label>Surface (m²)</label>
      <input name="surface_m2" value="{{ old('surface_m2') }}" required>
      @error('surface_m2') <div class="err">{{ $message }}</div> @enderror
    </div>

    <div style="margin-top:12px">
      <label>Note (facultatif)</label>
      <input name="client_note" value="{{ old('client_note') }}">
      @error('client_note') <div class="err">{{ $message }}</div> @enderror
    </div>

    <div style="margin-top:16px" class="row">
      <button class="btn" type="submit">Envoyer la demande</button>
      <a class="btn2" href="{{ route('app.cases.index') }}">Annuler</a>
    </div>
  </form>
</div>
@endsection