@extends('layouts.app')

@section('title', 'Operational Alert Center')

@section('content')
<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">Operational Alert Center</h1>
    <p class="text-muted">Live operational exceptions across stock, payments, offline selling, stored value, and sensitive transactions.</p>
</section>

<section class="content">
    <div class="row">
        @foreach([
            ['Open alerts', $summary['open'], 'bg-aqua', 'fa-bell'],
            ['Critical', $summary['critical'], 'bg-red', 'fa-exclamation-circle'],
            ['Warnings', $summary['warning'], 'bg-yellow', 'fa-exclamation-triangle'],
            ['Acknowledged', $summary['acknowledged'], 'bg-green', 'fa-check'],
        ] as $card)
            <div class="col-md-3 col-sm-6">
                <div class="small-box {{ $card[2] }}">
                    <div class="inner"><h3>{{ $card[1] }}</h3><p>{{ $card[0] }}</p></div>
                    <div class="icon"><i class="fa {{ $card[3] }}"></i></div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Filters</h3>
        </div>
        <div class="box-body">
            {!! Form::open(['route' => 'operational-alerts.index', 'method' => 'get']) !!}
            <div class="row">
                <div class="col-md-2">
                    {!! Form::label('status', 'Status') !!}
                    {!! Form::select('status', ['' => 'All', 'open' => 'Open', 'acknowledged' => 'Acknowledged', 'resolved' => 'Resolved'], request('status'), ['class' => 'form-control']) !!}
                </div>
                <div class="col-md-3">
                    {!! Form::label('alert_type', 'Alert type') !!}
                    {!! Form::select('alert_type', [
                        '' => 'All',
                        'low_stock' => 'Low/out of stock',
                        'payment_mismatch' => 'Payment mismatch',
                        'offline_sync' => 'Offline sync failure',
                        'expiring_voucher' => 'Expiring stored value',
                        'unusual_transaction' => 'Sensitive transaction',
                    ], request('alert_type'), ['class' => 'form-control']) !!}
                </div>
                <div class="col-md-2">
                    {!! Form::label('severity', 'Severity') !!}
                    {!! Form::select('severity', ['' => 'All', 'critical' => 'Critical', 'warning' => 'Warning', 'info' => 'Information'], request('severity'), ['class' => 'form-control']) !!}
                </div>
                <div class="col-md-3">
                    {!! Form::label('location_id', 'Branch') !!}
                    {!! Form::select('location_id', $locations, request('location_id'), ['class' => 'form-control select2', 'placeholder' => 'All branches', 'style' => 'width:100%']) !!}
                </div>
                <div class="col-md-2">
                    <label>&nbsp;</label>
                    <button class="btn btn-primary btn-block" type="submit"><i class="fa fa-filter"></i> Apply</button>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>

    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Alerts</h3>
            <span class="pull-right text-muted">Conditions are refreshed whenever this page opens.</span>
        </div>
        <div class="box-body table-responsive">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Severity</th>
                        <th>Alert</th>
                        <th>Branch</th>
                        <th>Occurred</th>
                        <th>Status</th>
                        <th class="text-right">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($alerts as $alert)
                        <tr>
                            <td>
                                <span class="label {{ $alert->severity === 'critical' ? 'label-danger' : ($alert->severity === 'warning' ? 'label-warning' : 'label-info') }}">
                                    {{ ucfirst($alert->severity) }}
                                </span>
                            </td>
                            <td>
                                <strong>{{ $alert->title }}</strong>
                                <div class="text-muted">{{ $alert->message }}</div>
                                @if($alert->alert_type === 'payment_mismatch')
                                    <a href="{{ route('integrated-payments.reconciliation', ['status' => 'needs_review']) }}">Open payment reconciliation</a>
                                @elseif($alert->alert_type === 'expiring_voucher' && !empty($alert->entity_id))
                                    <a href="{{ route('stored-value.show', $alert->entity_id) }}">Open stored-value account</a>
                                @endif
                            </td>
                            <td>{{ $alert->location->name ?? 'All / Not assigned' }}</td>
                            <td>{{ optional($alert->occurred_at)->format('M d, Y h:i A') }}</td>
                            <td>
                                <span class="label {{ $alert->status === 'resolved' ? 'label-default' : ($alert->status === 'acknowledged' ? 'label-success' : 'label-primary') }}">
                                    {{ ucfirst($alert->status) }}
                                </span>
                            </td>
                            <td class="text-right text-nowrap">
                                @if((auth()->user()->can('operational_alerts.manage') || auth()->user()->can('business_settings.access') || auth()->user()->can('superadmin')) && $alert->status === 'open')
                                    {!! Form::open(['route' => ['operational-alerts.acknowledge', $alert->id], 'method' => 'post', 'style' => 'display:inline']) !!}
                                        <button class="btn btn-xs btn-success" type="submit"><i class="fa fa-check"></i> Acknowledge</button>
                                    {!! Form::close() !!}
                                @endif
                                @if((auth()->user()->can('operational_alerts.manage') || auth()->user()->can('business_settings.access') || auth()->user()->can('superadmin')) && $alert->status !== 'resolved')
                                    {!! Form::open(['route' => ['operational-alerts.resolve', $alert->id], 'method' => 'post', 'style' => 'display:inline']) !!}
                                        <button class="btn btn-xs btn-default" type="submit"><i class="fa fa-archive"></i> Resolve</button>
                                    {!! Form::close() !!}
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted">No alerts match the selected filters.</td></tr>
                    @endforelse
                </tbody>
            </table>
            {{ $alerts->links() }}
        </div>
    </div>
</section>
@endsection