@extends('layouts.app')
@section('title', 'Trade Advisory')
@section('breadcrumbs')
<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li><li class="breadcrumb-item"><a href="#">AI Platform</a></li><li class="breadcrumb-item active">Trade Advisory</li></ol></nav>
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">Trade Advisory</h1><p class="text-muted mb-0">AI-powered trade compliance and regulatory advice</p></div>
</div>
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <div class="input-group input-group-lg shadow-sm">
            <span class="input-group-text bg-white border-end-0"><i class="bi bi-search text-muted fs-5"></i></span>
            <input type="text" class="form-control border-start-0 ps-0" id="advisoryQuery" placeholder="Ask about import/export regulations, HS codes, duties, restrictions...">
            <button class="btn btn-primary px-4" id="askBtn"><i class="bi bi-robot me-1"></i>Ask AI</button>
        </div>
        <div class="mt-3 d-flex gap-2 flex-wrap">
            <span class="badge bg-light text-dark border suggestion-chip px-3 py-2" style="cursor:pointer;">What documents are needed for tea export to EU?</span>
            <span class="badge bg-light text-dark border suggestion-chip px-3 py-2" style="cursor:pointer;">DGFT schemes for electronics import?</span>
            <span class="badge bg-light text-dark border suggestion-chip px-3 py-2" style="cursor:pointer;">Restrictions on pharma exports to Africa?</span>
        </div>
    </div>
</div>
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold"><i class="bi bi-lightbulb me-2 text-primary"></i>Advisory Response</h5></div>
    <div class="card-body" id="advisoryResponse">
        <div class="text-center py-5 text-muted"><i class="bi bi-robot display-4 d-block mb-2"></i><p>Enter a query above to get AI-powered trade advisory</p></div>
    </div>
</div>
@endsection