@extends('layouts.app')
@section('title','New invoice')
@section('content')
<h1 class="h4 mb-3">New invoice (walk-in sale or accessory)</h1>
<p class="text-muted">For a repair, open the job and use "Create invoice" instead so the two stay linked.</p>
<form method="post" action="{{ route('invoices.store') }}" class="panel panel-b" style="max-width:560px">@csrf
  <label class="form-label">Customer</label>
  <select name="customer_id" class="searchable" required><option value="">Choose customer...</option>
    @foreach($customers as $c)<option value="{{ $c->id }}" @selected($selected == $c->id)>{{ $c->name }} - {{ $c->phone }}</option>@endforeach</select>
  <div class="mt-3 d-flex gap-2"><button class="btn btn-primary">Create invoice</button><a class="btn btn-outline-secondary" href="{{ route('customers.create') }}">Add new customer first</a></div>
</form>
@endsection