@extends('app-new')

@push('content-header')
<div class="row breadcrumbs-top">
    <div class="col-12">
        <h2 class="content-header-title float-start mb-0">View Project</h2>
        <div class="breadcrumb-wrapper">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('projects.index') }}">Projects</a></li>
                <li class="breadcrumb-item active">View</li>
            </ol>
        </div>
    </div>
</div>
@endpush

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">

            <div class="card-header">
                <h4 class="card-title mb-0">Project Details</h4>
            </div>

            <div class="card-body">
                <div class="row g-2">

                    {{-- Project Info --}}
                    <div class="col-md-4">
                        <label class="form-label">Project Name</label>
                        <div class="form-control-plaintext">{{ $project->project_name }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Project Code</label>
                        <div class="form-control-plaintext">{{ $project->project_code }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Office Location</label>
                        <div class="form-control-plaintext">{{ $project->officeLocation?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Country</label>
                        <div class="form-control-plaintext">{{ $project->country?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">State</label>
                        <div class="form-control-plaintext">{{ $project->state?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Customer</label>
                        <div class="form-control-plaintext">{{ $project->customer?->display_name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Customer Billing</label>
                        <div class="form-control-plaintext">{{ $project->customerBilling?->display_name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Customer Shipping</label>
                        <div class="form-control-plaintext">{{ $project->customerShipping?->display_name ?? '-' }}</div>
                    </div>

                    {{-- Team --}}
                    <div class="col-md-4">
                        <label class="form-label">Project Manager</label>
                        <div class="form-control-plaintext">{{ $project->projectManager?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Ticket Manager</label>
                        <div class="form-control-plaintext">{{ $project->ticketManager?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Maker</label>
                        <div class="form-control-plaintext">{{ $project->maker?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Checker</label>
                        <div class="form-control-plaintext">{{ $project->checker?->name ?? '-' }}</div>
                    </div>

                    {{-- Approvers --}}
                    <div class="col-md-12">
                        <label class="form-label">Approving Authorities</label>

                        <div class="border rounded p-2" style="max-height:200px; overflow-y:auto;">
                            <ul class="mb-0">
                                @forelse($project->approvers as $approver)
                                    <li>{{ $approver->name }}</li>
                                @empty
                                    <li class="text-muted">No Approvers Assigned</li>
                                @endforelse
                            </ul>
                        </div>
                    </div>

                    {{-- Vendor --}}
                    <div class="col-12 pt-1">
                        <h5>Vendor Preference</h5>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Vendor Country</label>
                        <div class="form-control-plaintext">{{ $project->vendorCountry?->name ?? '-' }}</div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Vendor State</label>
                        <div class="form-control-plaintext">{{ $project->vendorState?->name ?? '-' }}</div>
                    </div>

                    {{-- Timeline --}}
                    <div class="col-12 pt-1">
                        <h5>Project Timeline</h5>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Project Date</label>
                        <div class="form-control-plaintext">
                            {{ optional($project->project_date)->format('d-m-Y') ?? '-' }}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Duration</label>
                        <div class="form-control-plaintext">
                            {{ $project->duration_value }} {{ $project->duration_unit }}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Status</label>
                        <div class="form-control-plaintext">
                            {{ $project->status ?? '-' }}
                        </div>
                    </div>

                    {{-- Buttons --}}
                    <div class="col-12 mt-2">
                        <a href="{{ route('projects.edit', $project->id) }}" class="btn btn-primary">Edit</a>
                        <a href="{{ route('projects.index') }}" class="btn btn-outline-secondary">Back</a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
@endsection