@extends('layouts.app')
@section('title', $hotel->name)
@section('page-title', $hotel->name)

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('admin.hotels.index') }}">Hotels</a><span>/</span>{{ $hotel->name }}</div>
        <h1>{{ $hotel->name }}</h1>
        <p>{{ $hotel->city }}, {{ $hotel->state }} &mdash; Registered {{ $hotel->created_at->format('d M Y') }}</p>
    </div>
    <div style="display:flex;gap:8px;">
        @if($hotel->status !== 'suspended')
            <button onclick="openModal('suspend-hotel')" class="btn btn-warning"><i class="fas fa-ban"></i> Suspend</button>
        @else
            <form method="POST" action="{{ route('admin.hotels.activate', $hotel) }}">@csrf
                <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> Activate</button>
            </form>
        @endif
        <button onclick="openModal('approve-sub')" class="btn btn-primary"><i class="fas fa-credit-card"></i> Manage Subscription</button>
    </div>
</div>

<div style="display:grid;grid-template-columns:2fr 1fr;gap:24px;">
    <div>
        <!-- Stats -->
        <div class="stats-grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:24px;">
            <div class="stat-card"><div class="stat-icon blue"><i class="fas fa-door-open"></i></div><div><div class="stat-value">{{ $stats['total_rooms'] }}</div><div class="stat-label">Rooms</div></div></div>
            <div class="stat-card"><div class="stat-icon green"><i class="fas fa-calendar-check"></i></div><div><div class="stat-value">{{ $stats['total_bookings'] }}</div><div class="stat-label">Bookings</div></div></div>
            <div class="stat-card"><div class="stat-icon purple"><i class="fas fa-users"></i></div><div><div class="stat-value">{{ $stats['total_staff'] }}</div><div class="stat-label">Staff</div></div></div>
            <div class="stat-card"><div class="stat-icon yellow"><i class="fas fa-user-friends"></i></div><div><div class="stat-value">{{ $stats['total_guests'] }}</div><div class="stat-label">Guests</div></div></div>
        </div>

        <!-- Subscription History -->
        <div class="card" style="margin-bottom:24px;">
            <div class="card-header"><span class="card-title">Subscription History</span></div>
            <div class="table-wrap">
                <table>
                    <thead><tr><th>Plan</th><th>Type</th><th>Duration</th><th>Amount</th><th>Start</th><th>End</th><th>Status</th></tr></thead>
                    <tbody>
                        @forelse($hotel->subscriptions as $sub)
                        <tr>
                            <td>{{ $sub->plan->name ?? '—' }}</td>
                            <td><span class="badge {{ $sub->type==='manual'?'badge-warning':'badge-primary' }}">{{ ucfirst($sub->type) }}</span></td>
                            <td>{{ ucfirst($sub->duration) }}</td>
                            <td>₦{{ number_format($sub->amount_paid, 0) }}</td>
                            <td style="font-size:12px;">{{ $sub->start_date->format('d M Y') }}</td>
                            <td style="font-size:12px;">{{ $sub->end_date ? $sub->end_date->format('d M Y') : 'Lifetime' }}</td>
                            <td>
                                @if($sub->status==='active') <span class="badge badge-success">Active</span>
                                @elseif($sub->status==='expired') <span class="badge badge-danger">Expired</span>
                                @elseif($sub->status==='suspended') <span class="badge badge-warning">Suspended</span>
                                @else <span class="badge badge-secondary">{{ ucfirst($sub->status) }}</span> @endif
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" style="text-align:center;color:#9ca3af;padding:20px;">No subscription history</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Staff -->
        <div class="card">
            <div class="card-header"><span class="card-title">Staff Members</span></div>
            <div class="table-wrap">
                <table>
                    <thead><tr><th>Name</th><th>Role</th><th>Status</th><th>Last Login</th></tr></thead>
                    <tbody>
                        @forelse($hotel->staff as $member)
                        <tr>
                            <td><div style="font-weight:600;">{{ $member->name }}</div><div style="font-size:12px;color:#6b7280;">{{ $member->email }}</div></td>
                            <td>{{ str_replace('_',' ',ucfirst($member->role)) }}</td>
                            <td><span class="badge {{ $member->employment_status==='active'?'badge-success':($member->employment_status==='removed'?'badge-danger':'badge-warning') }}">{{ ucfirst($member->employment_status) }}</span></td>
                            <td style="font-size:12px;color:#6b7280;">{{ $member->last_login ? $member->last_login->diffForHumans() : 'Never' }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="4" style="text-align:center;color:#9ca3af;padding:20px;">No staff yet</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Sidebar info -->
    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><span class="card-title">Hotel Details</span></div>
            <div class="card-body">
                <div style="font-size:13.5px;line-height:2;">
                    <div><strong>Status:</strong>
                        @if($hotel->status==='active') <span class="badge badge-success">Active</span>
                        @elseif($hotel->status==='trial') <span class="badge badge-warning">Trial — ends {{ $hotel->trial_ends_at?->format('d M Y') }}</span>
                        @elseif($hotel->status==='suspended') <span class="badge badge-danger">Suspended</span>
                        @else <span class="badge badge-secondary">Pending</span> @endif
                    </div>
                    @if($hotel->phone)<div><strong>Phone:</strong> {{ $hotel->phone }}</div>@endif
                    @if($hotel->email)<div><strong>Email:</strong> {{ $hotel->email }}</div>@endif
                    @if($hotel->address)<div><strong>Address:</strong> {{ $hotel->address }}</div>@endif
                    @if($hotel->website)<div><strong>Website:</strong> <a href="{{ $hotel->website }}" target="_blank">{{ $hotel->website }}</a></div>@endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Suspend Modal -->
<div class="modal-overlay" id="suspend-hotel">
    <div class="modal">
        <div class="modal-header"><span class="modal-title">Suspend {{ $hotel->name }}</span><button class="modal-close" onclick="closeModal('suspend-hotel')">×</button></div>
        <form method="POST" action="{{ route('admin.hotels.suspend', $hotel) }}">@csrf
            <div class="modal-body">
                <div class="alert alert-warning"><i class="fas fa-exclamation-triangle"></i> Hotel and all staff will lose access immediately.</div>
                <div class="form-group">
                    <label class="form-label">Reason <span class="required">*</span></label>
                    <textarea name="reason" class="form-control" required placeholder="Enter reason..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="closeModal('suspend-hotel')">Cancel</button>
                <button type="submit" class="btn btn-warning"><i class="fas fa-ban"></i> Suspend</button>
            </div>
        </form>
    </div>
</div>

<!-- Approve Subscription Modal -->
<div class="modal-overlay" id="approve-sub">
    <div class="modal" style="max-width:540px;">
        <div class="modal-header"><span class="modal-title">Manage Subscription — {{ $hotel->name }}</span><button class="modal-close" onclick="closeModal('approve-sub')">×</button></div>
        <form method="POST" action="{{ route('admin.subscriptions.approve', $hotel) }}">@csrf
            <div class="modal-body">
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Plan <span class="required">*</span></label>
                        <select name="plan_id" class="form-control" required>
                            @foreach(\App\Models\SubscriptionPlan::where('is_active',true)->get() as $plan)
                                <option value="{{ $plan->id }}">{{ $plan->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Duration <span class="required">*</span></label>
                        <select name="duration" class="form-control" required>
                            <option value="monthly">Monthly</option>
                            <option value="termly">Termly (3 months)</option>
                            <option value="annually">Annually</option>
                            <option value="lifetime">Lifetime</option>
                            <option value="custom">Custom</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Amount Paid (₦) <span class="required">*</span></label>
                        <input type="number" name="amount_paid" class="form-control" required min="0" step="0.01" placeholder="e.g. 19999">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Start Date <span class="required">*</span></label>
                        <input type="date" name="start_date" class="form-control" required value="{{ date('Y-m-d') }}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">End Date <small style="color:#6b7280;">(leave blank for lifetime)</small></label>
                    <input type="date" name="end_date" class="form-control">
                </div>
                <div class="form-group">
                    <label class="form-label">Approval Note <span class="required">*</span></label>
                    <textarea name="approval_note" class="form-control" required placeholder="e.g. Negotiated annual deal, paid via bank transfer..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="closeModal('approve-sub')">Cancel</button>
                <button type="submit" class="btn btn-primary"><i class="fas fa-check"></i> Approve Subscription</button>
            </div>
        </form>
    </div>
</div>
@endsection