@extends('adminlte::page')

@section('title', 'Organizations')

@include('partials.ui-polish')

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Organizations</h1>
            <span class="text-muted">Super Admin control for NGO tenants, subscriptions, plans, and billing status</span>
        </div>
        <div class="module-actions mt-2 mt-sm-0">
            <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#organization-create-panel" aria-expanded="{{ $errors->any() ? 'true' : 'false' }}" aria-controls="organization-create-panel">
                <i class="fas fa-plus mr-1"></i> Add Organization
            </button>
            <a href="{{ route('admin.platform.users') }}" class="btn btn-outline-primary btn-sm">
                <i class="fas fa-user-shield mr-1"></i> Platform Users
            </a>
        </div>
    </div>
@stop

@section('content')
    @if(session('success'))
        <x-adminlte-alert theme="success" title="Done" dismissable>
            {{ session('success') }}
        </x-adminlte-alert>
    @endif

    @if($errors->any())
        <x-adminlte-alert theme="danger" title="Please review the organization form" dismissable>
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </x-adminlte-alert>
    @endif

    <div class="collapse module-panel {{ $errors->any() ? 'show' : '' }}" id="organization-create-panel">
        <x-adminlte-card title="Add Organization" icon="fas fa-building" theme="success">
            <form method="POST" action="{{ route('admin.organizations.store') }}">
                @csrf
                @include('admin.organizations.partials.form')
                <button type="submit" class="btn btn-success">
                    <i class="fas fa-save mr-1"></i> Save Organization
                </button>
            </form>
        </x-adminlte-card>
    </div>

    <x-adminlte-card title="Tenant Register" icon="fas fa-building" theme="primary">
        <form method="GET" action="{{ route('admin.organizations.index') }}" class="mb-3">
            <div class="row">
                <div class="col-md-9">
                    <x-adminlte-input name="search" igroup-size="sm" placeholder="Search name, slug, email, plan, or status" value="{{ $search }}"/>
                </div>
                <div class="col-md-3">
                    <button type="submit" class="btn btn-primary btn-sm btn-block">
                        <i class="fas fa-search mr-1"></i> Search
                    </button>
                </div>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-hover text-nowrap mb-0">
                <thead>
                    <tr>
                        <th>Organization</th>
                        <th>Plan</th>
                        <th>Subscription</th>
                        <th>Billing</th>
                        <th>Modules</th>
                        <th class="text-center">Users</th>
                        <th>NGO Admins</th>
                        <th class="text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($organizations as $organization)
                        <tr>
                            <td>
                                <strong>{{ $organization->name }}</strong>
                                <div class="text-muted small">
                                    {{ $organization->slug }}
                                    @if($organization->contact_email)
                                        &middot; {{ $organization->contact_email }}
                                    @endif
                                </div>
                            </td>
                            <td><span class="badge badge-info">{{ $organization->plan }}</span></td>
                            <td>
                                <span class="badge badge-{{ $organization->subscription_status === 'Active' ? 'success' : ($organization->subscription_status === 'Suspended' ? 'danger' : 'warning') }}">
                                    {{ $organization->subscription_status }}
                                </span>
                                @if($organization->subscription_ends_at)
                                    <div class="text-muted small">Ends {{ $organization->subscription_ends_at->format('M d, Y') }}</div>
                                @endif
                            </td>
                            <td><span class="badge badge-{{ $organization->billing_status === 'Current' ? 'success' : 'warning' }}">{{ $organization->billing_status }}</span></td>
                            <td>
                                @php($activeModuleCount = $organization->modules->filter(fn ($module) => in_array($module->pivot->status, ['Active', 'Trial'], true))->count())
                                <span class="badge badge-primary">{{ $activeModuleCount }} / {{ $moduleCatalog->count() }}</span>
                            </td>
                            <td class="text-center">{{ $organization->users_count }}</td>
                            <td>
                                <span class="badge badge-success">{{ $organization->ngoAdmins->count() }}</span>
                                @if($organization->ngoAdmins->isNotEmpty())
                                    <div class="text-muted small">{{ $organization->ngoAdmins->pluck('name')->take(2)->join(', ') }}</div>
                                @else
                                    <div class="text-muted small">No admin assigned</div>
                                @endif
                            </td>
                            <td class="text-right">
                                <button type="button" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#organization-{{ $organization->id }}">
                                    <i class="fas fa-edit"></i> Edit
                                </button>
                                <button type="button" class="btn btn-xs btn-outline-success" data-toggle="modal" data-target="#organization-admins-{{ $organization->id }}">
                                    <i class="fas fa-user-shield"></i> Admins
                                </button>
                                <button type="button" class="btn btn-xs btn-outline-info" data-toggle="modal" data-target="#organization-modules-{{ $organization->id }}">
                                    <i class="fas fa-puzzle-piece"></i> Modules
                                </button>
                                <form method="POST" action="{{ route('admin.organizations.status.update', $organization) }}" class="d-inline">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="subscription_status" value="Active">
                                    <input type="hidden" name="billing_status" value="Current">
                                    <button type="submit" class="btn btn-xs btn-outline-success"><i class="fas fa-play"></i> Activate</button>
                                </form>
                                <form method="POST" action="{{ route('admin.organizations.status.update', $organization) }}" class="d-inline">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="subscription_status" value="Suspended">
                                    <input type="hidden" name="billing_status" value="Blocked">
                                    <button type="submit" class="btn btn-xs btn-outline-warning"><i class="fas fa-pause"></i> Suspend</button>
                                </form>
                                <form method="POST" action="{{ route('admin.organizations.status.update', $organization) }}" class="d-inline">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="subscription_status" value="Cancelled">
                                    <input type="hidden" name="billing_status" value="Blocked">
                                    <button type="submit" class="btn btn-xs btn-outline-danger"><i class="fas fa-ban"></i> Deactivate</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-4">No organizations found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($organizations->hasPages())
            <div class="mt-3">
                {{ $organizations->links() }}
            </div>
        @endif
    </x-adminlte-card>

    @foreach($organizations as $organization)
        <x-adminlte-modal id="organization-{{ $organization->id }}" title="Edit Organization" theme="primary" icon="fas fa-building">
            <form id="organization-form-{{ $organization->id }}" method="POST" action="{{ route('admin.organizations.update', $organization) }}">
                @csrf
                @method('PUT')
                @include('admin.organizations.partials.form', ['organization' => $organization])
                <x-slot name="footerSlot">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" form="organization-form-{{ $organization->id }}" class="btn btn-primary">
                        <i class="fas fa-save mr-1"></i> Update Organization
                    </button>
                </x-slot>
            </form>
        </x-adminlte-modal>

        <x-adminlte-modal id="organization-admins-{{ $organization->id }}" title="NGO Admin Accounts: {{ $organization->name }}" theme="success" icon="fas fa-user-shield" size="lg">
            <x-adminlte-alert theme="info" title="Platform boundary">
                Platform Super Admin can create and edit NGO Admin accounts here. Other tenant users remain visible only as the user count in the register.
            </x-adminlte-alert>

            <form method="POST" action="{{ route('admin.organizations.admins.store', $organization) }}" class="mb-4">
                @csrf
                <h6 class="text-muted">Add NGO Admin</h6>
                <div class="row">
                    <div class="col-md-4">
                        <input type="text" name="name" class="form-control form-control-sm mb-2" placeholder="Full name" required>
                    </div>
                    <div class="col-md-4">
                        <input type="email" name="email" class="form-control form-control-sm mb-2" placeholder="Email address" required>
                    </div>
                    <div class="col-md-3">
                        <input type="password" name="password" class="form-control form-control-sm mb-2" placeholder="Temporary password" required>
                    </div>
                    <div class="col-md-1">
                        <button type="submit" class="btn btn-success btn-sm btn-block"><i class="fas fa-plus"></i></button>
                    </div>
                </div>
            </form>

            <h6 class="text-muted">Assigned NGO Admins</h6>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th style="width: 170px;">Password</th>
                            <th class="text-right">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($organization->ngoAdmins as $admin)
                            <tr>
                                <td><input form="organization-admin-form-{{ $admin->id }}" type="text" name="name" value="{{ $admin->name }}" class="form-control form-control-sm" required></td>
                                <td><input form="organization-admin-form-{{ $admin->id }}" type="email" name="email" value="{{ $admin->email }}" class="form-control form-control-sm" required></td>
                                <td>
                                    @if($admin->locked_at)
                                        <span class="badge badge-danger">Locked</span>
                                    @else
                                        <span class="badge badge-success">Active</span>
                                    @endif
                                    @if($admin->force_password_reset)
                                        <span class="badge badge-warning">Reset required</span>
                                    @endif
                                </td>
                                <td><input form="organization-admin-form-{{ $admin->id }}" type="password" name="password" class="form-control form-control-sm" placeholder="Optional"></td>
                                <td class="text-right">
                                    <form id="organization-admin-form-{{ $admin->id }}" method="POST" action="{{ route('admin.organizations.admins.update', [$organization, $admin]) }}">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                    <button form="organization-admin-form-{{ $admin->id }}" type="submit" class="btn btn-xs btn-outline-primary"><i class="fas fa-save"></i> Save</button>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">No NGO Admin account assigned yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <x-slot name="footerSlot">
                <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
            </x-slot>
        </x-adminlte-modal>

        <x-adminlte-modal id="organization-modules-{{ $organization->id }}" title="Module Subscriptions: {{ $organization->name }}" theme="info" icon="fas fa-puzzle-piece" size="lg">
            <form id="organization-modules-form-{{ $organization->id }}" method="POST" action="{{ route('admin.organizations.modules.update', $organization) }}">
                @csrf
                @method('PUT')
                @php($assignedModules = $organization->modules->keyBy('id'))
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead>
                            <tr>
                                <th>Module</th>
                                <th>Status</th>
                                <th>Activated</th>
                                <th>Expires</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($moduleCatalog as $module)
                                @php($assignment = $assignedModules->get($module->id)?->pivot)
                                <tr>
                                    <td>
                                        <strong>{{ $module->name }}</strong>
                                        <div class="text-muted small">{{ $module->description }}</div>
                                    </td>
                                    <td>
                                        <select name="modules[{{ $module->id }}][status]" class="form-control form-control-sm">
                                            @foreach($moduleStatuses as $status)
                                                <option value="{{ $status }}" @selected(($assignment->status ?? 'Inactive') === $status)>{{ $status }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <input type="date" name="modules[{{ $module->id }}][activated_at]" class="form-control form-control-sm" value="{{ $assignment?->activated_at ? \Illuminate\Support\Carbon::parse($assignment->activated_at)->toDateString() : now()->toDateString() }}">
                                    </td>
                                    <td>
                                        <input type="date" name="modules[{{ $module->id }}][expires_at]" class="form-control form-control-sm" value="{{ $assignment?->expires_at ? \Illuminate\Support\Carbon::parse($assignment->expires_at)->toDateString() : $organization->subscription_ends_at?->toDateString() }}">
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="4" class="text-center text-muted py-4">No active platform modules configured.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <x-slot name="footerSlot">
                    <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                    <button type="submit" form="organization-modules-form-{{ $organization->id }}" class="btn btn-info">
                        <i class="fas fa-save mr-1"></i> Save Modules
                    </button>
                </x-slot>
            </form>
        </x-adminlte-modal>
    @endforeach
@stop