@extends('master.app')
@section('title', 'New Bank Journal Entry')

@section('body')
<main class="app-content">
    <div class="card border-0 shadow-sm" style="border-radius:18px; overflow:hidden;">
        <div class="p-3 p-md-4 border-bottom" style="background:linear-gradient(135deg, rgba(25,135,84,.10), rgba(13,110,253,.06));">
            <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                <div>
                    <h5 class="mb-1 fw-bold">
                        <i class="fa fa-plus-circle me-1"></i> New Bank / Sarafi Entry
                    </h5>
                    <div class="text-muted small">Create a new journal entry</div>
                </div>

                <a href="{{ route('bank.index') }}" class="btn btn-sm btn-outline-secondary" style="border-radius:10px;">
                    <i class="fa fa-arrow-left me-1"></i> Back
                </a>
            </div>
        </div>

        <div class="card-body p-3 p-md-4">
            @include('general.valert')

            <form method="POST" action="{{ route('bank.store') }}" class="row g-3">
                @csrf

                <div class="col-md-6">
                    <label class="form-label fw-bold">Title</label>
                    <input type="text"
                           name="title"
                           value="{{ old('title') }}"
                           class="form-control @error('title') is-invalid @enderror"
                           placeholder="e.g. Deposit / Transfer / Withdraw"
                           required>
                    @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Date</label>
                    <input type="date"
                           name="date"
                           value="{{ old('date', date('Y-m-d')) }}"
                           class="form-control @error('date') is-invalid @enderror"
                           required>
                    @error('date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">Currency</label>
                    <select name="currency_id" class="form-control select2 @error('currency_id') is-invalid @enderror" required>
                        <option value="">Select Currency</option>
                        @foreach($currencies as $c)
                            <option value="{{ $c->id }}" @selected(old('currency_id')==$c->id)>
                                {{ $c->title_en ?? $c->title_ps }}
                            </option>
                        @endforeach
                    </select>
                    @error('currency_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold">Bank / Sarafi</label>
                    <select name="banker_id" class="form-control select2 @error('banker_id') is-invalid @enderror" required>
                        <option value="">Select Bank/Saraf</option>
                        @foreach($bankers as $b)
                            <option value="{{ $b->id }}" @selected(old('banker_id')==$b->id)>
                                {{ $b->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('banker_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold text-success">Income (Deposit)</label>
                    <input type="number"
                           step="0.01"
                           min="0"
                           name="income"
                           value="{{ old('income') }}"
                           class="form-control @error('income') is-invalid @enderror"
                           placeholder="0.00">
                    @error('income') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    <div class="text-muted small mt-1">If you enter income, keep outgoing empty.</div>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold text-danger">Outgoing (Withdraw)</label>
                    <input type="number"
                           step="0.01"
                           min="0"
                           name="outgoing"
                           value="{{ old('outgoing') }}"
                           class="form-control @error('outgoing') is-invalid @enderror"
                           placeholder="0.00">
                    @error('outgoing') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    <div class="text-muted small mt-1">If you enter outgoing, keep income empty.</div>
                </div>

                <div class="col-12 d-flex gap-2 mt-2">
                    <button type="submit" class="btn btn-success" style="border-radius:10px;">
                        <i class="fa fa-save me-1"></i> Save
                    </button>
                    <a href="{{ route('bank.index') }}" class="btn btn-light border" style="border-radius:10px;">
                        Cancel
                    </a>
                </div>
            </form>
        </div>
    </div>
</main>
@endsection