@extends('layouts.app')
@section('title', 'New Account')

@include('inventory.accounting.partials.styles')

@section('content')
<div class="acc-header">
    <div><h1>Add Account</h1><p>Create a new chart-of-accounts node.</p></div>
    <a href="{{ route('inventory.accounting.accounts.index') }}" class="acc-btn"><i class="fas fa-arrow-left"></i> Back</a>
</div>

@include('inventory.accounting.partials.sub-nav')

@if($errors->any())<div class="acc-card" style="color:var(--danger,#ff4757);">{{ $errors->first() }}</div>@endif

<form method="POST" action="{{ route('inventory.accounting.accounts.store') }}" class="acc-card">
    @csrf
    <div class="acc-form-row">
        <label>Code <input type="text" name="code" required maxlength="20" class="acc-input" value="{{ old('code') }}" placeholder="e.g. 6999"><span class="hint">Use numeric codes for standard COA ordering.</span></label>
        <label>Name <input type="text" name="name" required maxlength="120" class="acc-input" value="{{ old('name') }}"></label>
        <label>Type
            <select name="type" required class="acc-select">
                @foreach($types as $k => $meta)
                    <option value="{{ $k }}" {{ old('type') === $k ? 'selected' : '' }}>{{ $meta['label'] }} ({{ ucfirst($meta['normal']) }})</option>
                @endforeach
            </select>
        </label>
        <label>Parent (optional)
            <select name="parent_id" class="acc-select">
                <option value="">— none —</option>
                @foreach($parents as $p)
                    <option value="{{ $p->id }}" {{ (int) old('parent_id') === $p->id ? 'selected' : '' }}>{{ $p->code }} — {{ $p->name }}</option>
                @endforeach
            </select>
        </label>
        <label>Opening Balance <input type="number" step="0.01" name="opening_balance" class="acc-input" value="{{ old('opening_balance', 0) }}"></label>
        <label>
            <span>Is a bank/cash account?</span>
            <label style="flex-direction:row;align-items:center;gap:0.5rem;font-weight:400;"><input type="checkbox" name="is_bank" value="1" {{ old('is_bank') ? 'checked' : '' }}> Yes, track for reconciliation</label>
        </label>
    </div>
    <div class="acc-form-row">
        <label style="grid-column:1/-1;">Description (optional)
            <textarea name="description" rows="2" class="acc-input" style="min-width:100%;">{{ old('description') }}</textarea>
        </label>
    </div>
    <div style="display:flex;gap:0.5rem;">
        <button class="acc-btn acc-btn-primary">Create Account</button>
        <a href="{{ route('inventory.accounting.accounts.index') }}" class="acc-btn">Cancel</a>
    </div>
</form>
@endsection