@extends('layouts.layout-horizontal')

@section('title', 'Trade Exhibitions')

@section('content')
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <h5 class="mb-0">Trade Exhibitions</h5>
            <div class="d-flex gap-2">
                <a href="{{ route('reports.field-entries') }}" class="btn btn-outline-primary btn-sm">Field Report</a>
                <a href="{{ route('trade-exhibitions.create') }}" class="btn btn-primary btn-sm">New Exhibition Entry</a>
            </div>
        </div>
        <div class="card-body">
            <div data-st data-st-export="excel">
                <div class="table-responsive">
                    <table class="table table-hover table-sm align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>#</th>
                                <th>Company</th>
                                <th>Exhibition Name</th>
                                <th>Exhibitor</th>
                                <th>Date</th>
                                <th>Location</th>
                                <th class="text-center">Dealer Card</th>
                                <th class="text-center">Items</th>
                                <th width="150" class="text-center no-sort no-export">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($exhibitions as $exhibition)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $exhibition->company->name ?? '—' }}</td>
                                    <td class="fw-bold">
                                        <a href="{{ route('trade-exhibitions.edit', $exhibition->id) }}" class="text-decoration-none">
                                            {{ $exhibition->exhibition_name }}
                                        </a>
                                    </td>
                                    <td>{{ $exhibition->exhibitor_name ?: '—' }}</td>
                                    <td>{{ $exhibition->exhibition_date->format('d-M-Y') }}</td>
                                    <td>{{ $exhibition->location ?: '—' }}</td>
                                    <td class="text-center">
                                        @if ($exhibition->dealer_card_path)
                                            <a href="{{ asset('storage/' . $exhibition->dealer_card_path) }}" target="_blank" class="badge bg-success text-decoration-none">View</a>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-info">{{ $exhibition->items_count }} items</span>
                                    </td>
                                    <td class="text-center">
                                        <div class="tbl-actions">
                                            <a href="{{ route('trade-exhibitions.show', $exhibition->id) }}" class="tbl-act" data-bs-toggle="tooltip" title="View"><i class="ph-duotone ph-eye"></i></a>
                                            <div class="dropdown">
                                                <button class="tbl-act tbl-act-more" type="button" data-bs-toggle="dropdown"><i class="ph-duotone ph-dots-three-vertical"></i></button>
                                                <ul class="dropdown-menu dropdown-menu-end">
                                                    <li>
                                                        <form action="{{ route('trade-exhibitions.destroy', $exhibition->id) }}" method="POST"
                                                            onsubmit="return confirm('Delete this exhibition entry?')">
                                                            @csrf @method('DELETE')
                                                            <button class="dropdown-item text-danger"><i class="ph-duotone ph-trash me-2"></i>Delete</button>
                                                        </form>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center text-muted py-4">No field entries found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection