@extends('layouts.app')

@section('title','Projects')
@section('page_title','Projects')

@section('content')

@if(session('success'))
    <div style="background:#dcfce7;color:#166534;padding:10px;margin-bottom:15px;border-radius:6px;">
        {{ session('success') }}
    </div>
@endif
<div style="margin-bottom:15px;">

    <a href="{{ route('projects.create') }}"
       style="background:#2563eb;
              color:#fff;
              padding:10px 15px;
              border-radius:6px;
              text-decoration:none;">

        Add Project

    </a>

</div>

<table style="width:100%;background:#fff;border-collapse:collapse;">
    <thead>
        <tr style="background:#e5e7eb;">
            <th style="padding:12px;text-align:left;">Code</th>
            <th style="padding:12px;text-align:left;">Project</th>
            <th style="padding:12px;text-align:left;">Type</th>
            <th style="padding:12px;text-align:left;">Cost</th>
            <th style="padding:12px;text-align:left;">Payment</th>
            <th style="padding:12px;text-align:left;">Received</th>
            <th style="padding:12px;text-align:left;">Pending</th>
            <th style="padding:12px;text-align:left;">Delivery</th>
            <th style="padding:12px;text-align:left;">Status</th>
            <th style="padding:12px;text-align:left;">Action</th>
        </tr>
    </thead>

    <tbody>
        @foreach($projects as $project)
            <tr style="border-bottom:1px solid #ddd;">
                <td style="padding:12px;">{{ $project->project_code }}</td>
                <td style="padding:12px;">{{ $project->project_name }}</td>
                <td style="padding:12px;">{{ $project->project_type }}</td>
                <td style="padding:12px;">{{ $project->project_cost }}</td>
                <td style="padding:12px;">{{ ucwords(str_replace('_',' ', $project->payment_type)) }}</td>
                <td style="padding:12px;">{{ $project->currency }} {{ $project->received_amount }}</td>
                <td style="padding:12px;">{{ $project->currency }} {{ $project->pending_amount }}</td>
                <td style="padding:12px;">{{ $project->expected_delivery }}</td>
                <td style="padding:12px;">{{ ucwords(str_replace('_',' ', $project->status)) }}</td>
                <td style="padding:12px;white-space:nowrap;">
                    <a href="{{ route('projects.show',$project->id) }}"
                       style="background:#2563eb;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        View
                    </a>

                    <a href="{{ route('projects.edit',$project->id) }}"
                       style="background:#f59e0b;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        Edit
                    </a>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

@endsection