@extends('app-new')

@section('content')
<div class="container-fluid py-3">
  <div class="d-flex flex-wrap align-items-center justify-content-between mb-3">
    <div>
      <nav aria-label="breadcrumb" class="small">
        <ol class="breadcrumb mb-1">
          <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
          <li class="breadcrumb-item"><a href="{{ route('payment-registers.index') }}">Payment Registers</a></li>
          <li class="breadcrumb-item active" aria-current="page">Initiate</li>
        </ol>
      </nav>
      <h4 class="mb-0">Initiate Payment Register</h4>
      <div class="text-muted small">Create a daily payment register entry.</div>
    </div>

    <div class="mt-2 mt-md-0">
      <a href="{{ route('payment-registers.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Back
      </a>
    </div>
  </div>

  @if (session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
  @endif

  <form method="POST" action="{{ route('payment-registers.store') }}" class="pr-form">
    @csrf
    <input type="hidden" name="save_new" id="save_new" value="0">

    <div class="card border-0 shadow-sm pr-card">
      <div class="card-header bg-white border-0 py-3">
        <div class="d-flex align-items-center justify-content-between">
          <div>
            <div class="fw-semibold">Initiation Details</div>
            <div class="text-muted small">Fields marked * are required.</div>
          </div>
          <span class="badge bg-light text-dark border">PR Workflow</span>
        </div>
      </div>
      <div class="card-body p-3 p-md-4">
        @include('payment_registers._form')
      </div>
    </div>

    <div class="pr-actions mt-3">
      <div class="d-flex flex-wrap gap-2 justify-content-end">
        <a href="{{ route('payment-registers.index') }}" class="btn btn-light border">Cancel</a>
        <button type="submit" class="btn btn-primary">
          <i class="bi bi-check2-circle"></i> Save
        </button>
        <button type="button" class="btn btn-outline-primary" id="btnSaveNew">
          <i class="bi bi-plus-circle"></i> Save & New
        </button>
      </div>
    </div>
  </form>
</div>
@endsection

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