@extends('admin.layouts.master')
@section('page-title'){{$page}}@endsection
@section('menu'){{$menu}}@endsection
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6"><h1 class="m-0">Demo Requests</h1></div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">{{__('message.home')}}</a></li>
                        <li class="breadcrumb-item active">Demo Requests</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container-fluid">
            @if(session('message'))
                <div class="alert alert-success">{{ session('message') }}</div>
            @endif
            <div class="row">
                <div class="col-md-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-info"><i class="fas fa-hourglass-half"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Pending</span>
                            <span class="info-box-number">{{ $stats['pending_requests'] }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-success"><i class="fas fa-check"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">Approved</span>
                            <span class="info-box-number">{{ $stats['approved_requests'] }}</span>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body d-flex justify-content-between align-items-center">
                            <div>
                                <strong>Demo reset and dummy data</strong>
                                <div class="text-muted">Populate HR workflows, documents, work filters, and demo credentials.</div>
                            </div>
                            <form method="post" action="{{ route('admin-demo-requests-seed') }}">
                                @csrf
                                <button class="btn btn-primary"><i class="fas fa-database"></i> Populate demo data</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Recent demo requests</h3>
                    <a class="btn btn-sm btn-info float-right" target="_blank" href="{{ route('demo-request') }}">
                        <i class="fas fa-external-link-alt"></i> Public request page
                    </a>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Company</th>
                                <th>Role</th>
                                <th>Status</th>
                                <th>Expires</th>
                                <th>Requested</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($requests as $request)
                                <tr>
                                    <td>{{ $request['name'] }}</td>
                                    <td>{{ $request['email'] }}</td>
                                    <td>{{ $request['company'] }}</td>
                                    <td>{{ $request['role'] }}</td>
                                    <td><span class="badge badge-{{ $request['status'] == 'approved' ? 'success' : ($request['status'] == 'pending' ? 'warning' : 'secondary') }}">{{ ucfirst($request['status']) }}</span></td>
                                    <td>{{ $request['expires_at'] ? dateFormat($request['expires_at']) : '-' }}</td>
                                    <td>{{ dateFormat($request['created_at']) }}</td>
                                    <td>
                                        @if($request['status'] == 'pending')
                                            <a class="btn btn-xs btn-success" href="{{ route('admin-demo-requests-approve', $request['demo_request_id']) }}">
                                                <i class="fas fa-check"></i> Approve
                                            </a>
                                            <a class="btn btn-xs btn-danger" href="{{ route('admin-demo-requests-reject', $request['demo_request_id']) }}">
                                                <i class="fas fa-times"></i> Reject
                                            </a>
                                        @elseif($request['token'])
                                            <a class="btn btn-xs btn-info" target="_blank" href="{{ route('demo-access', $request['token']) }}">
                                                <i class="fas fa-link"></i> Link
                                            </a>
                                        @else
                                            -
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="8" class="text-center">No demo requests yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection