@extends('layouts.portal')
@php
    $rows = old('items', $lines);
    $rows = is_array($rows) && count($rows) ? array_values($rows) : [['description' => '', 'quantity' => 1, 'unit_price' => '']];
    $eid = old('enrollment_id', $prefill['enrollment_id'] ?? null);
    $due = old('due_date', now()->addDays((int) config('infotics.billing.payment_terms_days', 7))->format('Y-m-d'));
@endphp
@section('title', 'New invoice')
@section('subtitle', 'Bill a learner or a company. Link it to an enrollment and the learner\'s access activates automatically once '.rtrim(rtrim(number_format((float) config('infotics.billing.activation_min_percent', 50), 2), '0'), '.').'% is paid.')
@section('actions')<a class="btn btn-secondary" href="{{ route('admin.billing.invoices.index') }}"><x-icon name="arrow-left" :size="16"/> All invoices</a>@endsection
@section('content')
<form method="post" action="{{ route('admin.billing.invoices.store') }}" class="ac-split">
  @csrf
  @if($eid)<input type="hidden" name="enrollment_id" value="{{ $eid }}">@endif
  <div class="ac-main">
    @if($eid)<div class="callout mb-2" role="status"><x-icon name="link" :size="20"/><div><b>Linked to an enrollment{{ !empty($prefill['label']) ? ': '.$prefill['label'] : '' }}.</b> Payments recorded on this invoice update the learner's enrollment and activate it when the threshold is reached.</div></div>@endif
    <section class="panel" aria-labelledby="i-cust">
      <div class="panel-head"><h2 id="i-cust">Bill to</h2></div>
      <div class="panel-body">
        <div class="ac-picker">
          <label class="label" for="i-pick">Existing learner (optional)</label>
          <select class="select" id="i-pick" data-customer-pick>
            <option value="">Type the customer's details below…</option>
            @foreach($students as $p)<option value="{{ $p->id }}" data-name="{{ $p->name }}" data-email="{{ $p->email }}" data-phone="{{ $p->phone }}">{{ $p->name }} — {{ $p->email }}</option>@endforeach
          </select>
          <div class="help">An invoice whose email matches a learner account also appears in that learner's Billing page.</div>
        </div>
        <div class="form-grid">
          <x-field name="customer_name" label="Name" :value="$customer['name']" required autocomplete="off"/>
          <x-field name="customer_email" label="Email" type="email" :value="$customer['email']" required/>
          <x-field name="customer_phone" label="Phone / WhatsApp" type="tel" :value="$customer['phone']"/>
          <x-field name="company" label="Company (optional)" :value="$customer['company']"/>
          <x-field name="due_date" label="Due date" type="date" :value="$due" help="Learners see this on their invoice; overdue invoices are highlighted."/>
        </div>
      </div>
    </section>

    @include('admin.billing._line-builder', ['rows' => $rows, 'courses' => $courses])

    <section class="panel" aria-labelledby="i-notes">
      <div class="panel-head"><h2 id="i-notes">Notes</h2></div>
      <div class="panel-body"><x-field name="notes" label="Notes on the invoice" type="textarea" :rows="3" help="Printed on the PDF under the totals."/></div>
    </section>
  </div>

  <aside class="ac-aside" aria-label="Totals and actions">
    <div class="panel ac-sum-wrap">
      @include('admin.billing._totals', ['doc' => (object) ['discount' => $prefill['discount'] ?? 0, 'tax_percent' => config('infotics.billing.tax_percent')]])
      <div class="ac-sum ac-sum-btns">
        <label class="check" style="margin-bottom:12px"><input type="checkbox" name="send_now" value="1" @checked(session()->hasOldInput() ? old('send_now') : true)> <span>Email the invoice to the customer now (PDF attached)</span></label>
        <button class="btn btn-primary btn-block" type="submit"><x-icon name="receipt" :size="16"/> Create invoice</button>
        <a class="btn btn-ghost btn-block" href="{{ route('admin.billing.invoices.index') }}" style="color:var(--muted)">Cancel</a>
      </div>
    </div>
  </aside>
</form>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/admin-c.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush