@extends('layouts.app')

@section('title', 'সমিতি কিপার লাইট — সমিতি')

@php
    function tk($paisa) { return '৳ ' . number_format(((int) $paisa) / 100, 0); }
    function tkf($taka) { return '৳ ' . number_format((float) $taka, 0); }
    $modeLabel = ['owner' => 'মালিক', 'garage' => 'সংগ্রহ', 'both' => 'দুটোই'];
    $suspended = (int) $organization->status === 0;
@endphp

@section('content')
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-1">{{ $organization->name }}
                @if ($suspended)
                    <span class="badge bg-danger-transparent">বন্ধ</span>
                @else
                    <span class="badge bg-success-transparent">চালু</span>
                @endif
            </h4>
            <p class="mb-0 text-muted">
                {{ $modeLabel[$organization->business_mode] ?? 'ব্যবসা' }}
                @if ($owner) · মালিক: {{ $owner->name }} ({{ $owner->phone }}) @endif
                · তৈরি: {{ $organization->created_at?->format('d/m/Y') }}
            </p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            @if ($owner)
                <form method="POST" action="{{ route('admin.organizations.impersonate', $organization) }}"
                      onsubmit="return confirm('এই সমিতির মালিক হিসেবে লগইন করবেন?')" class="d-inline">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-warning"><i class="bi bi-incognito me-1"></i> মালিক হিসেবে ঢুকুন</button>
                </form>
            @endif
            <form method="POST" action="{{ route('admin.organizations.toggle-status', $organization) }}"
                  onsubmit="return confirm('{{ $suspended ? 'সমিতি চালু করবেন?' : 'সমিতি বন্ধ করবেন?' }}')" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-sm {{ $suspended ? 'btn-success' : 'btn-danger' }}">
                    <i class="bi {{ $suspended ? 'bi-play-circle' : 'bi-pause-circle' }} me-1"></i> {{ $suspended ? 'চালু করুন' : 'বন্ধ করুন' }}
                </button>
            </form>
            <a href="{{ route('admin.organizations.modules', $organization) }}" class="btn btn-sm btn-primary"><i class="bi bi-grid me-1"></i> মডিউল</a>
            <a href="{{ route('admin.organizations.edit', $organization) }}" class="btn btn-sm btn-light"><i class="bi bi-pencil me-1"></i> এডিট</a>
            <a href="{{ route('admin.organizations.index') }}" class="btn btn-sm btn-light"><i class="bi bi-arrow-left me-1"></i> ফিরুন</a>
        </div>
    </div>

    @include('partials.alerts')

    {{-- ===== KPI cards ===== --}}
    <div class="row g-3 mb-1">
        @php
            // [label, value, icon, hex colour, is-money]
            $kpis = [
                ['মোট আয়', $stats['income_total'], 'bi-cash-stack', '#16a34a', true],
                ['মোট খরচ', $stats['expense_total'], 'bi-bag-dash', '#ef4444', true],
                ['এই মাসের লাভ', $stats['month_profit'], 'bi-graph-up-arrow', '#10b981', true],
            ];
        @endphp
        @foreach ($kpis as [$label, $val, $icon, $hex, $money])
            <div class="col-xl-2 col-md-4 col-6">
                <div class="card custom-card h-100 overflow-hidden" style="border:1px solid {{ $hex }}22; box-shadow:0 6px 18px -12px {{ $hex }}80;">
                    <div class="card-body p-3 d-flex align-items-center" style="background:linear-gradient(135deg,{{ $hex }}14,{{ $hex }}04);">
                        <span style="width:48px;height:48px;border-radius:14px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:{{ $hex }};color:#fff;box-shadow:0 6px 14px -6px {{ $hex }}cc;">
                            <i class="bi {{ $icon }}" style="font-size:1.25rem;"></i>
                        </span>
                        <div class="ms-2 lh-1">
                            <h4 class="mb-1 fw-bold" style="color:{{ $hex }};">{{ $money ? tk($val) : number_format($val) }}</h4>
                            <p class="mb-0 text-muted fs-12">{{ $label }}</p>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row">
        {{-- ===== Left: wallets + tables ===== --}}
        <div class="col-xl-8">
            {{-- Wallets --}}
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">নগদ অবস্থা (অ্যাকাউন্ট ব্যালেন্স)</div></div>
                <div class="card-body">
                    <div class="row text-center">
                        @php $walletTotal = 0; @endphp
                        @foreach ($wallets as $name => $bal)
                            @php $walletTotal += $bal; @endphp
                            <div class="col-4">
                                <p class="mb-1 text-muted fs-12">{{ $name }}</p>
                                <h5 class="mb-0 {{ $bal < 0 ? 'text-danger' : '' }}">{{ tkf($bal) }}</h5>
                            </div>
                        @endforeach
                    </div>
                    <hr class="my-3">
                    <div class="d-flex justify-content-between">
                        <span class="fw-semibold">মোট হাতে</span>
                        <span class="fw-semibold text-success">{{ tkf($walletTotal) }}</span>
                    </div>
                    <div class="row mt-3 fs-13 text-muted">
                        <div class="col-6">মোট আয়: <b class="text-success">{{ tk($stats['income_total']) }}</b></div>
                        <div class="col-6">মোট খরচ: <b class="text-danger">{{ tk($stats['expense_total']) }}</b></div>
                    </div>
                </div>
            </div>

        </div>

        {{-- ===== Right: this month + services + subscription + owner + modules ===== --}}
        <div class="col-xl-4">
            {{-- This month + new-module services (at a glance) --}}
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">এই মাস ও সেবা</div></div>
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">এই মাসের আয়</span><b class="text-success">{{ tk($stats['month_income']) }}</b></div>
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">এই মাসের খরচ</span><b class="text-danger">{{ tk($stats['month_expense']) }}</b></div>
                    <div class="d-flex justify-content-between mb-2"><span class="text-muted">এই মাসের লাভ</span><b>{{ tk($stats['month_profit']) }}</b></div>
                    <hr class="my-2">
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted"><i class="bi bi-chat-left-text me-1"></i> SMS ব্যালেন্স</span>
                        <b>{{ number_format($services['sms_balance']) }} টি</b>
                    </div>
                    <div class="d-flex justify-content-between">
                        <span class="text-muted"><i class="bi bi-headset me-1"></i> সাপোর্ট মেসেজ</span>
                        <b>{{ number_format($services['support_messages']) }}
                            @if ($services['support_unread'] > 0)<span class="badge bg-danger ms-1">{{ $services['support_unread'] }} নতুন</span>@endif
                        </b>
                    </div>
                </div>
            </div>

            {{-- Plan & member usage (active members vs plan ceiling) --}}
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">প্ল্যান ও সদস্য ব্যবহার</div></div>
                <div class="card-body">
                    <div class="d-flex justify-content-between mb-1">
                        <span class="text-muted">বর্তমান প্ল্যান</span>
                        <b>{{ $usage['plan_name'] }}
                            @if ($usage['pinned'])<span class="badge bg-info-transparent ms-1">পিন করা</span>@endif
                        </b>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">সক্রিয় সদস্য</span>
                        <b>{{ number_format($usage['active_members']) }} / {{ number_format($usage['max_members']) }}</b>
                    </div>
                    <div class="progress" style="height:8px;">
                        <div class="progress-bar {{ $usage['percent'] >= 100 ? 'bg-danger' : ($usage['percent'] >= 80 ? 'bg-warning' : 'bg-success') }}"
                             role="progressbar" style="width: {{ $usage['percent'] }}%;"
                             aria-valuenow="{{ $usage['percent'] }}" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="text-muted">সদস্য সীমার {{ $usage['percent'] }}% ব্যবহৃত</small>

                    {{-- Pin the org to a named somity plan (Free/Starter/Standard/Pro).
                         Writes subscriptions.plan_key, which PlanGate::planFor honours. --}}
                    <form method="POST" action="{{ route('admin.subscriptions.update', $organization) }}" class="mt-3 d-flex gap-2">
                        @csrf @method('PUT')
                        <select name="plan_key" class="form-select form-select-sm">
                            <option value="">অটো (সদস্য অনুযায়ী)</option>
                            @foreach ($plans as $p)
                                <option value="{{ $p->key }}" @selected($usage['pinned'] && $usage['plan_key'] === $p->key)>
                                    {{ $p->name_bn ?? $p->name }} (≤{{ number_format($p->max_members) }})
                                </option>
                            @endforeach
                        </select>
                        <button class="btn btn-sm btn-primary" type="submit">পিন</button>
                    </form>
                </div>
            </div>

            {{-- Subscription --}}
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">সাবস্ক্রিপশন</div></div>
                <div class="card-body">
                    @if ($subscription)
                        <div class="d-flex justify-content-between mb-2"><span class="text-muted">প্ল্যান</span><b>{{ $subscription->plan_name ?? $subscription->plan ?? '—' }}</b></div>
                        <div class="d-flex justify-content-between mb-2"><span class="text-muted">অবস্থা</span><span class="badge bg-info-transparent">{{ $subscription->status ?? '—' }}</span></div>
                        @if (!empty($subscription->ends_at))
                            <div class="d-flex justify-content-between"><span class="text-muted">শেষ তারিখ</span><b>{{ \Illuminate\Support\Carbon::parse($subscription->ends_at)->format('d/m/Y') }}</b></div>
                        @endif
                    @else
                        <p class="text-muted mb-2">কোনো সক্রিয় সাবস্ক্রিপশন নেই।</p>
                        @if (!empty($organization->subscription_ends_at))
                            <div class="d-flex justify-content-between"><span class="text-muted">মেয়াদ</span><b>{{ $organization->subscription_ends_at->format('d/m/Y') }}</b></div>
                        @endif
                    @endif
                </div>
            </div>

            {{-- Owner + staff --}}
            <div class="card custom-card">
                <div class="card-header"><div class="card-title">মালিক ও কর্মী ({{ $staffCount }})</div></div>
                <div class="card-body">
                    @if ($owner)
                        <div class="d-flex align-items-center mb-3">
                            <span class="avatar avatar-sm bg-success-transparent me-2"><i class="bi bi-person-fill"></i></span>
                            <div><div class="fw-semibold">{{ $owner->name }} <span class="badge bg-success-transparent ms-1">মালিক</span></div>
                                <small class="text-muted">{{ $owner->phone }}</small></div>
                        </div>
                    @endif
                    @forelse ($staff as $s)
                        <div class="d-flex align-items-center mb-2">
                            <span class="avatar avatar-sm bg-light me-2"><i class="bi bi-person"></i></span>
                            <div><div>{{ $s->name }}</div><small class="text-muted">{{ $s->phone }}</small></div>
                        </div>
                    @empty
                        <p class="text-muted mb-0 fs-13">কোনো কর্মী নেই।</p>
                    @endforelse
                </div>
            </div>

            {{-- Modules --}}
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">মডিউল</div>
                    <a href="{{ route('admin.organizations.modules', $organization) }}" class="btn btn-sm btn-light ms-auto">পরিবর্তন</a>
                </div>
                <div class="card-body">
                    @foreach ($registry as $key => $mod)
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span class="fs-13">{{ $mod['name'] ?? $key }}</span>
                            @if ($enabled[$key])
                                <span class="badge bg-success-transparent">চালু</span>
                            @else
                                <span class="badge bg-light text-muted">বন্ধ</span>
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection