@extends('app-new')

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

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">Projects</h4>
                    <div class="btn-group">
                        <a href="{{ route('projects.create') }}" class="btn btn-primary">
                            <i data-feather="plus" class="me-50"></i>
                            Add Project
                        </a>
                        <a href="{{ route('projects.import.index') }}" class="btn btn-outline-secondary">
                            <i data-feather="upload" class="me-50"></i>
                            Import Projects
                        </a>
                        <a href="{{ route('projects.calendar') }}" class="btn btn-outline-primary">Calendar</a>
                        <a href="{{ route('projects.report.download') }}" class="btn btn-outline-secondary">Download Report</a>
                        <a href="{{ route('projects.activity') }}" class="btn btn-outline-secondary">Activity</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped align-middle">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Code</th>
                                    <th>Status</th>
                                    <th>Project Manager</th>
                                    <th>Customer</th>
                                    <th>Office Location</th>
                                    <th>Start Date</th>
                                    <th>Duration</th>
                                    <th class="text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($projects as $project)
                                    <tr>
                                        <td>{{ $project->project_name }}</td>
                                        <td>{{ $project->project_code }}</td>
                                        <td>{{ $statusOptions[$project->status] ?? ucfirst($project->status) }}</td>
                                        <td>{{ $project->projectManager->name ?? '-' }}</td>
                                        <td>{{ $project->customer->display_name ?? '-' }}</td>
                                        <td>{{ $project->officeLocation->name ?? '-' }}</td>
                                        <td>{{ optional($project->project_date)->format('Y-m-d') ?? '-' }}</td>
                                        <td>
                                            @if($project->duration_value)
                                                {{ $project->duration_value }} {{ $project->duration_unit }}
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <!-- View -->
                                            <a href="{{ route('projects.show', $project) }}"
                                            class="text-info me-1"
                                            title="View">
                                                <i data-feather="eye"></i>
                                            </a>

                                            <!-- Edit -->
                                            <a href="{{ route('projects.edit', $project) }}"
                                            class="text-primary me-1"
                                            title="Edit">
                                                <i data-feather="edit"></i>
                                            </a>

                                            <!-- Delete -->
                                            <form action="{{ route('projects.destroy', $project->id) }}"
                                                method="POST"
                                                class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit"
                                                        class="btn p-0 border-0 bg-transparent text-danger"
                                                        title="Delete">
                                                    <i data-feather="trash-2"></i>
                                                </button>
                                            </form>
                                        </td>

                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center">No projects found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://unpkg.com/feather-icons"></script>
<script>
    feather.replace();
</script>