@extends('Frontend.Master.authMaster')
@section('content')

    <section class="upload-form-sec">
        <div class="upload-form-sec-wrap">
            <div class="container">

                <div class="row">

                    <div class="col-lg-3">
                        @include('Frontend.Layouts.leftbar')
                    </div>


                    <div class="col-lg-9">
                        <div class="upload-form-div">
                            <div class="page-header">
                                <h4>Your Download History</h4>
                            </div>
                        </div>
                        <div class="download-history">
                            <div class="row">
                                <div class="col-lg-12 grid-margin stretch-card">
                                    <div class="card">
                                        <div class="card-body">
                                            <table class="table table-bordered custom-table-1">
                                                <thead>
                                                    <tr>
                                                        <th></th>
                                                        <th>Title</th>
                                                        <th>Description</th>
                                                        <th>Tags</th>
                                                        <th>Searched Date</th>
                                                        <!-- <th>Count</th> -->
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @php $i = 1; @endphp {{-- Initialize Counter --}}
                                                    @forelse ($downloadHistory as $index => $item)
                                                        <tr>
                                                            <td>{{ $i++ }}</td>
                                                            <td>{{ $item->title }}</td>
                                                            <td>{{ \Illuminate\Support\Str::limit($item->description, 50, '...') }}
                                                            </td>

                                                            {{-- <td>{{ $item->description }}</td> --}}
                                                            <td>
                                                                @php
                                                                    $tagsArray = is_array($item->tags) ? $item->tags : json_decode($item->tags, true);
                                                                @endphp
                                                                @foreach($tagsArray ?? [] as $tag)
                                                                    <span class="tag-bg-1 badge bg-info"><span class="tag-icon"><i
                                                                                class="fa-solid fa-tag"></i></span>{{ is_array($tag) ? implode(', ', $tag) : $tag }}</span>
                                                                @endforeach
                                                            </td>
                                                            <td>{{ $item->udl_download_date }}</td>
                                                            <!-- <td>{{ $item->download_count }}</td> -->
                                                            <td class="text-center">
                                                                <a href="{{ route('userFile.download', basename($item->file_path)) }}"
                                                                    class="download_btn" target="_blank">
                                                                    <i class="mdi mdi-download"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="6" class="text-center">No search history found.</td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>


                                            <div class="d-flex justify-content-center mt-3 pagination">
                                                {{ $downloadHistory->links('pagination::bootstrap-5') }}
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div> <!-- End Right Content -->
                </div>

            </div>
        </div>
    </section>


    <script>
        document.addEventListener("DOMContentLoaded", function () {
            document.querySelectorAll("tr").forEach((row) => {
                let maxHeight = 0;
                let cells = row.querySelectorAll("td");

                // Find the maximum height of all tds in the row
                cells.forEach((cell) => {
                    let height = cell.offsetHeight;
                    if (height > maxHeight) {
                        maxHeight = height;
                    }
                });

                // Apply max height to the last td
                let lastTd = row.querySelector("td:last-child");
                if (lastTd) {
                    lastTd.style.height = maxHeight + "px";
                }
            });
        });

    </script>

@endsection