@extends('layouts.admin')

@section('page-title', 'Assign Staff to Project')

@section('content')
    <div class="container-fluid py-4 px-4">

        {{-- Header & Action Button --}}
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                <h4 class="fw-bold mb-1">{{ $project->title ?? 'Untitled Project' }}</h4>
                <p class="text-muted mb-0 small">Review the project details below before building your team.</p>
            </div>
            <div>
                {{-- The Action Button --}}
                <button type="button" class="btn fw-semibold shadow-sm text-white"
                    style="background:#6d28d9; padding:8px 20px; border-radius:8px;">
                    <i class="bi bi-person-plus me-1"></i> Assign Staff to this Project
                </button>
            </div>
        </div>

        {{-- Project Details Card --}}
        <div class="card border-0 shadow-sm rounded-3" style="border: 1px solid #f0f0f0;">
            <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
                <h6 class="fw-bold mb-0"><i class="bi bi-info-circle me-2 text-primary"></i>Project Information</h6>
                <span class="badge rounded-pill" style="background:#ede9fe; color:#6d28d9; border: 1px solid #ddd6fe;">
                    {{ strtoupper($project->status ?? 'ACTIVE') }}
                </span>
            </div>
            <div class="card-body p-4">
                <div class="row g-4">

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Client
                            Name</small>
                        <div class="text-dark fw-medium mt-1 fs-6">
                            <i class="bi bi-building me-1 text-muted"></i> {{ $project->client_name ?? 'N/A' }}
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide"
                            style="font-size: 11px;">Location</small>
                        <div class="text-dark fw-medium mt-1 fs-6">
                            <i class="bi bi-geo-alt me-1 text-muted"></i> {{ $project->location ?? 'N/A' }}
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Priority
                            Level</small>
                        <div class="mt-1">
                            @if($project->priority_level == 'High')
                                <span class="badge bg-danger">High Priority</span>
                            @elseif($project->priority_level == 'Medium')
                                <span class="badge bg-warning text-dark">Medium Priority</span>
                            @else
                                <span class="badge bg-info text-dark">Low Priority</span>
                            @endif
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Start
                            Date</small>
                        <div class="text-dark fw-medium mt-1 fs-6">
                            <i class="bi bi-calendar-check text-success me-1"></i>
                            {{ $project->start_date ? \Carbon\Carbon::parse($project->start_date)->format('d M Y') : 'Not Set' }}
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Expected
                            Closure</small>
                        <div class="text-dark fw-medium mt-1 fs-6">
                            <i class="bi bi-calendar-x text-danger me-1"></i>
                            {{ $project->expected_closure ? \Carbon\Carbon::parse($project->expected_closure)->format('d M Y') : 'Not Set' }}
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Project
                            Cost</small>
                        <div class="text-dark fw-bold mt-1 fs-5">
                            ₹{{ number_format((float) $project->project_cost, 2) ?? '0.00' }}
                        </div>
                    </div>

                    @if($project->project_desc)
                        <div class="col-12 border-top pt-3 mt-4">
                            <small class="text-muted text-uppercase fw-semibold tracking-wide" style="font-size: 11px;">Project
                                Description</small>
                            <p class="text-dark mt-2 mb-0" style="font-size: 14px; line-height: 1.6;">
                                {{ $project->project_desc }}
                            </p>
                        </div>
                    @endif

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

    </div>
@endsection