@extends('layouts.admin')

@section('page-title', 'View Project')

@section('content')
<div class="container-fluid py-4">
    <h2>{{ $project->title }}</h2>

    <p><strong>Client:</strong> {{ $project->client_name }}</p>
    <p><strong>Location:</strong> {{ $project->location }}</p>
    <p><strong>Project Type:</strong> {{ $project->project_type }}</p>
    <p><strong>Status:</strong> {{ ucfirst($project->status) }}</p>
    <p><strong>Priority:</strong> {{ $project->priority_level }}</p>
    <p><strong>Area:</strong> {{ $project->area }}</p>
    <p><strong>Cost:</strong> ₹{{ $project->project_cost }}</p>
    <p><strong>Description:</strong> {{ $project->project_desc }}</p>

    @if($assignedStaff->count() > 0)
    <div class="mt-4">
        <h4>Assigned Staff</h4>
        <table class="table table-bordered">
            <thead class="table-warning">
                <tr>
                    <th>Designation</th>
                    <th>Staff Name</th>
                    <th>Contact</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                @foreach($assignedStaff as $assignment)
                    <tr>
                        <td>{{ $assignment->designation->name ?? 'N/A' }}</td>
                        <td>{{ $assignment->staff->name ?? 'N/A' }}</td>
                        <td>{{ $assignment->staff->phone ?? '-' }}</td>
                        <td>{{ $assignment->staff->email ?? '-' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif


    @if($project->drawings_img)
        <div class="mt-3">
            <h5>Drawings:</h5>
            @foreach(json_decode($project->drawings_img, true) as $img)
                <img src="{{ asset('uploads/projects/drawings_img/'.$img) }}" width="200" class="me-2 mb-2" />
            @endforeach
        </div>
    @endif

    <a href="{{ route('adminProjects.index') }}" class="btn btn-secondary mt-3">Back</a>
</div>
@endsection