@extends('layouts.admin')

@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">Media Details</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.users') }}">Users</a></li>
                    <li class="breadcrumb-item active">View Media</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Media Information</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th>Title</th>
                        <td>{{ $media->title }}</td>
                    </tr>
                    <tr>
                        <th>Destination</th>
                        <td>{{ $media->destination ?? 'NA' }}</td>
                    </tr>
                    <tr>
                        <th>Country</th>
                        <td>{{ $media->country->name ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <th>Date</th>
                        <td>{{ $media->date }}</td>
                    </tr>
                   
                    <!-- <tr>
                        <th>Phone</th>
                        <td>{{ $user->phone ?? 'N/A' }}</td>
                    </tr> -->
                </table>
            </div>
        </div>
       
    </div>
</div>

   
        <div class="col-lg-12">
            <div class="card" id="orderList">
                <div class="card-body">
                    <div class="row">
                     @if($media->files->first())
    @foreach($media->files as $file)
                    <div class="col-lg-3 mb-3">
                        <div id="preview-container" class="mt-2">
                            @php
                                $url = $file->file_url;
                                $extension = strtolower(pathinfo($url, PATHINFO_EXTENSION));
                                $imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
                                $videoExtensions = ['mp4', 'mov', 'avi', 'mkv', 'webm'];
                            @endphp

                            @if (in_array($extension, $imageExtensions))
                                <img id="preview-image" src="{{ $url }}" alt="Media File" class="img-thumbnail" width="150">
                            @elseif (in_array($extension, $videoExtensions))
                                {{-- Option 1: Show link --}}
                                <a href="{{ $url }}" target="_blank">View Video</a>

                                {{-- Option 2: Embed video (optional) --}}
                                {{-- <video width="150" controls>
                                    <source src="{{ $url }}" type="video/{{ $extension }}">
                                    Your browser does not support the video tag.
                                </video> --}}
                            @else
                                <p>Unsupported file type</p>
                            @endif
                        </div>
                    </div>
                     @endforeach
@endif
                </div>
            </div>
        </div>
   

</div>
@endsection