@extends('layouts.master')

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

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

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

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="name" class="form-label">Account 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', $account->name) }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

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

                        <div class="mb-3">
                            <label for="account_type_id" class="form-label">Account Type <span class="text-danger">*</span></label>
                            <select class="form-control @error('account_type_id') is-invalid @enderror" 
                                    id="account_type_id" name="account_type_id" required>
                                <option value="">Select Account Type</option>
                                @foreach($accountTypes as $type)
                                    <option value="{{ $type->id }}" 
                                            {{ old('account_type_id', $account->account_type_id) == $type->id ? 'selected' : '' }}>
                                        {{ $type->name }} ({{ $type->category }})
                                    </option>
                                @endforeach
                            </select>
                            @error('account_type_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="parent_id" class="form-label">Parent Account</label>
                            <select class="form-control @error('parent_id') is-invalid @enderror" 
                                    id="parent_id" name="parent_id">
                                <option value="">No Parent Account</option>
                                @foreach($parentAccounts as $parentAccount)
                                    @if($parentAccount->id !== $account->id)
                                        <option value="{{ $parentAccount->id }}" 
                                                {{ old('parent_id', $account->parent_id) == $parentAccount->id ? 'selected' : '' }}>
                                            {{ $parentAccount->name }} ({{ $parentAccount->account_code }})
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                            @error('parent_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="opening_balance" class="form-label">Opening Balance <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" class="form-control @error('opening_balance') is-invalid @enderror" 
                                   id="opening_balance" name="opening_balance" 
                                   value="{{ old('opening_balance', $account->opening_balance) }}" required>
                            <div class="form-text">Changes to opening balance will update current balance accordingly.</div>
                            @error('opening_balance')
                                <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', $account->is_active) == '1' ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ old('is_active', $account->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', $account->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('accounts.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Update Account</button>
                </div>
            </form>
        </div>
    </div>

    @if($account->children && $account->children->count() > 0)
    <div class="card mt-4">
        <div class="card-header">
            <h5 class="mb-0">Sub Accounts ({{ $account->children->count() }})</h5>
        </div>
        <div class="card-body">
            <div class="alert alert-info">
                <i class="icon-info"></i>
                This account has {{ $account->children->count() }} sub-account(s). 
                Changes to this account may affect its sub-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>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($account->children->take(5) as $child)
                        <tr>
                            <td>{{ $child->code }}</td>
                            <td>{{ $child->name }}</td>
                            <td>{{ number_format($child->current_balance ?? 0, 2) }}</td>
                            <td>
                                @if($child->is_active)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-danger">Inactive</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                        @if($account->children->count() > 5)
                        <tr>
                            <td colspan="4" class="text-center text-muted">
                                ... and {{ $account->children->count() - 5 }} more sub-accounts
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    @if($account->journalEntryLines && $account->journalEntryLines->count() > 0)
    <div class="card mt-4">
        <div class="card-header">
            <h5 class="mb-0">Transaction History</h5>
        </div>
        <div class="card-body">
            <div class="alert alert-warning">
                <i class="icon-warning"></i>
                This account has {{ $account->journalEntryLines->count() }} transaction(s). 
                Be careful when modifying account details as it may affect financial reports.
            </div>
            <p class="text-muted">
                Current Balance: <strong>{{ number_format($account->current_balance, 2) }}</strong>
            </p>
        </div>
    </div>
    @endif
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Format code input as user types
    const codeInput = document.getElementById('code');
    codeInput.addEventListener('input', function() {
        this.value = this.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
    });
    
    // Warn user about opening balance changes
    const openingBalanceInput = document.getElementById('opening_balance');
    const originalOpeningBalance = parseFloat('{{ $account->opening_balance }}');
    
    openingBalanceInput.addEventListener('change', function() {
        const newBalance = parseFloat(this.value);
        if (newBalance !== originalOpeningBalance) {
            if (!confirm('Changing the opening balance will affect the current balance. Are you sure you want to continue?')) {
                this.value = originalOpeningBalance;
            }
        }
    });
});
</script>
@endpush