@include('Partials.sidebar')

<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')

    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            {{-- Page Title --}}
            <div class="container-fluid">
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6 ps-0">
                            <h3>
                                <i class="fas fa-building mr-2"></i>
                                Tenant Details
                            </h3>
                            <p class="text-muted mb-0" style="font-size:13px">
                                {{ $tenant->name }}
                            </p>
                        </div>
                        <div class="col-sm-6 pe-0 text-right">
                            <ol class="bc">
                                <li>
                                    <a href="/platform/dashboard" class="bc-home">
                                        <i class="fas fa-home"></i>
                                    </a>
                                </li>
                                <li class="bc-sep">›</li>
                                <li>
                                    <a href="{{ route('platform.tenants.index') }}" class="bc-link">Tenants</a>
                                </li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">{{ $tenant->name }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Flash Messages --}}
            @if(session('success'))
            <div class="container-fluid">
                <div class="alert alert-success alert-dismissible fade show">
                    <i class="fas fa-check-circle mr-2"></i>{{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                </div>
            </div>
            @endif
            @if(session('error'))
            <div class="container-fluid">
                <div class="alert alert-danger alert-dismissible fade show">
                    <i class="fas fa-exclamation-circle mr-2"></i>{{ session('error') }}
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                </div>
            </div>
            @endif

            <div class="container-fluid">

                {{-- Back Button --}}
                <div class="mb-3">
                    <a href="{{ route('platform.tenants.index') }}" class="btn btn-outline-secondary"
                        style="border-radius:20px;padding:6px 18px;font-size:13px;">
                        <i class="fas fa-arrow-left mr-1"></i> Back to Tenants
                    </a>
                </div>

                <div class="row">

                    {{-- ── Tenant Info Card ── --}}
                    <div class="col-md-4">
                        <div class="card" style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08)">
                            <div class="card-header"
                                style="background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;">
                                <h5 class="mb-0">
                                    <i class="fas fa-building mr-2" style="color:#c9a96e"></i>
                                    {{ $tenant->name }}
                                </h5>
                            </div>
                            <div class="card-body" style="padding:20px">
                                <div class="text-center mb-3">
                                    <div class="rounded-circle d-flex align-items-center justify-content-center mx-auto"
                                        style="width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);">
                                        <span style="font-size:32px;color:white;font-weight:700;">
                                            {{ strtoupper(substr($tenant->name, 0, 1)) }}
                                        </span>
                                    </div>
                                </div>

                                <table class="table table-borderless" style="font-size:14px">
                                    <tr>
                                        <th style="width:40%;color:#6c757d;font-weight:600;">Status</th>
                                        <td>
                                            @if($tenant->isActive())
                                            <span class="badge badge-success" style="padding:5px 12px;">Active</span>
                                            @elseif($tenant->isPending())
                                            <span class="badge badge-warning"
                                                style="padding:5px 12px;color:#000;">Pending</span>
                                            @elseif($tenant->isApproved())
                                            <span class="badge badge-info"
                                                style="padding:5px 12px;color:#fff;">Approved</span>
                                            @elseif($tenant->isSuspended())
                                            <span class="badge badge-danger" style="padding:5px 12px;">Suspended</span>
                                            @elseif($tenant->isRejected())
                                            <span class="badge badge-secondary"
                                                style="padding:5px 12px;">Rejected</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Slug</th>
                                        <td><code
                                                style="background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:4px;">{{ $tenant->slug }}</code>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Email</th>
                                        <td><a href="mailto:{{ $tenant->email }}" style="color:#c9a96e;">{{
                                                $tenant->email }}</a></td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Phone</th>
                                        <td>{{ $tenant->phone ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Plan</th>
                                        <td><span
                                                style="background:#f0fdf4;color:#16a34a;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #bbf7d0;">{{
                                                $tenant->plan->name ?? 'N/A' }}</span></td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Billing Cycle</th>
                                        <td>{{ ucfirst($tenant->billing_cycle ?? 'N/A') }}</td>
                                    </tr>
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Created</th>
                                        <td>{{ $tenant->created_at?->format('d M Y, h:i A') }}</td>
                                    </tr>
                                    @if($tenant->approved_at)
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Approved</th>
                                        <td>{{ $tenant->approved_at->format('d M Y, h:i A') }}</td>
                                    </tr>
                                    @endif
                                    @if($tenant->activated_at)
                                    <tr>
                                        <th style="color:#6c757d;font-weight:600;">Activated</th>
                                        <td>{{ $tenant->activated_at->format('d M Y, h:i A') }}</td>
                                    </tr>
                                    @endif
                                </table>

                                {{-- ── Actions ── --}}
                                <div class="d-grid gap-2 mt-3">
                                    @if($tenant->isPending())
                                    <form action="{{ route('platform.tenants.approve', $tenant->id) }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-success btn-block"
                                            style="border-radius:20px;padding:8px;">
                                            <i class="fas fa-check mr-1"></i> Approve
                                        </button>
                                    </form>
                                    <button type="button" class="btn btn-danger btn-block"
                                        style="border-radius:20px;padding:8px;" data-toggle="modal"
                                        data-target="#rejectModal">
                                        <i class="fas fa-times mr-1"></i> Reject
                                    </button>
                                    @endif

                                    @if($tenant->isActive())
                                    <form action="{{ route('platform.tenants.suspend', $tenant->id) }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-warning btn-block"
                                            style="border-radius:20px;padding:8px;color:#000;"
                                            onclick="return confirm('Suspend this tenant?')">
                                            <i class="fas fa-pause mr-1"></i> Suspend
                                        </button>
                                    </form>
                                    @endif

                                    @if($tenant->isSuspended())
                                    <form action="{{ route('platform.tenants.activate', $tenant->id) }}" method="POST">
                                        @csrf
                                        <button type="submit" class="btn btn-success btn-block"
                                            style="border-radius:20px;padding:8px;">
                                            <i class="fas fa-play mr-1"></i> Reactivate
                                        </button>
                                    </form>
                                    @endif

                                    {{-- Change Plan --}}
                                    <a href="{{ route('platform.tenants.edit-plan', $tenant->id) }}" class="btn btn-block"
                                        style="background:#e0f2fe;color:#0369a1;border:none;border-radius:8px;padding:5px 10px; margin-top: 1rem;">
                                        <i class="fas fa-exchange-alt mr-1"></i>Plan
                                    </a>
                                    <a href="{{ route('platform.tenants.index') }}" class="btn btn-secondary btn-block"
                                        style="border-radius:20px;padding:8px; margin-top: 1rem;">
                                        <i class="fas fa-arrow-left mr-1"></i> Back to Tenants
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ── Details ── --}}
                    <div class="col-md-8">

                        {{-- ── Setup Progress ── --}}
                        <div class="card" style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08)">
                            <div class="card-header"
                                style="background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;">
                                <h5 class="mb-0">
                                    <i class="fas fa-tasks mr-2" style="color:#c9a96e"></i> Setup Progress
                                </h5>
                            </div>
                            <div class="card-body" style="padding:20px">
                                @if(isset($setupProgress))
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <span style="font-weight:600;color:#2d3748;">Progress: {{
                                                $setupProgress['percentage'] ?? 0 }}%</span>
                                            <span style="color:#718096;">
                                                {{ $setupProgress['completed'] ?? 0 }} / {{ $setupProgress['total'] ?? 0
                                                }} steps completed
                                            </span>
                                        </div>
                                        <div class="progress" style="height:8px;border-radius:4px;background:#e9ecef;">
                                            <div class="progress-bar" style="width: {{ $setupProgress['percentage'] ?? 0 }}%; 
                                                            background: linear-gradient(90deg, #c9a96e, #a8814a);
                                                            border-radius:4px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-4">
                                                <div class="d-flex align-items-center">
                                                    <span
                                                        class="badge badge-{{ isset($setupProgress['steps']['branding']) && $setupProgress['steps']['branding'] ? 'success' : 'secondary' }} mr-2"
                                                        style="padding:5px 8px;">
                                                        <i
                                                            class="fas fa-{{ isset($setupProgress['steps']['branding']) && $setupProgress['steps']['branding'] ? 'check' : 'times' }}"></i>
                                                    </span>
                                                    <span style="font-size:13px;">Branding</span>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="d-flex align-items-center">
                                                    <span
                                                        class="badge badge-{{ isset($setupProgress['steps']['company']) && $setupProgress['steps']['company'] ? 'success' : 'secondary' }} mr-2"
                                                        style="padding:5px 8px;">
                                                        <i
                                                            class="fas fa-{{ isset($setupProgress['steps']['company']) && $setupProgress['steps']['company'] ? 'check' : 'times' }}"></i>
                                                    </span>
                                                    <span style="font-size:13px;">Company</span>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <div class="d-flex align-items-center">
                                                    <span
                                                        class="badge badge-{{ isset($setupProgress['steps']['settings']) && $setupProgress['steps']['settings'] ? 'success' : 'secondary' }} mr-2"
                                                        style="padding:5px 8px;">
                                                        <i
                                                            class="fas fa-{{ isset($setupProgress['steps']['settings']) && $setupProgress['steps']['settings'] ? 'check' : 'times' }}"></i>
                                                    </span>
                                                    <span style="font-size:13px;">Settings</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @else
                                <p class="text-muted">Setup progress data not available.</p>
                                @endif
                            </div>
                        </div>

                        {{-- ── Address ── --}}
                        <div class="card mt-3"
                            style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08)">
                            <div class="card-header"
                                style="background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;">
                                <h5 class="mb-0">
                                    <i class="fas fa-map-marker-alt mr-2" style="color:#c9a96e"></i> Address
                                </h5>
                            </div>
                            <div class="card-body" style="padding:20px">
                                @if($tenant->address_line_1 || $tenant->city || $tenant->state)
                                <p style="color:#4a5568;line-height:1.8;">
                                    {{ $tenant->address_line_1 ?? '' }}<br>
                                    {{ $tenant->address_line_2 ?? '' }}<br>
                                    {{ $tenant->city ?? '' }} {{ $tenant->state ?? '' }} {{ $tenant->postal_code ?? ''
                                    }}<br>
                                    {{ $tenant->country ?? '' }}
                                </p>
                                @else
                                <p class="text-muted">No address provided.</p>
                                @endif

                                @if($tenant->gst_number)
                                <div class="mt-2">
                                    <strong style="color:#2d3748;">GST Number:</strong>
                                    <span style="color:#4a5568;">{{ $tenant->gst_number }}</span>
                                </div>
                                @endif

                                @if($tenant->website)
                                <div class="mt-2">
                                    <strong style="color:#2d3748;">Website:</strong>
                                    <a href="{{ $tenant->website }}" target="_blank" style="color:#c9a96e;">{{
                                        $tenant->website }}</a>
                                </div>
                                @endif
                            </div>
                        </div>

                        {{-- ── Admins ── --}}
                        <div class="card mt-3"
                            style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08)">
                            <div class="card-header"
                                style="background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;">
                                <h5 class="mb-0">
                                    <i class="fas fa-users mr-2" style="color:#c9a96e"></i> Tenant Admins
                                </h5>
                            </div>
                            <div class="card-body" style="padding:20px">
                                @if($tenant->admins && $tenant->admins->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-sm" style="font-size:13px;">
                                        <thead>
                                            <tr style="background:#f8f9fa;">
                                                <th style="color:#495057;">Name</th>
                                                <th style="color:#495057;">Email</th>
                                                <th style="color:#495057;">Role</th>
                                                <th style="color:#495057;">Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($tenant->admins as $admin)
                                            <tr>
                                                <td style="color:#2d3748;">{{ $admin->name }}</td>
                                                <td><a href="mailto:{{ $admin->email }}" style="color:#c9a96e;">{{
                                                        $admin->email }}</a></td>
                                                <td>{{ ucfirst(str_replace('_', ' ', $admin->role)) }}</td>
                                                <td>
                                                    @if($admin->status === 'active')
                                                    <span class="badge badge-success">Active</span>
                                                    @else
                                                    <span class="badge badge-secondary">Inactive</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @else
                                <p class="text-muted">No admins found for this tenant.</p>
                                @endif
                            </div>
                        </div>

                        {{-- ── Subscription History ── --}}
                        <div class="card mt-3"
                            style="border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,0.08)">
                            <div class="card-header"
                                style="background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;">
                                <h5 class="mb-0">
                                    <i class="fas fa-credit-card mr-2" style="color:#c9a96e"></i> Subscription History
                                </h5>
                            </div>
                            <div class="card-body" style="padding:20px">
                                @if($tenant->subscriptions && $tenant->subscriptions->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-sm" style="font-size:13px;">
                                        <thead>
                                            <tr style="background:#f8f9fa;">
                                                <th style="color:#495057;">Plan</th>
                                                <th style="color:#495057;">Amount</th>
                                                <th style="color:#495057;">Status</th>
                                                <th style="color:#495057;">Expires</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($tenant->subscriptions->sortByDesc('created_at') as $sub)
                                            <tr>
                                                <td style="color:#2d3748;">{{ $sub->plan->name ?? 'N/A' }}</td>
                                                <td style="color:#4a5568;">{{ $sub->currency ?? '₹' }} {{
                                                    number_format($sub->amount, 2) }}</td>
                                                <td>
                                                    @if($sub->payment_status === 'paid')
                                                    <span class="badge badge-success">Paid</span>
                                                    @elseif($sub->payment_status === 'pending')
                                                    <span class="badge badge-warning" style="color:#000;">Pending</span>
                                                    @else
                                                    <span class="badge badge-secondary">{{ ucfirst($sub->payment_status)
                                                        }}</span>
                                                    @endif
                                                </td>
                                                <td style="color:#4a5568;">{{ $sub->expires_at?->format('d M Y') ??
                                                    'N/A' }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @else
                                <p class="text-muted">No subscriptions found.</p>
                                @endif
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- ── Reject Modal ── --}}
@if($tenant->isPending())
<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.15)">
            <form action="{{ route('platform.tenants.reject', $tenant->id) }}" method="POST">
                @csrf
                <div class="modal-header"
                    style="background:#fff3cd;border-radius:12px 12px 0 0;border-bottom:1px solid #ffeeba">
                    <div class="d-flex align-items-center" style="gap:10px">
                        <div
                            style="width:36px;height:36px;background:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center">
                            <i class="fas fa-times" style="color:#fff;font-size:14px"></i>
                        </div>
                        <div>
                            <h5 class="modal-title mb-0" style="font-size:15px;font-weight:700">Reject Tenant</h5>
                            <small style="color:#856404">This will notify the tenant by email</small>
                        </div>
                    </div>
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body" style="padding:20px">
                    <p style="font-size:13px;color:#4a5568;">
                        You are rejecting: <strong style="color:#dc3545;">{{ $tenant->name }}</strong>
                    </p>
                    <div class="form-group mb-0">
                        <label style="font-size:13px;font-weight:600;color:#2d3748;">
                            Rejection Reason <span class="text-danger">*</span>
                        </label>
                        <textarea name="reason" class="form-control" rows="4"
                            style="border-radius:8px;font-size:13px;resize:none;margin-top:6px"
                            placeholder="Explain why this registration is being rejected. This message will be included in the email sent to the tenant."
                            required></textarea>
                    </div>
                </div>
                <div class="modal-footer" style="border-top:1px solid #f0f0f0;padding:12px 20px">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal"
                        style="border-radius:8px;padding:7px 18px;">
                        Cancel
                    </button>
                    <button type="submit" class="btn btn-danger btn-sm" style="border-radius:8px;padding:7px 18px;">
                        <i class="fas fa-times mr-1"></i> Reject &amp; Notify Tenant
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

@include('Partials.footer')

@push('styles')
<style>
    .badge-secondary {
        background: #6c757d;
        color: #fff;
    }

    .badge-success {
        background: #28a745;
        color: #fff;
    }

    .badge-warning {
        background: #ffc107;
        color: #000;
    }

    .badge-danger {
        background: #dc3545;
        color: #fff;
    }

    .badge-info {
        background: #17a2b8;
        color: #fff;
    }

    .badge {
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
    }

    .btn-block {
        width: 100%;
    }

    .bc {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 6px;
        list-style: none;
        justify-content: flex-end;
    }

    .bc a {
        color: #c9a96e;
        text-decoration: none;
    }

    .bc a:hover {
        text-decoration: underline;
    }

    .bc .bc-sep {
        color: #8fa0b4;
    }

    .bc .bc-active {
        color: #8fa0b4;
    }

    .modal-content {
        border-radius: 12px;
    }

    .modal-header {
        border-radius: 12px 12px 0 0;
    }
</style>
@endpush