@extends('layouts.master')

@section('page_title', 'Chart of Accounts')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Chart of Accounts</h1>
        <div>
            <a href="#" onclick="window.print()" class="btn btn-secondary">
                <i class="fas fa-print"></i> Print
            </a>
            <a href="{{ route('reports.chart-of-accounts', array_merge(request()->all(), ['format' => 'pdf'])) }}" class="btn btn-danger">
                <i class="fas fa-file-pdf"></i> PDF
            </a>
        </div>
    </div>

    <!-- Filter Options -->
    <div class="card mb-4 no-print">
        <div class="card-body">
            <form method="GET" action="{{ route('reports.chart-of-accounts') }}" class="row g-3">
                <div class="col-md-3">
                    <label for="account_type" class="form-label">Account Type</label>
                    <select class="form-select" id="account_type" name="account_type">
                        <option value="">All Types</option>
                        @if(isset($accountTypes))
                            @foreach($accountTypes as $type)
                                <option value="{{ $type->id }}" {{ request('account_type') == $type->id ? 'selected' : '' }}>
                                    {{ $type->name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="status" class="form-label">Status</label>
                    <select class="form-select" id="status" name="status">
                        <option value="">All Accounts</option>
                        <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active Only</option>
                        <option value="inactive" {{ request('status') == 'inactive' ? 'selected' : '' }}>Inactive Only</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary">Filter Results</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Report Content -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Chart of Accounts</h5>
        </div>
        <div class="card-body">
            @if(isset($groupedAccountTypes) && $groupedAccountTypes->count() > 0)
                @foreach($groupedAccountTypes as $category => $accountTypesInCategory)
                    <div class="category-section mb-5">
                        <h4 class="text-primary border-bottom pb-2 mb-4">{{ ucfirst($category) }} Accounts</h4>
                        
                        @foreach($accountTypesInCategory as $accountType)
                            @if($accountType->accounts && $accountType->accounts->count() > 0)
                                <div class="account-type-section mb-5">
                                    <!-- Account Type Header -->
                                    <div class="d-flex justify-content-between align-items-center bg-primary text-white p-3 rounded">
                                        <div>
                                            <h5 class="mb-0">{{ $accountType->name }}</h5>
                                            <small>{{ ucfirst($accountType->category ?? 'N/A') }} | Normal Balance: {{ ucfirst($accountType->normal_balance ?? 'N/A') }}</small>
                                        </div>
                                        <div class="text-end">
                                            <span class="badge bg-light text-dark">
                                                {{ $accountType->accounts->count() }} {{ str('Account')->plural($accountType->accounts->count()) }}
                                            </span>
                                        </div>
                                    </div>

                            @if($accountType->description)
                                <div class="alert alert-light mt-2 mb-3">
                                    <small><i class="fas fa-info-circle"></i> {{ $accountType->description }}</small>
                                </div>
                            @endif

                            <!-- Accounts Table -->
                            <div class="table-responsive">
                                <table class="table table-striped table-hover">
                                    <thead class="table-light">
                                        <tr>
                                            <th style="width: 15%">Account Code</th>
                                            <th style="width: 35%">Account Name</th>
                                            <th style="width: 25%">Description</th>
                                            <th style="width: 15%" class="text-center">Status</th>
                                            <th style="width: 10%" class="text-end">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($accountType->accounts->sortBy('code') as $account)
                                            <tr class="{{ !$account->is_active ? 'table-secondary' : '' }}">
                                                <td>
                                                    <code class="text-primary">{{ $account->account_code }}</code>
                                                </td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        @if($account->parent_id)
                                                            <i class="fas fa-arrow-right text-muted me-2"></i>
                                                        @endif
                                                        <span class="{{ !$account->is_active ? 'text-muted' : '' }}">
                                                            {{ $account->name }}
                                                        </span>
                                                    </div>
                                                    @if($account->parent)
                                                        <small class="text-muted">
                                                            Sub-account of: {{ $account->parent->name }}
                                                        </small>
                                                    @endif
                                                </td>
                                                <td>
                                                    <small class="text-muted">
                                                        {{ str($account->description ?? 'No description')->limit(50) }}
                                                    </small>
                                                </td>
                                                <td class="text-center">
                                                    @if($account->is_active)
                                                        <span class="badge bg-success">Active</span>
                                                    @else
                                                        <span class="badge bg-secondary">Inactive</span>
                                                    @endif
                                                </td>
                                                <td class="text-end no-print">
                                                    <div class="dropdown">
                                                        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                                            <i class="fas fa-ellipsis-v"></i>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('accounts.show', $account) }}">
                                                                    <i class="fas fa-eye"></i> View Details
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('reports.account-statement', $account) }}">
                                                                    <i class="fas fa-file-alt"></i> Account Statement
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item" href="{{ route('accounts.edit', $account) }}">
                                                                    <i class="fas fa-edit"></i> Edit Account
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>

                                            <!-- Sub-accounts -->
                                            @if($account->children && $account->children->count() > 0)
                                                @foreach($account->children as $subAccount)
                                                    <tr class="{{ !$subAccount->is_active ? 'table-secondary' : '' }}">
                                                        <td>
                                                            <code class="text-info">{{ $subAccount->code }}</code>
                                                        </td>
                                                        <td>
                                                            <div class="d-flex align-items-center">
                                                                <i class="fas fa-arrow-right text-muted me-2"></i>
                                                                <i class="fas fa-arrow-right text-muted me-2"></i>
                                                                <span class="{{ !$subAccount->is_active ? 'text-muted' : '' }}">
                                                                    {{ $subAccount->name }}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <small class="text-muted">
                                                                {{ str($subAccount->description ?? 'No description')->limit(50) }}
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            @if($subAccount->is_active)
                                                                <span class="badge bg-success">Active</span>
                                                            @else
                                                                <span class="badge bg-secondary">Inactive</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-end no-print">
                                                            <div class="dropdown">
                                                                <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                                                    <i class="fas fa-ellipsis-v"></i>
                                                                </button>
                                                                <ul class="dropdown-menu">
                                                                    <li>
                                                                        <a class="dropdown-item" href="{{ route('accounts.show', $subAccount) }}">
                                                                            <i class="fas fa-eye"></i> View Details
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="dropdown-item" href="{{ route('reports.account-statement', $subAccount) }}">
                                                                            <i class="fas fa-file-alt"></i> Account Statement
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                @endforeach
                    </div>
                @endforeach

                <!-- Summary Statistics -->
                <div class="row mt-4">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="mb-0">Account Summary</h6>
                            </div>
                            <div class="card-body">
                                <div class="row text-center">
                                    @php
                                        $totalAccounts = $accountTypes->sum(function($type) { return $type->accounts->count(); });
                                        $activeAccounts = $accountTypes->sum(function($type) { 
                                            return $type->accounts->where('is_active', true)->count(); 
                                        });
                                        $assetAccounts = $accountTypes->where('category', 'asset')->sum(function($type) { 
                                            return $type->accounts->count(); 
                                        });
                                        $liabilityAccounts = $accountTypes->where('category', 'liability')->sum(function($type) { 
                                            return $type->accounts->count(); 
                                        });
                                        $equityAccounts = $accountTypes->where('category', 'equity')->sum(function($type) { 
                                            return $type->accounts->count(); 
                                        });
                                        $revenueAccounts = $accountTypes->where('category', 'revenue')->sum(function($type) { 
                                            return $type->accounts->count(); 
                                        });
                                        $expenseAccounts = $accountTypes->where('category', 'expense')->sum(function($type) { 
                                            return $type->accounts->count(); 
                                        });
                                    @endphp
                                    
                                    <div class="col-md-2">
                                        <h4 class="text-primary">{{ $totalAccounts }}</h4>
                                        <p class="mb-0">Total Accounts</p>
                                    </div>
                                    <div class="col-md-2">
                                        <h4 class="text-success">{{ $activeAccounts }}</h4>
                                        <p class="mb-0">Active</p>
                                    </div>
                                    <div class="col-md-2">
                                        <h4 class="text-info">{{ $assetAccounts }}</h4>
                                        <p class="mb-0">Assets</p>
                                    </div>
                                    <div class="col-md-2">
                                        <h4 class="text-warning">{{ $liabilityAccounts }}</h4>
                                        <p class="mb-0">Liabilities</p>
                                    </div>
                                    <div class="col-md-2">
                                        <h4 class="text-secondary">{{ $equityAccounts }}</h4>
                                        <p class="mb-0">Equity</p>
                                    </div>
                                    <div class="col-md-2">
                                        <h4 class="text-danger">{{ $revenueAccounts + $expenseAccounts }}</h4>
                                        <p class="mb-0">P&L Accounts</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-triangle"></i> 
                    <strong>No Accounts Found</strong><br>
                    No accounts match the current filter criteria.
                </div>
            @endif
        </div>
    </div>
</div>

<style>
@media print {
    .btn, .no-print {
        display: none !important;
    }
    
    .card {
        border: none !important;
        box-shadow: none !important;
    }
    
    .card-header {
        background: none !important;
        border: none !important;
    }
    
    .dropdown-toggle::after {
        display: none;
    }
    
    .account-type-section {
        page-break-inside: avoid;
    }
    
    body {
        -webkit-print-color-adjust: exact;
    }
}

.account-type-section:not(:last-child) {
    border-bottom: 2px solid #dee2e6;
    padding-bottom: 2rem;
}
</style>
@endsection