@extends('layouts.admin')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <!-- User Detail Card -->
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="card mb-4 shadow-lg rounded-3">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="mb-0">Project Detail</h3>
                        <a href="{{ route('project.list') }}" class="btn" style="background-color: #DE3996; color: #fff">
                            <i class="fas fa-arrow-left"></i>
                        </a>
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3 text-center mb-4 mb-md-0">
                                <div class="d-flex flex-column align-items-center">
                                    @if ($project->files->isNotEmpty())
                                        <img src="{{ $project->files->first()->temp_url }}" alt="Project Image"
                                            class="img-fluid rounded shadow"
                                            style="width: 100%; max-height: 200px; object-fit: cover;">
                                    @else
                                        <div class="bg-light rounded shadow d-flex align-items-center justify-content-center"
                                            style="width: 100%; height: 200px;">
                                            <span class="text-muted">No Image</span>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-6">
                                        <ul class="list-unstyled">
                                            <li class="mb-2"><strong>Name:</strong> {{ $project->name ?? 'N/A' }}</li>
                                            <li class="mb-2"><strong>Category:</strong> {{ $project->category ?? 'N/A' }}
                                            </li>
                                            <li class="mb-2"><strong>Status:</strong>
                                                @if ($project->upload_status == 1)
                                                    <span class="badge bg-success">Yes</span>
                                                @else
                                                    <span class="badge bg-danger">NO</span>
                                                @endif
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="col-md-6">
                                        <ul class="list-unstyled">
                                            <li class="mb-2"><strong>Created At:</strong>
                                                {{ $project->created_at->format('M d, Y H:i') }}</li>

                                            @if ($project->status == 'completed')
                                                <li class="mt-5">
                                                    <div class="d-flex gap-2">

                                                        <a href="{{ route('view_glb') }}" class="btn btn-sm btn-primary"
                                                            title="View">
                                                            <i class="fas fa-eye"></i>
                                                        </a>


                                                        <a href="" download class="btn btn-sm btn-success" title="Download">
                                                            <i class="fas fa-download"></i>
                                                        </a>
                                                    </div>
                                                </li>
                                            @endif
                                        </ul>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="mt-5">
                            <h4 class="mb-4">Project Files</h4>

                            @if ($project->files->isEmpty())
                                <div class="alert alert-info">No files uploaded for this project.</div>
                            @else
                                <div class="row">
                                    @foreach ($project->files as $file)
                                        <div class="col-md-3 mb-4">
                                            <div class="card h-100">
                                                <img src="{{ $file->temp_url }}" class="card-img-top" alt="Project file"
                                                    style="height: 150px; object-fit: cover;">
                                                <div class="card-body">
                                                    <p class="card-text text-truncate">{{ basename($file->file_name) }}</p>
                                                    <p class="card-text text-truncate">{{ $file->folder_url }}</p>
                                                    <p class="card-text text-truncate">{{ $file->file_name }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>

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

@endsection