@extends('layouts.app')

@section('title', 'QuickSell AI Action Center')

@section('content')
<style>
.qsa-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.qsa-box{background:#fff;border:1px solid #e5eaf0;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.05);margin-bottom:16px}.qsa-box-head{padding:15px 17px;border-bottom:1px solid #edf0f4}.qsa-box-body{padding:17px}.qsa-box h3{margin:0;font-size:17px}.qsa-action{display:block;padding:12px 14px;border-bottom:1px solid #edf0f4;color:#334155}.qsa-action:hover,.qsa-action.active{background:#eef2ff;color:#4338ca}.qsa-action:last-child{border-bottom:0}.qsa-status{display:inline-block;padding:3px 8px;border-radius:12px;background:#e2e8f0;font-size:11px;text-transform:uppercase}.qsa-status.proposed{background:#fef3c7;color:#92400e}.qsa-status.approved{background:#dbeafe;color:#1d4ed8}.qsa-status.executed{background:#dcfce7;color:#166534}.qsa-status.rejected,.qsa-status.failed{background:#fee2e2;color:#991b1b}.qsa-status.reversed{background:#ede9fe;color:#5b21b6}.qsa-steps{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.qsa-step{padding:8px 11px;border-radius:8px;background:#f1f5f9;color:#64748b}.qsa-step.done{background:#dcfce7;color:#166534}.qsa-table-wrap{overflow:auto}.qsa-table{width:100%;min-width:650px;border-collapse:collapse}.qsa-table th,.qsa-table td{padding:9px 10px;border:1px solid #e2e8f0;text-align:left}.qsa-table th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase}.qsa-warning{padding:12px;border-left:4px solid #f59e0b;background:#fffbeb;margin:12px 0}.qsa-actions form{display:inline-block;margin-right:6px}.qsa-result{background:#f8fafc;padding:12px;border-radius:8px;margin-top:14px;word-break:break-word}@media(max-width:900px){.qsa-shell{grid-template-columns:1fr}}
</style>
<section class="content-header"><h1><i class="fas fa-tasks"></i> AI Action Center <small>Plan → review → approve → execute</small></h1></section>
<section class="content">
    <div class="alert alert-info"><i class="fa fa-shield-alt"></i> AI cannot directly change QuickSell. Every proposal is validated against your business, role and locations, then requires separate approval and execution.</div>
    <div class="qsa-shell">
        <div>
            @if(auth()->user()->can('superadmin') || auth()->user()->can('ai.propose_actions'))
            <div class="qsa-box"><div class="qsa-box-head"><h3>Create proposal</h3></div><div class="qsa-box-body">
                <form method="POST" action="{{ route('quicksellai.actions.propose') }}">@csrf
                    <div class="form-group"><label>Action type</label><select name="action_hint" class="form-control"><option value="">Let AI identify it</option><option value="draft_sale">Draft sale</option><option value="draft_quotation">Draft quotation</option><option value="purchase_order">Purchase order</option><option value="price_update">Product price update</option></select></div>
                    <div class="form-group"><label>Instruction</label><textarea name="instruction" class="form-control" rows="5" maxlength="3000" required placeholder="Create a draft quotation for Apex Retail at ULTIMATE POS with 2 Wireless Barcode Scanners and 5 POS Paper Roll Packs.">{{ old('instruction') }}</textarea></div>
                    <button class="btn btn-primary btn-block" type="submit"><i class="fas fa-sparkles"></i> Build reviewable proposal</button>
                    <small class="text-muted">Be specific about contact, location, products, quantities and new prices.</small>
                </form>
            </div></div>
            @endif
            <div class="qsa-box"><div class="qsa-box-head"><h3>Recent proposals</h3></div><div>
                @forelse($actions as $action)
                    <a class="qsa-action {{ !empty($selected) && $selected->id===$action->id ? 'active':'' }}" href="{{ route('quicksellai.actions',['action'=>$action->id]) }}"><strong>{{ ucwords(str_replace('_',' ',$action->action_type)) }}</strong><span class="qsa-status {{ $action->status }} pull-right">{{ $action->status }}</span><br><small>{{ Str::limit($action->instruction,60) }} · {{ $action->created_at->diffForHumans() }}</small></a>
                @empty<div class="qsa-box-body text-muted">No proposals yet.</div>@endforelse
            </div></div>
        </div>
        <div>
            @if($selected)
            <div class="qsa-box"><div class="qsa-box-head"><h3>{{ ucwords(str_replace('_',' ',$selected->action_type)) }} <span class="qsa-status {{ $selected->status }}">{{ $selected->status }}</span></h3></div><div class="qsa-box-body">
                <p><strong>Original instruction</strong><br>{{ $selected->instruction }}</p>
                <div class="qsa-steps"><span class="qsa-step done">1. Planned</span><span class="qsa-step {{ in_array($selected->status,['approved','executed','reversed'])?'done':'' }}">2. Approved</span><span class="qsa-step {{ in_array($selected->status,['executed','reversed'])?'done':'' }}">3. Executed</span></div>
                <div class="qsa-warning"><strong>Effect:</strong> {{ data_get($selected->preview,'effect') }}</div>
                @if(data_get($selected->preview,'contact'))<div class="row"><div class="col-sm-6"><strong>Contact</strong><p>{{ data_get($selected->preview,'contact') }}</p></div><div class="col-sm-6"><strong>Location</strong><p>{{ data_get($selected->preview,'location') }}</p></div></div>@endif
                @if(data_get($selected->preview,'lines'))
                    <div class="qsa-table-wrap"><table class="qsa-table"><thead><tr><th>Product</th><th>SKU</th><th>Quantity</th><th>Unit price/cost</th><th>Total</th></tr></thead><tbody>@foreach(data_get($selected->preview,'lines',[]) as $line)<tr><td>{{ $line['product'] }}<br><small>{{ $line['variation'] }}</small></td><td>{{ $line['sku'] }}</td><td>{{ number_format($line['quantity'],2) }}</td><td>{{ number_format($line['unit_price'],2) }}</td><td>{{ number_format($line['line_total'],2) }}</td></tr>@endforeach</tbody><tfoot><tr><th colspan="4">Total</th><th>{{ number_format(data_get($selected->preview,'total',0),2) }}</th></tr></tfoot></table></div>
                @endif
                @if(data_get($selected->preview,'items'))
                    <div class="qsa-table-wrap"><table class="qsa-table"><thead><tr><th>Product</th><th>SKU</th><th>Current price</th><th>New price</th><th>Change</th></tr></thead><tbody>@foreach(data_get($selected->preview,'items',[]) as $item)<tr><td>{{ $item['product'] }}<br><small>{{ $item['variation'] }}</small></td><td>{{ $item['sku'] }}</td><td>{{ number_format($item['old_price'],2) }}</td><td><strong>{{ number_format($item['new_price'],2) }}</strong></td><td>{{ $item['change_percent']>0?'+':'' }}{{ number_format($item['change_percent'],2) }}%</td></tr>@endforeach</tbody></table></div>
                @endif
                @if($selected->error)<div class="alert alert-danger" style="margin-top:12px">{{ $selected->error }}</div>@endif
                @if($selected->result)<div class="qsa-result"><strong>Execution result</strong><pre style="margin:8px 0 0">{{ json_encode($selected->result, JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES) }}</pre></div>@endif
                <hr><div class="qsa-actions">
                    @if($selected->status==='proposed' && (auth()->user()->can('superadmin') || auth()->user()->can('ai.approve_actions')))<form method="POST" action="{{ route('quicksellai.actions.approve',$selected->id) }}">@csrf<button class="btn btn-success"><i class="fa fa-check"></i> Approve</button></form>@endif
                    @if($selected->status==='approved' && (auth()->user()->can('superadmin') || auth()->user()->can('ai.approve_actions')))<form method="POST" action="{{ route('quicksellai.actions.execute',$selected->id) }}" onsubmit="return confirm('Execute this approved QuickSell action now?')">@csrf<button class="btn btn-primary"><i class="fa fa-play"></i> Execute</button></form>@endif
                    @if(in_array($selected->status,['proposed','approved']))<form method="POST" action="{{ route('quicksellai.actions.reject',$selected->id) }}">@csrf<button class="btn btn-default"><i class="fa fa-times"></i> Reject</button></form>@endif
                    @if($selected->status==='executed' && $selected->action_type==='price_update' && (auth()->user()->can('superadmin') || auth()->user()->can('ai.approve_actions')))<form method="POST" action="{{ route('quicksellai.actions.reverse',$selected->id) }}" onsubmit="return confirm('Reverse these price changes?')">@csrf<button class="btn btn-warning"><i class="fa fa-undo"></i> Reverse price changes</button></form>@endif
                </div>
                <p class="text-muted" style="margin-top:12px">Requested by {{ trim(optional($selected->requester)->first_name.' '.optional($selected->requester)->last_name) }} on {{ $selected->created_at->format('d M Y, h:i A') }}. Proposal expires {{ optional($selected->expires_at)->diffForHumans() }}.</p>
            </div></div>
            @else<div class="qsa-box"><div class="qsa-box-body text-center text-muted" style="padding:70px">Create or select an AI action proposal.</div></div>@endif
        </div>
    </div>
</section>
@endsection