@extends('layouts.layout-horizontal')

@section('title', 'Add Opening')

@section('content')
<div class="card">
<div class="card-header d-flex align-items-center justify-content-between">
  <h5 class="mb-0">Add Opening – {{ $bankAccount->name }}</h5>
  <div>
      <a href="{{ route('admin.bank-accounts.openings.index', $bankAccount) }}" class="btn btn-secondary btn-sm"><i class="ph-duotone ph-arrow-left me-1"></i> Back</a>
  </div>
</div>
<div class="card-body">
  <form method="POST" action="{{ route('admin.bank-accounts.openings.store', $bankAccount) }}">
    @csrf
    <div class="row g-3">
      <div class="col-md-4">
        <label class="form-label">Effective date</label>
        <input type="date" name="effective_date" class="form-control @error('effective_date') is-invalid @enderror" value="{{ old('effective_date') }}" required>
        @error('effective_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
      </div>
      <div class="col-md-4">
        <label class="form-label">Opening amount</label>
        <input type="number" step="0.01" name="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', 0) }}" required>
        @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
      </div>
      <div class="col-md-4">
        <label class="form-label">Note</label>
        <input type="text" name="note" class="form-control" value="{{ old('note') }}">
      </div>
    </div>
    </div>
    <div class="card-footer">
      <button class="btn btn-primary">Save</button>
      <a href="{{ route('admin.bank-accounts.openings.index', $bankAccount) }}" class="btn btn-outline-secondary">Cancel</a>
    </div>
  </form>
</div>
@endsection