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


    <section>
        <div class="container">
            <div class="row">
                <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"
                                    value="{{ $getData['searched_data'] ?? ($fileDetails[0]->title ?? '') }}"
                                    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>
            </div>
        </div>
    </section>
    <section class="">
        <div class="document_management_details">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="data_entry_wrap">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="data_enrty_img">
                                        <img src="{{ asset('storage/' . $fileDetails[0]->thumb_image) }}" class="" alt="" />
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class="details_wrap">
                                        <!-- <div class="name mb-2">
                                            <p>Name</p>
                                            <h5>{{ $fileDetails[0]->name }}</h5>
                                        </div> -->
                                        <div class="title-1 mb-3">
                                            <h5 class="mb-2">Title</h5>
                                            <h6>{{$fileDetails[0]->title}}</h6>
                                        </div>
                                        <div class="description mb-4">
                                            <h6 class="mb-0">Desciption</h6>
                                            <p class="des-scroll mt-0" id="style-1">{{$fileDetails[0]->description}}</p>
                                        </div>
                                        <div class="purpose mb-4">
                                            <h6 class="mb-0">Purpose</h6>
                                            <p class="mt-0">{{$fileDetails[0]->purpose}}
                                            </p>
                                        </div>
                                        <div class="tags">
                                            @php
                                                $tags = json_decode($fileDetails[0]->tags, true);
                                            @endphp

                                            <p>Tags</p>
                                            @if(is_array($tags))
                                                @foreach($tags as $tag)
                                                    <span>
                                                        <span class="tag-icon"><i class="fa-solid fa-tag"></i></span>
                                                        {{ is_array($tag) && isset($tag['value']) ? $tag['value'] : $tag }}</span>
                                                @endforeach
                                            @else
                                                <span>{{ $tags }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="img_gllry">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <h5 style="margin-left:20px;font-size: 16px;margin-bottom: 0px;margin-top: 10px;">All Files
                                </h5>
                            </div>
                            <div class="col-md-6 text-end">
                                <a
                                    href="{{ route('searched.allfiles.download', ['files' => implode('|', array_merge(...array_values($filePaths))), 'fileId' => $fileDetails[0]->id]) }}">
                                    <span class="dwnld_btn"><span><i class="fa-solid fa-download"></i></span>Download
                                        All</span>
                                </a>
                            </div>

                            <!-- <div class="col-md-6 text-end">
                                <a href="#"><span class="dwnld_btn"><span><i class="fa-solid fa-download"></i></span>Download All</span></a>
                            </div> -->
                        </div>
                        <div class="row">
                            @foreach ($filePaths as $fileId => $paths)
                                @foreach ($paths as $path)
                                    <div class="col-lg-3 col-md-6">
                                        <div class="dtails_imgs">
                                            <img src="{{ asset('assets/images/imgpsh_fullsize.png') }}" class="" alt="" />

                                            <div class="dwnld_imgs">
                                                <a
                                                    href="{{ route('searched.file.download', ['id' => $fileId, 'filename' => basename($path)]) }}">
                                                    <span class="dwnld_btns dwnld_btns_active">
                                                        <span><i class="fa-solid fa-download"></i></span>Download
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endforeach
                            <!-- <div class="col-lg-3 col-md-6">
                                <div class="dtails_imgs">
                                    <img src="{{ asset('assets/images/imgpsh_fullsize.png')}}" class="" alt="" />
                                    <div class="dwnld_imgs">
                                        <span class="dwnld_btns"><span><i
                                                    class="fa-solid fa-download"></i></span>Download</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="dtails_imgs">
                                    <img src="{{ asset('assets/images/imgpsh_fullsize.png')}}" class="" alt="" />
                                    <div class="dwnld_imgs">
                                        <span class="dwnld_btns dwnld_btns_active"><span><i
                                                    class="fa-solid fa-download"></i></span>Download</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="dtails_imgs">
                                    <img src="{{ asset('assets/images/imgpsh_fullsize.png')}}" class="" alt="" />
                                    <div class="dwnld_imgs">
                                        <span class="dwnld_btns"><span><i
                                                    class="fa-solid fa-download"></i></span>Download</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6">
                                <div class="dtails_imgs">
                                    <img src="{{ asset('assets/images/imgpsh_fullsize.png')}}" class="" alt="" />
                                    <div class="dwnld_imgs">
                                        <span class="dwnld_btns"><span><i
                                                    class="fa-solid fa-download"></i></span>Download</span>
                                    </div>
                                </div>
                            </div> -->

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



@endsection