@extends('layouts.main')
@section('title', 'AI Report Builder')
@section('container')

<style>
    .status-pill {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .3px;
    }
    .status-analyzing  { background: #fff3cd; color: #856404; }
    .status-clarifying { background: #cff4fc; color: #055160; }
    .status-reviewing  { background: #cfe2ff; color: #084298; }
    .status-complete   { background: #d1e7dd; color: #0a3622; }
    .status-failed     { background: #f8d7da; color: #58151c; }
    .status-cancelled  { background: #e2e3e5; color: #41464b; }
    .status-upload     { background: #e2e3e5; color: #41464b; }
    .pulse {
        display: inline-block;
        width: 7px; height: 7px;
        border-radius: 50%;
        background: #f59e0b;
        animation: pulse 1.2s ease infinite;
        margin-right: 4px;
        vertical-align: middle;
    }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }
    .table > tbody > tr > td { vertical-align: middle; }
    .btn-xs { padding: 2px 8px; font-size: 11px; border-radius: 4px; }
</style>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body p-0">
                <div class="table-responsive active-projects">
                    <div class="tbl-caption d-flex justify-content-between align-items-center">
                        <h4 class="heading mb-0">All Analysis Sessions</h4>
                          @if(Auth::user()->hasActionAccess('ai_report.create') || Auth::user()->isSuperAdmin())
                            <a href="{{ route('ai-report-builder.create') }}" class="btn btn-primary btn-sm">
                                <i class="fa fa-plus me-1"></i> New Analysis
                            </a>
                        @endif
                    </div>
                    <table class="table table-hover mb-0" id="sessions-tbl">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Action</th>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Input File</th>
                                <th>Output File</th>
                                <th>Template</th>
                                <th>Created</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($sessions as $i => $session)
                            <tr>
                                <td class="text-muted small">{{ $sessions->firstItem() + $i }}</td>
                                  <td>
                                    <div class="d-flex gap-1">
                                        <a href="{{ route('ai-report-builder.show', $session->uuid) }}"
                                           class="btn btn-xs btn-outline-primary" title="View">
                                            <i class="fa fa-eye"></i> View
                                        </a>
                                        @if(Auth::user()->hasActionAccess('ai_report.delete') || Auth::user()->isSuperAdmin())
                                        <form action="{{ route('ai-report-builder.destroy', $session->uuid) }}" method="POST"
                                              onsubmit="return confirm('Delete session \'{{ addslashes($session->name) }}\'? This will also delete uploaded files.')">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-xs btn-outline-danger" title="Delete">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </form>
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <a href="{{ route('ai-report-builder.show', $session->uuid) }}" class="fw-semibold text-dark">
                                        {{ $session->name }}
                                    </a>
                                </td>
                                <td>
                                    <span class="status-pill status-{{ $session->status }}">
                                        @if($session->status === 'analyzing')
                                            <span class="pulse"></span>
                                        @endif
                                        {{ ucfirst($session->status) }}
                                    </span>
                                </td>
                                <td class="text-muted small">
                                    @if($session->inputFile())
                                        <i class="fa fa-file-excel-o text-success me-1"></i>
                                        {{ Str::limit($session->inputFile()->original_name, 25) }}
                                    @else — @endif
                                </td>
                                <td class="text-muted small">
                                    @if($session->outputFile())
                                        <i class="fa fa-file-excel-o text-primary me-1"></i>
                                        {{ Str::limit($session->outputFile()->original_name, 25) }}
                                    @else — @endif
                                </td>
                                <td>
                                    @if($session->template)
                                        <a href="{{ route('ai-report-templates.show', $session->template->id) }}"
                                           class="badge" style="background:var(--secondary);color:#fff;text-decoration:none;">
                                            {{ Str::limit($session->template->name, 20) }}
                                        </a>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="text-muted small">{{ $session->created_at->format('d M Y, H:i') }}</td>
                              
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center py-5 text-muted">
                                    <i class="fa fa-magic fa-2x mb-2 d-block" style="color:#ccc;"></i>
                                    No analysis sessions yet.
                                    @if(Auth::user()->hasActionAccess('ai_report.create') || Auth::user()->isSuperAdmin())
                                    <br><a href="{{ route('ai-report-builder.create') }}" class="btn btn-primary btn-sm mt-2">
                                        <i class="fa fa-plus me-1"></i> Start First Analysis
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                @if($sessions->hasPages())
                <div class="p-2">{{ $sessions->links() }}</div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection