@extends('layouts.app')
@section('title','Edit Expenditure')
@section('page-title','Edit Expenditure')
@section('content')
<div class="card stat-card" style="max-width:800px">
  <div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Edit Expenditure</div>
  <div class="card-body">
    <form method="POST" action="{{ route('expenditures.update',$expenditure) }}">@csrf @method('PUT')
      <div class="row g-3">
        <div class="col-md-6"><label class="form-label">Project</label><select name="project_id" class="form-select">@foreach($projects as $p)<option value="{{ $p->id }}" {{ $expenditure->project_id==$p->id?'selected':'' }}>{{ $p->name }}</option>@endforeach</select></div>
        <div class="col-md-6"><label class="form-label">Category</label><select name="category_id" class="form-select">@foreach($categories as $c)<option value="{{ $c->id }}" {{ $expenditure->category_id==$c->id?'selected':'' }}>{{ $c->name }}</option>@endforeach</select></div>
        <div class="col-md-4"><label class="form-label">Date</label><input name="date" type="date" class="form-control" value="{{ $expenditure->date->format('Y-m-d') }}"></div>
        <div class="col-md-4"><label class="form-label">Payment Mode</label><select name="payment_mode" class="form-select">@foreach(['momo','hubtel','cash','bank_transfer','cheque','pending'] as $pm)<option {{ $expenditure->payment_mode===$pm?'selected':'' }}>{{ $pm }}</option>@endforeach</select></div>
        <div class="col-md-4"><label class="form-label">Paid By</label><input name="paid_by" class="form-control" value="{{ $expenditure->paid_by }}"></div>
        <div class="col-12"><label class="form-label">Description</label><input name="description" class="form-control" value="{{ $expenditure->description }}" required></div>
        <div class="col-md-3"><label class="form-label">Quantity</label><input name="quantity" type="number" step="0.01" class="form-control" value="{{ $expenditure->quantity }}"></div>
        <div class="col-md-3"><label class="form-label">Unit</label><input name="unit" class="form-control" value="{{ $expenditure->unit }}"></div>
        <div class="col-md-3"><label class="form-label">Unit Rate</label><input name="unit_rate" type="number" step="0.01" class="form-control" value="{{ $expenditure->unit_rate }}"></div>
        <div class="col-md-3"><label class="form-label">Amount (GH₵)</label><input name="amount" type="number" step="0.01" class="form-control" value="{{ $expenditure->amount }}" required></div>
        <div class="col-md-6"><label class="form-label">Receipt Ref</label><input name="receipt_ref" class="form-control" value="{{ $expenditure->receipt_ref }}"></div>
        <div class="col-md-3 d-flex align-items-end"><div class="form-check mb-2"><input class="form-check-input" type="checkbox" name="is_paid" value="1" {{ $expenditure->is_paid?'checked':'' }}><label class="form-check-label">Paid</label></div></div>
        <div class="col-12"><label class="form-label">Remarks</label><textarea name="remarks" class="form-control" rows="2">{{ $expenditure->remarks }}</textarea></div>
      </div>
      <div class="mt-3 d-flex gap-2">
        <button type="submit" class="btn btn-primary">Update</button>
        <a href="{{ route('expenditures.index') }}" class="btn btn-outline-secondary">Cancel</a>
        <form method="POST" action="{{ route('expenditures.destroy',$expenditure) }}" class="ms-auto" onsubmit="return confirm('Delete this expenditure?')">@csrf @method('DELETE')<button class="btn btn-outline-danger btn-sm">Delete</button></form>
      </div>
    </form>
  </div>
</div>
@endsection