@extends('layouts.app')
@section('title', 'Saved reports')

@section('content')
    <div class="page-head">
        <div><h1>Saved reports</h1><p>Filter presets you can reopen in one click, and schedules that email a report to you.</p></div>
        <div class="page-actions">
            <a href="{{ route('reports.index') }}" class="btn secondary">All reports</a>
        </div>
    </div>

    <div class="grid grid-2 mb-2">
        <div class="card">
            <div class="card-head"><h3>Save the current view</h3></div>
            <form method="POST" action="{{ route('reports.saved.store') }}">
                @csrf
                <div class="card-body">
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Name <span class="req">*</span></label>
                            <input type="text" name="name" maxlength="140" required
                                   value="{{ old('name') }}" placeholder="Last quarter — Tema branches">
                            @error('name')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>Report <span class="req">*</span></label>
                            <select name="report_key" required>
                                <option value="">Select…</option>
                                @foreach ($reports as $key => $label)
                                    <option value="{{ $key }}" @selected(old('report_key') === $key)>{{ $label }}</option>
                                @endforeach
                            </select>
                            @error('report_key')<span class="err">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="field">
                        <label>Filters</label>
                        <input type="text" name="filters" class="mono" maxlength="2000"
                               value="{{ old('filters') }}" placeholder="from=2026-01-01&to=2026-03-31">
                        <span class="hint">The query string of the report you want to reopen. Leave blank for defaults.</span>
                    </div>
                    <label class="check">
                        <input type="checkbox" name="is_shared" value="1" @checked(old('is_shared'))>
                        <span>Share with everyone in the organisation</span>
                    </label>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Save report</button></div>
            </form>
        </div>

        <div class="card">
            <div class="card-head"><h3>Schedule a delivery</h3></div>
            <form method="POST" action="{{ route('reports.subscriptions.store') }}">
                @csrf
                <div class="card-body">
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Report <span class="req">*</span></label>
                            <select name="report_key" required>
                                <option value="">Select…</option>
                                @foreach ($reports as $key => $label)
                                    <option value="{{ $key }}" @selected(old('report_key') === $key)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label>Frequency <span class="req">*</span></label>
                            <select name="frequency" required>
                                @foreach ($frequencies as $f)
                                    <option value="{{ $f }}" @selected(old('frequency', 'weekly') === $f)>{{ title_case_words($f) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label>Format <span class="req">*</span></label>
                            <select name="format" required>
                                @foreach ($formats as $f)
                                    <option value="{{ $f }}" @selected(old('format', 'csv') === $f)>
                                        {{ $f === 'csv' ? 'CSV attachment' : 'Link to the report' }}
                                    </option>
                                @endforeach
                            </select>
                            <span class="hint">CSV exports can only be sent as attachments; dashboards only as links.</span>
                        </div>
                        <div class="field">
                            <label>Email <span class="req">*</span></label>
                            <input type="email" name="email" maxlength="160" required
                                   value="{{ old('email', auth()->user()->email) }}">
                            @error('email')<span class="err">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Subscribe</button></div>
            </form>
        </div>
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head">
                <h3>My saved reports</h3>
                <span class="badge muted">{{ $mine->count() }}</span>
            </div>
            <div class="card-body" style="padding:0;">
                @if ($mine->isEmpty())
                    @include('components.empty-state', [
                        'icon' => '&#128190;',
                        'title' => 'Nothing saved yet',
                        'message' => 'Save a filter preset above to reopen the same view later.',
                    ])
                @else
                    <table class="data">
                        <thead><tr><th>Name</th><th>Report</th><th>Shared</th><th></th></tr></thead>
                        <tbody>
                        @foreach ($mine as $report)
                            <tr>
                                <td><a href="{{ $report->url }}">{{ $report->name }}</a>
                                    @if ($report->filters)
                                        <div class="tiny muted mono">{{ \Illuminate\Support\Str::limit(http_build_query($report->filters), 40) }}</div>
                                    @endif
                                </td>
                                <td class="small">{{ $reports[$report->report_key] ?? $report->report_key }}</td>
                                <td><span class="badge {{ $report->is_shared ? 'success' : 'muted' }}">
                                    {{ $report->is_shared ? 'shared' : 'private' }}</span></td>
                                <td class="right nowrap">
                                    <form method="POST" action="{{ route('reports.saved.destroy', $report) }}"
                                          data-confirm="Delete &quot;{{ $report->name }}&quot;?" style="display:inline;">
                                        @csrf @method('DELETE')
                                        <button class="btn xs danger" type="submit">Del</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-head">
                <h3>Shared with me</h3>
                <span class="badge muted">{{ $shared->count() }}</span>
            </div>
            <div class="card-body" style="padding:0;">
                @if ($shared->isEmpty())
                    @include('components.empty-state', [
                        'icon' => '&#128101;',
                        'title' => 'Nothing shared',
                        'message' => 'Reports your colleagues share appear here.',
                    ])
                @else
                    <table class="data">
                        <thead><tr><th>Name</th><th>Report</th><th>By</th></tr></thead>
                        <tbody>
                        @foreach ($shared as $report)
                            <tr>
                                <td><a href="{{ $report->url }}">{{ $report->name }}</a></td>
                                <td class="small">{{ $reports[$report->report_key] ?? $report->report_key }}</td>
                                <td class="small">{{ $report->owner?->name ?: '—' }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head">
            <h3>My subscriptions</h3>
            <span class="badge muted">{{ $subscriptions->count() }}</span>
        </div>
        <div class="card-body" style="padding:0;">
            @if ($subscriptions->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128231;',
                    'title' => 'No subscriptions',
                    'message' => 'Schedule a report above and it will be emailed to you on the chosen cycle.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr><th>Report</th><th>Frequency</th><th>Format</th><th>Send to</th><th>Last sent</th><th>Status</th><th></th></tr>
                    </thead>
                    <tbody>
                    @foreach ($subscriptions as $subscription)
                        <tr>
                            <td>{{ $reports[$subscription->report_key] ?? $subscription->report_key }}</td>
                            <td><span class="badge muted">{{ title_case_words($subscription->frequency) }}</span></td>
                            <td class="small">{{ $subscription->format === 'csv' ? 'CSV attachment' : 'Link' }}</td>
                            <td class="small mono">{{ $subscription->email }}</td>
                            <td class="small nowrap">{{ $subscription->last_sent_at?->diffForHumans() ?: 'never' }}</td>
                            <td><span class="badge {{ $subscription->is_active ? 'success' : 'muted' }}">
                                <span class="dot"></span>{{ $subscription->is_active ? 'Active' : 'Paused' }}</span></td>
                            <td class="right nowrap">
                                <form method="POST" action="{{ route('reports.subscriptions.send', $subscription) }}" style="display:inline;">
                                    @csrf
                                    <button class="btn xs secondary" type="submit"
                                            title="Send one now, to check the schedule works">Send now</button>
                                </form>
                                <form method="POST" action="{{ route('reports.subscriptions.toggle', $subscription) }}" style="display:inline;">
                                    @csrf
                                    <button class="btn xs secondary" type="submit">{{ $subscription->is_active ? 'Pause' : 'Resume' }}</button>
                                </form>
                                <form method="POST" action="{{ route('reports.subscriptions.destroy', $subscription) }}"
                                      data-confirm="Remove this subscription?" style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button class="btn xs danger" type="submit">Del</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        <div class="card-foot">
            <span class="tiny muted">Due subscriptions are sent by <span class="mono">nowills:send-reports</span>,
                which the scheduler runs on a cron entry.</span>
        </div>
    </div>
@endsection