@extends('Frontend.Master.authMaster')
@section('content')
    <div class="row">
        {{-- Search Bar --}}
        <div class="col-md-12">
            <form action="{{ route('front.details') }}" method="POST">
                @csrf
                <div class="search_bar">
                    <div class="txt_area">
                        <!-- <input type="text" name="query" value="{{ old('query') }}" placeholder="Search by title, description, or tags"> -->
                        <input type="text" name="query" class="form-control" id=""
                            value="{{ isset($getData['searched_data']) ? $getData['searched_data'] : '' }}"
                            placeholder="Search here">
                    </div>
                    <div class="icons">
                        <button type="submit" style="border: none; background: transparent;">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>


                </div>


            </form>
        </div>

        {{-- Results List --}}
        <div class="col-md-12">
            <div class="document_management_details_list">
                @isset($getData)

                    @forelse($getData['mediaItems'] as $item)
                        <div class="details_card">
                            <!-- <div class="ttl">
                                            <h6>{{ $item->title }}</h6> -->
                            <!-- <a href="{{ route('user.searchdownload', $item->id) }}"
                                                                                                                style="padding-right: 30px; text-decoration: none; color:#679cec;">
                                                                                                                <i class="fas fa-download"></i> Download
                                                                                                            </a> -->
                            <!-- </div> -->
                            <div class="row">
                                <div class="col-lg-3">
                                    <div class="thumnail-img">
                                        <img src="{{ asset('storage/' . $item->thumb_image) }}" class="card-img-absolute"
                                            alt="data-thumbnail" />
                                    </div>
                                </div>
                                <div class="col-lg-9">
                                    <div class="data-right">
                                        <div class="ttl">
                                            <h6>{{ $item->title }}</h6>
                                        </div>
                                        @php
                                            $tagsArray = is_array($item->tags) ? $item->tags : json_decode($item->tags, true);
                                        @endphp


                                        @foreach($tagsArray ?? [] as $tag)
                                            <span class="tag">
                                            <span class="tag-icon"><i class="fa-solid fa-tag"></i></span>
                                            {{ is_array($tag) ? implode(', ', $tag) : $tag }}</span>
                                        @endforeach

                                        <p>{{ Str::limit($item->description, 300, '...') }}</p>
                                        <p>{{ $item->purpose }}</p>
                                        <div class="uplod_vw_dv-div">
                                            <div class="uplod_vw_dv">
                                                <span class="upld">
                                                    <span style="color:#ff6692;"> <i class="fas fa-upload"></i></span>
                                                    <span style="color:#a9a9a9;"> Uploaded at <span class="upld_dt"
                                                            style="color:#000;">
                                                            {{ \Carbon\Carbon::parse($item->created_at)->format('d.m.Y') }}</span></span>
                                                </span>
                                                <span class="view">
                                                    <span style="color:#635bff;">
                                                        <i class="fas fa-download"></i>
                                                    </span>
                                                    <span style="color:#a9a9a9;"> Downloads <span class="view_amunt"
                                                            style="color:#000;">{{ $item->download_count }}</span></span>
                                                </span>
                                                <span class="view">
                                                    <span style="color:#28d2cd;">
                                                        <i class="fas fa-eye"></i>
                                                    </span>
                                                    <span style="color:#a9a9a9;"> Views <span class="view_amunt"
                                                            style="color:#000;">{{ $item->view_count }}</span></span>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="uplod-btn">
                                            <a href="{{route('searched.file.details', $fileId = $item->id)}}">Details</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        @if($getData['first'] == 'no')
                            <div class="details_card">
                                <p>No matching documents found. </p>
                            </div>
                        @endif
                    @endforelse

                    @if($getData['first'] == 'yes')
                        <div class="details_card">
                            <p>Start your search to see results.</p>
                        </div>
                    @endif
                @else
                    <!-- <div class="details_card">
                                                        <p>Start your search to see results.</p>
                                                    </div> -->
                @endisset
            </div>
        </div>
    </div>
@endsection