@extends('layouts.app')
@section('title', $company->name.' — EasyHR Billing')
@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="page-title">{{ $company->name }}</h1>
            <div class="text-muted">{{ $company->base_url }}</div>
        </div>
        <div class="d-flex gap-2">
            <a class="btn btn-outline-secondary" href="{{ route('companies.edit', $company) }}">Edit Fees</a>
            <form method="POST" action="{{ route('companies.access', $company) }}" onsubmit="return confirm(@json($company->is_active ? 'Deactivate this company? Employees will not be able to log in.' : 'Activate this company?'))">
                @csrf
                <input type="hidden" name="active" value="{{ $company->is_active ? '0' : '1' }}">
                @if ($company->is_active)
                    <button class="btn btn-outline-danger" type="submit">Deactivate</button>
                @else
                    <button class="btn btn-success" type="submit">Activate</button>
                @endif
            </form>
        </div>
    </div>

    @if ($overviewError)
        <div class="alert alert-warning">Live company data could not be loaded: {{ $overviewError }}</div>
    @endif

    <div class="row g-3 mb-4">
        <div class="col-md-3"><div class="stat"><div class="label">Current Active Users</div><div class="value num">{{ $overview['active_staff_count'] ?? '—' }}</div></div></div>
        <div class="col-md-3"><div class="stat"><div class="label">Settlement Pending</div><div class="value num">{{ $overview['settlement_pending_count'] ?? '—' }}</div></div></div>
        <div class="col-md-3"><div class="stat"><div class="label">Billable Now</div><div class="value num">{{ $overview['current_billable_count'] ?? '—' }}</div></div></div>
        <div class="col-md-3"><div class="stat"><div class="label">Open Due (BDT)</div><div class="value num">{{ \App\Support\BillingPeriod::formatMoney($openDue) }}</div></div></div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-lg-4">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="h6 text-muted">Account</h2>
                    <p class="mb-2">Access:
                        @if ($company->is_active)
                            <span class="pill pill-ok">Active</span>
                        @else
                            <span class="pill pill-off">Inactive</span>
                        @endif
                    </p>
                    @if ($company->deactivated_at)
                        <p class="mb-2 text-muted small">Deactivated {{ $company->deactivated_at->timezone('Asia/Dhaka')->format('d M Y H:i') }}</p>
                    @endif
                    <p class="mb-1">Installation Fee <strong class="money">{{ \App\Support\BillingPeriod::formatMoney($company->installation_fee) }}</strong></p>
                    <p class="mb-1">Per Active User <strong class="money">{{ \App\Support\BillingPeriod::formatMoney($company->per_user_fee) }}</strong></p>
                    <p class="mb-0">Monthly Minimum <strong class="money">{{ \App\Support\BillingPeriod::formatMoney($company->monthly_minimum) }}</strong></p>
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="card h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h2 class="h6 text-muted mb-0">Current Users</h2>
                        <input id="user-filter" class="form-control form-control-sm" style="max-width: 220px" placeholder="Search Name">
                    </div>
                    <div class="table-responsive" style="max-height: 420px">
                        <table class="table table-sm align-middle mb-0" id="user-table">
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Code</th>
                                <th>Designation</th>
                                <th>Branch</th>
                                <th>Status</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse (($overview['users'] ?? []) as $user)
                                <tr>
                                    <td>{{ $user['name'] }}</td>
                                    <td class="num">{{ $user['user_id'] }}</td>
                                    <td>{{ $user['designation'] ?: '—' }}</td>
                                    <td>{{ $user['branch'] ?: '—' }}</td>
                                    <td>
                                        @if (($user['kind'] ?? '') === 'settlement_pending')
                                            <span class="pill pill-wait">Settlement Pending</span>
                                        @else
                                            <span class="pill pill-ok">Active</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-muted">No Current Users Returned.</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <h2 class="h6 text-muted">Recent Invoices</h2>
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Type</th>
                        <th>Period</th>
                        <th class="text-end">Total</th>
                        <th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($company->invoices as $invoice)
                        <tr>
                            <td><a href="{{ route('invoices.show', $invoice) }}">{{ $invoice->id }}</a></td>
                            <td>{{ $invoice->type === 'installation' ? 'Installation' : 'Monthly' }}</td>
                            <td>{{ $invoice->period ? \App\Support\BillingPeriod::label($invoice->period) : '—' }}</td>
                            <td class="text-end money">{{ \App\Support\BillingPeriod::formatMoney($invoice->total) }}</td>
                            <td>{{ ucwords(str_replace('_', ' ', $invoice->status)) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-muted">No Invoices Yet.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script>
        document.getElementById('user-filter')?.addEventListener('input', function (event) {
            const term = event.target.value.toLowerCase();
            document.querySelectorAll('#user-table tbody tr').forEach(function (row) {
                row.hidden = term !== '' && !row.innerText.toLowerCase().includes(term);
            });
        });
    </script>
@endsection