@extends('dashboard.layouts.app')

@section('content')
<div class="container mt-5">
    <div class="card shadow-lg border-0 rounded-3">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="fas fa-tasks me-2"></i> Task Details
            </h5>
            <a href="{{ route('tasks.index') }}" class="btn btn-sm btn-secondary">
                <i class="fas fa-arrow-left me-1"></i> Back
            </a>
        </div>
        <div class="card-body px-4 py-4">
            <dl class="row mb-0">
                <dt class="col-md-3">Task Name:</dt>
                <dd class="col-md-9">{{ $task->task_name }}</dd>

                <dt class="col-md-3">Description:</dt>
                <dd class="col-md-9">{{ $task->description ?? '-' }}</dd>

                <dt class="col-md-3">Assigned To:</dt>
                <dd class="col-md-9">
                    @if($task->assign_to_me)
                        <span class="badge bg-info">Myself</span>
                    @elseif($task->staff)
                        {{ $task->staff->first_name . ' ' . $task->staff->last_name }}
                    @else
                        <span class="text-muted">Not Assigned</span>
                    @endif
                </dd>

                <dt class="col-md-3">Start Date:</dt>
                <dd class="col-md-9">{{ $task->start_date }}</dd>

                <dt class="col-md-3">Due Date:</dt>
                <dd class="col-md-9">
                    {{ $task->due_date ? $task->due_date : '-' }}
                </dd>

                <dt class="col-md-3">Reminder:</dt>
                <dd class="col-md-9">
                    {{ $task->reminder ? $task->reminder :'-' }}
                </dd>

                <dt class="col-md-3">Priority:</dt>
                <dd class="col-md-9">
                    @if($task->priority === 'high')
                        <span class="badge bg-danger">High</span>
                    @elseif($task->priority === 'medium')
                        <span class="badge bg-warning text-dark">Medium</span>
                    @else
                        <span class="badge bg-success">Low</span>
                    @endif
                </dd>

                <dt class="col-md-3">Status:</dt>
                <dd class="col-md-9">
                    @if($task->status === 'open')
                        <span class="badge bg-primary">Open</span>
                    @elseif($task->status === 'hold')
                        <span class="badge bg-secondary">On Hold</span>
                    @else
                        <span class="badge bg-dark">Closed</span>
                    @endif
                </dd>

                <dt class="col-md-3">Task Type:</dt>
                <dd class="col-md-9">{{ $task->task_type }}</dd>
                <dt class="col-md-3">Attachments:</dt>
                <dd class="col-md-9">
                    @forelse($attachments as $file)
                        @php
                            $extension = pathinfo($file->file_path, PATHINFO_EXTENSION);
                            $imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
                        @endphp
                        @if(in_array(strtolower($extension), $imageExtensions))
                            <a href="{{ asset($file->file_path) }}" target="_blank">
                                <img src="{{ asset($file->file_path) }}" 
                                     alt="{{ $file->original_name }}" 
                                     style="max-height: 100px; border-radius: 8px; margin:5px;">
                            </a>
                        @else
                            <a href="{{ asset($file->file_path) }}" target="_blank" class="d-block mb-1">
                                <i class="fas fa-paperclip me-1"></i> {{ $file->original_name }}
                            </a>
                        @endif
                    @empty
                        <span class="text-muted">No attachments</span>
                    @endforelse
                </dd>

            </dl>
        </div>
        <div class="card-footer text-end">
            <a href="{{ route('tasks.edit', $task->id) }}" class="btn btn-warning me-2">
                <i class="fas fa-edit me-1"></i> Edit
            </a>
            @if (Auth::id() === $task->created_by)
                <form action="{{ route('tasks.destroy', $task->id) }}" method="POST" class="d-inline"
                      onsubmit="return confirm('Are you sure you want to delete this task?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash me-1"></i> Delete
                    </button>
                </form>
            @endif
        </div>
    </div>
</div>
@endsection