@extends('app-new')

@section('content')
<div class="container-fluid py-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h4 class="mb-0">Add PO Register</h4>
      <div class="text-muted small">Create a lightweight PO record for workflow linkage.</div>
    </div>
    <a href="{{ route('po-registers.index') }}" class="btn btn-outline-secondary">Back</a>
  </div>

  <form method="POST" action="{{ route('po-registers.store') }}" id="poForm">
    @csrf
    <div class="card border-0 shadow-sm pr-card">
      <div class="card-body">
        @include('po_registers._form')
      </div>
    </div>

    <div class="pr-actions mt-3">
      <div class="d-flex gap-2 justify-content-end">
        <a href="{{ route('po-registers.index') }}" class="btn btn-outline-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary">Save</button>
      </div>
    </div>
  </form>
</div>
@endsection

@push('head-script')
<link rel="stylesheet" href="{{ asset('assets/css/po-pi-registers.css') }}">
<script src="{{ asset('assets/js/po-pi-registers.js') }}"></script>
@endpush