@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>File Details</h4>
                <h6>View and manage file details</h6>
            </div>
        </div>
        @include('layouts.errors')
        <div class="card">
            <div class="card-body">
                <!-- File Details -->
                <h5>File Information</h5>
                <div class="mb-3">
                    <label class="form-label">File Name:</label>
                    <p>{{ $file->file_name }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Category:</label>
                    <p>{{ $file->category }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Year:</label>
                    <p>{{ $file->year }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Date:</label>
                    <p>{{ $file->date }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Comments:</label>
                    <p>{{ $file->comments }}</p>
                </div>

                <div class="mb-3">
                    <a href="{{ route('accountant.file.download', $file->id) }}" style="border:1px solid #244d86;padding: 5px;border-radius: 5px;">
                    <i class="fa fa-download"></i> Download</a>
                </div>

                <!-- List of Uploaded Files -->
                <h5>Uploaded Files</h5>
                <div class="row mt-1">
                    @foreach($file->uploads as $uploadedFile)
                        <div class="col-md-1">
                            <div class="file-preview">
                            @php
                                $fileExtension = pathinfo($uploadedFile->file_path, PATHINFO_EXTENSION);
                            @endphp

                            @if(in_array($fileExtension, ['jpg', 'jpeg', 'png', 'gif']))
                                <!-- Show image preview -->
                                <a href="{{ Storage::disk('s3')->url($uploadedFile->file_path) }}" target="_blank">
                                <img src="{{ Storage::disk('s3')->url('images/image-placeholder.png') }}" alt="{{ $uploadedFile->file_name }}" class="img-thumbnail" width="100">
                                </a>
                            @elseif(in_array($fileExtension, ['pdf']))
                                <!-- Show PDF placeholder -->
                                <a href="{{ Storage::disk('s3')->url($uploadedFile->file_path) }}" target="_blank">
                                    <img src="{{ Storage::disk('s3')->url('images/pdf-placeholder.png') }}" alt="PDF" class="img-thumbnail" width="100">
                                </a>
                            @elseif(in_array($fileExtension, ['doc', 'docx']))
                                <!-- Show DOC placeholder -->
                                <a href="{{ Storage::disk('s3')->url($uploadedFile->file_path) }}" target="_blank">
                                    <img src="{{ Storage::disk('s3')->url('images/doc-placeholder.png') }}" alt="DOC" class="img-thumbnail" width="100">
                                </a>
                            @elseif(in_array($fileExtension, ['mp4', 'avi', 'mov']))
                                <a href="{{ Storage::disk('s3')->url($uploadedFile->file_path) }}" target="_blank">
                                    <img src="{{ Storage::disk('s3')->url('images/video-placeholder.png') }}" alt="DOC" class="img-thumbnail" width="100">
                                </a>
                            @else
                                <!-- Show generic file icon for unknown formats -->
                                <a href="{{ Storage::disk('s3')->url($uploadedFile->file_path) }}" target="_blank">
                                    <img src="{{ Storage::disk('s3')->url('images/file-placeholder.png') }}" alt="File" class="img-thumbnail" width="100">
                                </a>
                            @endif
                            <!-- Delete button -->
                            <form action="{{ route('file.delete', $uploadedFile->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this file?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-block btn-sm">{{ __('messages.Delete') }}</button>
                            </form>
                            </div>
                        </div>
                    @endforeach
                </div>

                <!-- Back button -->
                <div class="mt-4">
                    <a href="{{ route('accountant.client', $file->client_id) }}" class="btn btn-primary">Back to Files</a>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection