@extends('admin.layouts.app')

@section('title', 'Company Expenses')

@section('content')
<h4 class="font-weight-bold py-3 mb-0">Company Expenses</h4>

<div class="card mb-4">
<div class="card-body">
<form id="validation-form" method="post" enctype="multipart/form-data" action="{{ $expense ? route('admin.expenses.update', $expense) : route('admin.expenses.store') }}">
@csrf
@if ($expense)
    @method('PUT')
@endif

<div class="form-row">
<div class="form-group col-md-4">
  <label class="form-label">Expense Date <span class="text-danger">*</span></label>
  <input type="date" name="ExpenseDate" class="form-control" required value="{{ old('ExpenseDate', optional($expense?->ExpenseDate)->format('Y-m-d') ?? date('Y-m-d')) }}">
</div>

<div class="form-group col-md-4">
  <label class="form-label">Expense Type <span class="text-danger">*</span></label>
  <select class="form-control" id="ExpenseType" name="ExpenseType" required>
<option selected disabled>...</option>
@foreach ($categories as $category)
<option value="{{ $category->id }}" @selected((int) old('ExpenseType', $expense->ExpenseType ?? 0) === (int) $category->id)>{{ $category->Name }}</option>
@endforeach
</select>
</div>

<div class="form-group col-md-4">
  <label class="form-label">Amount (₹) <span class="text-danger">*</span></label>
  <input type="number" name="Amount" step="0.01" class="form-control" placeholder="Enter amount" required value="{{ old('Amount', $expense->Amount ?? '') }}">
</div>

<div class="form-group col-md-6">
  <label class="form-label">Payment Mode <span class="text-danger">*</span></label>
  <select name="PaymentMode" class="form-control" required>
    <option value="">Select Mode</option>
    @foreach (['Cash', 'UPI', 'Bank Transfer', 'Card', 'Cheque'] as $mode)
    <option value="{{ $mode }}" @selected(old('PaymentMode', $expense->PaymentMode ?? '') === $mode)>{{ $mode }}</option>
    @endforeach
  </select>
</div>

<div class="form-group col-md-6">
  <label class="form-label">Reference / Transaction No.</label>
  <input type="text" name="ReferenceNo" class="form-control" placeholder="Enter Reference No" value="{{ old('ReferenceNo', $expense->ReferenceNo ?? '') }}">
</div>

<div class="form-group col-md-12">
  <label class="form-label">Description</label>
  <textarea name="Description" class="form-control" rows="3" placeholder="Enter details of expense">{{ old('Description', $expense->Description ?? '') }}</textarea>
</div>

<div class="form-group col-md-6">
  <label class="form-label">Attachment (Bill / Invoice)</label>
  <input type="file" name="Attachment" class="form-control">
  @if ($expense && $expense->Attachment)
    <div id="show_photo" class="mt-2">
      <a href="{{ asset('uploads/expenses/'.$expense->Attachment) }}" target="_blank" class="btn btn-sm btn-info">View File</a>
      <form method="POST" action="{{ route('admin.expenses.destroy-attachment', $expense) }}" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this attachment?');">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
      </form>
    </div>
  @endif
</div>
</div>

<button type="submit" name="submit" class="btn btn-primary btn-finish mt-3">Submit</button>
</form>
</div>
</div>
@endsection