@extends('layouts.master')

@section('page_title', 'Edit Account Type')

@section('content')
<div class="">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Edit Account Type</h1>
        <div>
            <a href="{{ route('account-types.index') }}" class="btn btn-secondary">Back to List</a>
            <a href="{{ route('account-types.show', $accountType) }}" class="btn btn-info">View Details</a>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('account-types.update', $accountType) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                   id="name" name="name" value="{{ old('name', $accountType->name) }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="code" class="form-label">Code <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('code') is-invalid @enderror" 
                                   id="code" name="code" value="{{ old('code', $accountType->code) }}" required>
                            @error('code')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="category" class="form-label">Category <span class="text-danger">*</span></label>
                            <select class="form-control @error('category') is-invalid @enderror" 
                                    id="category" name="category" required>
                                <option value="">Select Category</option>
                                <option value="asset" {{ old('category', $accountType->category) == 'asset' ? 'selected' : '' }}>Asset</option>
                                <option value="liability" {{ old('category', $accountType->category) == 'liability' ? 'selected' : '' }}>Liability</option>
                                <option value="equity" {{ old('category', $accountType->category) == 'equity' ? 'selected' : '' }}>Equity</option>
                                <option value="revenue" {{ old('category', $accountType->category) == 'revenue' ? 'selected' : '' }}>Revenue</option>
                                <option value="expense" {{ old('category', $accountType->category) == 'expense' ? 'selected' : '' }}>Expense</option>
                            </select>
                            @error('category')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="normal_balance" class="form-label">Normal Balance <span class="text-danger">*</span></label>
                            <select class="form-control @error('normal_balance') is-invalid @enderror" 
                                    id="normal_balance" name="normal_balance" required>
                                <option value="">Select Normal Balance</option>
                                <option value="debit" {{ old('normal_balance', $accountType->normal_balance) == 'debit' ? 'selected' : '' }}>Debit</option>
                                <option value="credit" {{ old('normal_balance', $accountType->normal_balance) == 'credit' ? 'selected' : '' }}>Credit</option>
                            </select>
                            @error('normal_balance')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="parent_account_type_id" class="form-label">Parent Account Type</label>
                            <select class="form-control @error('parent_account_type_id') is-invalid @enderror" 
                                    id="parent_account_type_id" name="parent_account_type_id">
                                <option value="">No Parent</option>
                                @foreach($parentTypes as $parent)
                                    <option value="{{ $parent->id }}" 
                                            {{ old('parent_account_type_id', $accountType->parent_account_type_id) == $parent->id ? 'selected' : '' }}>
                                        {{ $parent->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('parent_account_type_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="is_active" class="form-label">Status</label>
                            <select class="form-control @error('is_active') is-invalid @enderror" 
                                    id="is_active" name="is_active">
                                <option value="1" {{ old('is_active', $accountType->is_active) == '1' ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ old('is_active', $accountType->is_active) == '0' ? 'selected' : '' }}>Inactive</option>
                            </select>
                            @error('is_active')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="4">{{ old('description', $accountType->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2">
                    <a href="{{ route('account-types.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Update Account Type</button>
                </div>
            </form>
        </div>
    </div>

    @if($accountType->accounts && $accountType->accounts->count() > 0)
    <div class="card mt-4">
        <div class="card-header">
            <h5 class="mb-0">Related Accounts ({{ $accountType->accounts->count() }})</h5>
        </div>
        <div class="card-body">
            <div class="alert alert-info">
                <i class="icon-info"></i>
                This account type is currently used by {{ $accountType->accounts->count() }} account(s). 
                Changes to this account type will affect all related accounts.
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-striped">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Name</th>
                            <th>Current Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($accountType->accounts->take(5) as $account)
                        <tr>
                            <td>{{ $account->account_code }}</td>
                            <td>{{ $account->name }}</td>
                            <td>{{ number_format($account->current_balance ?? 0, 2) }}</td>
                        </tr>
                        @endforeach
                        @if($accountType->accounts->count() > 5)
                        <tr>
                            <td colspan="3" class="text-center text-muted">
                                ... and {{ $accountType->accounts->count() - 5 }} more accounts
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-suggest normal balance based on category
    const categorySelect = document.getElementById('category');
    const normalBalanceSelect = document.getElementById('normal_balance');
    
    categorySelect.addEventListener('change', function() {
        const category = this.value;
        let suggestedBalance = '';
        
        switch(category) {
            case 'asset':
            case 'expense':
                suggestedBalance = 'debit';
                break;
            case 'liability':
            case 'equity':
            case 'revenue':
                suggestedBalance = 'credit';
                break;
        }
        
        if (suggestedBalance && normalBalanceSelect.value === '') {
            normalBalanceSelect.value = suggestedBalance;
        }
    });
});
</script>
@endpush