@extends('layouts.app')

@section('page-title', 'Post Level 1 Receipt')

@section('content')
    <div class="card" style="max-width: 860px;">
        <h3 class="card-title">Customer Payment Receipt</h3>

        <form method="POST" action="{{ route('level-one.receipts.store') }}">
            @csrf

            <div class="form-grid">
                <div>
                    <label for="payment_channel_id">Payment Channel *</label>
                    <select id="payment_channel_id" name="payment_channel_id" required>
                        <option value="">- select -</option>
                        @foreach($paymentChannels as $channel)
                            <option value="{{ $channel->id }}" {{ old('payment_channel_id') == $channel->id ? 'selected' : '' }}>
                                {{ $channel->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="money_account_id">Received In *</label>
                    <select id="money_account_id" name="money_account_id" required>
                        <option value="">- select -</option>
                        @foreach($receivingAccounts as $account)
                            <option value="{{ $account->id }}" {{ old('money_account_id') == $account->id ? 'selected' : '' }}>
                                {{ $account->name }} ({{ $account->currency->code }})
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="form-grid">
                <div>
                    <label for="business_date">Receipt Date *</label>
                    <input id="business_date" type="date" name="business_date" value="{{ old('business_date', date('Y-m-d')) }}" required>
                </div>
                <div>
                    <label for="amount">Amount *</label>
                    <input id="amount" type="number" step="0.01" min="0.01" name="amount" value="{{ old('amount') }}" required>
                </div>
            </div>

            <div class="form-grid">
                <div>
                    <label for="reference">Reference / Transaction ID</label>
                    <input id="reference" type="text" name="reference" value="{{ old('reference') }}">
                </div>
                <div>
                    <label for="customer_name">Customer Name</label>
                    <input id="customer_name" type="text" name="customer_name" value="{{ old('customer_name') }}">
                </div>
            </div>

            <div class="form-row">
                <label for="description">Notes</label>
                <textarea id="description" name="description" rows="3">{{ old('description') }}</textarea>
            </div>

            <div style="display:flex; gap:8px; margin-top:16px;">
                <button type="submit" class="btn btn-primary">Post receipt</button>
                <a href="{{ route('level-one.index') }}" class="btn">Cancel</a>
            </div>
        </form>
    </div>
@endsection