@extends('layouts.admin-master')
@section('title', 'Deals Report')
@section('style')
    @include('admin.style')
    <style>
        .filter-bar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; }
        .filter-bar .filter-field { display:flex; flex-direction:column; gap:6px; }
        .filter-bar .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.4px; color:#9ca3af; }
        .filter-bar .form-control { min-width:150px; font-size:13px; border-radius:8px; }
        .filter-bar .filter-actions { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; margin-left:auto; }
    </style>
@endsection
@section('content')
<div id="preloader"><div class="spinner"></div></div>
<aside class="sidebar-nav-wrapper">@include('admin.sidenav')</aside>
<div class="overlay"></div>

<main class="main-wrapper">
    @include('admin.header')

    <section class="section">
        <div class="container-fluid">
            <div class="title-wrapper pt-30">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="title"><h2>Deals Report</h2></div>
                    
                    </div>
                    <div class="col-md-6">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="card-style mb-30">
                        <form method="GET" class="filter-bar">
                            <div class="filter-field">
                                <label class="filter-label">District</label>
                                <input type="text" name="district" class="form-control" placeholder="District" value="{{ request('district') }}">
                            </div>
                            <div class="filter-field">
                                <label class="filter-label">Date From</label>
                                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                            </div>
                            <div class="filter-field">
                                <label class="filter-label">Date To</label>
                                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                            </div>
                            <div class="filter-field">
                                <label class="filter-label">Price From (₹)</label>
                                <input type="number" name="price_from" class="form-control" placeholder="Min" value="{{ request('price_from') }}">
                            </div>
                            <div class="filter-field">
                                <label class="filter-label">Price To (₹)</label>
                                <input type="number" name="price_to" class="form-control" placeholder="Max" value="{{ request('price_to') }}">
                            </div>
                            <div class="filter-actions">
                                <button type="submit" class="btn btn-primary"><i class="lni lni-funnel"></i> Filter</button>
                                <a href="{{ route('reports.deals') }}" class="btn btn-outline-secondary">Reset</a>
                                <a href="{{ request()->fullUrlWithQuery(['export' => 'csv']) }}" class="action-btn" style="background:#d1e7dd;color:#0a5132;width:auto;padding:0 14px;border-radius:8px;font-size:13px;gap:6px;height:38px;" title="Export CSV">
                                    <i class="lni lni-download"></i> Export CSV
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="card-style mb-30">
                        <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-20">
                            <h6 class="text-medium mb-0">All Deals</h6>
                            <span class="text-sm text-gray">{{ $records->total() }} total</span>
                        </div>

                        <div class="table-responsive">
                            <table class="table top-selling-table">
                                <thead>
                                    <tr>
                                        <th><h6 class="text-sm text-medium">#</h6></th>
                                        <th><h6 class="text-sm text-medium">Crop</h6></th>
                                        <th><h6 class="text-sm text-medium">Farmer</h6></th>
                                        <th><h6 class="text-sm text-medium">Vendor</h6></th>
                                        <th><h6 class="text-sm text-medium">Offered Price</h6></th>
                                        <th><h6 class="text-sm text-medium">Qty</h6></th>
                                        <th><h6 class="text-sm text-medium">Status</h6></th>
                                        <th><h6 class="text-sm text-medium">Date</h6></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($records as $index => $record)
                                    <tr>
                                        <td class="text-sm">{{ ($records->firstItem() ?? 1) + $index }}</td>
                                        <td class="text-sm fw-500">{{ $record->farmerCrop->crop->crop_name ?? 'N/A' }}</td>
                                        <td class="text-sm">{{ $record->farmer->name ?? 'N/A' }}</td>
                                        <td class="text-sm">{{ $record->vendor->vendor_name ?? 'N/A' }}</td>
                                        <td class="text-sm fw-500">₹{{ number_format($record->offered_price, 2) }}</td>
                                        <td class="text-sm">{{ $record->quantity }}</td>
                                        <td>
                                            @php $st = strtolower($record->status ?? 'pending'); @endphp
                                            <span class="badge-status
                                                @if(in_array($st, ['accepted','approved','completed','sold'])) badge-approved
                                                @elseif(in_array($st, ['rejected','cancelled','canceled','expired'])) badge-rejected
                                                @else badge-pending @endif">
                                                {{ ucfirst($record->status ?? 'pending') }}
                                            </span>
                                        </td>
                                        <td class="text-sm">{{ $record->created_at->format('d M Y') }}</td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="8" class="text-center py-5 text-muted">
                                            <i class="lni lni-handshake" style="font-size:32px;opacity:.3;"></i>
                                            <p class="mt-2 mb-0">No deals found</p>
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        <div class="pt-10 d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <p class="text-sm text-gray mb-0">
                                Showing {{ $records->firstItem() ?? 0 }} – {{ $records->lastItem() ?? 0 }} of {{ $records->total() }} entries
                            </p>
                            {{ $records->appends(request()->query())->links('pagination::bootstrap-4') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('admin.footer')
</main>
@endsection

@section('script')
@include('admin.script')
@endsection