@extends('layouts.front.app')

@section('title', 'Search History')

@section('content')
<section class="breadcrumb-section">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a class="text-muted text-decoration-none" href="{{ route('welcome') }}">Home</a></li>
                <li aria-current="page" class="breadcrumb-item active text-dark">Search History</li>
            </ol>
        </nav>
    </div>
</section>

<main class="container py-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0">Search History</h2>

        @if($history->total() > 0)
            <form method="POST"
                  action="{{ route('user.search.history.clear', request()->only('type')) }}"
                  onsubmit="return confirm('Clear {{ $activeTab ? ucwords(str_replace('_', ' ', $activeTab)) . ' ' : '' }}search history? This cannot be undone.');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-outline-danger btn-sm">
                    Clear {{ $activeTab ? ucwords(str_replace('_', ' ', $activeTab)) : 'all' }}
                </button>
            </form>
        @endif
    </div>

    <ul class="nav nav-pills mb-4">
        <li class="nav-item">
            <a class="nav-link {{ $activeTab ? '' : 'active' }}"
               href="{{ route('user.search.history') }}">All</a>
        </li>
        @foreach($tabs as $t)
            <li class="nav-item">
                <a class="nav-link {{ $activeTab === $t ? 'active' : '' }}"
                   href="{{ route('user.search.history', ['type' => $t]) }}">
                    @if($t === 'samasya') Samasyas
                    @elseif($t === 'research_article') Research Articles
                    @else {{ ucfirst($t) }}s
                    @endif
                </a>
            </li>
        @endforeach
    </ul>

    @if(session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    @if($history->isEmpty())
        <div class="alert alert-info">
            You have no
            {{ $activeTab ? ucwords(str_replace('_', ' ', $activeTab)) . ' ' : '' }}search history yet.
        </div>
    @else
        <div class="card shadow-sm border-0 rounded-4">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 120px;" class="ps-4 py-3">Category</th>
                                <th class="py-3">Search Keyword</th>
                                <th style="width: 90px;" class="py-3">Results</th>
                                <th style="width: 150px;" class="py-3">Date & Time</th>
                                <th style="width: 90px;" class="pe-4 py-3 text-end">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($history as $row)
                                @include('users.partials._search_history_row', ['row' => $row])
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{ $history->links('users.partials._pagination') }}
    @endif
</main>
@endsection