@extends('layouts.app')

@section('pageTitle', 'Projects')

@section('content')
<div class="page-content">
  <div class="page-subheading page-subheading-md">
    <ol class="breadcrumb">
        <li><a href="javascript:;">Dashboard</a></li>
        <li class="active"><a href="javascript:;">Projects</a></li>
    </ol>
   </div>
<div class="page-heading page-heading-md">
    <h2>Projects - Pending Approval</h2>
</div>
<div class="container-fluid-md">
    <div class="panel panel-default">
        <div class="panel-heading">
        <ul class="nav nav-tabs">
            
                         @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif
                           
                        </ul>
                        <div class="panel-body">
                            <div class="tab-content">
                                <div id="list" class="tab-pane active">
                                    <div class="mb-5">
                                    </div>
                                    
         <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>Project Name</th>
                <th>Street</th>
                <th>Area/HDB Estate</th>
                <th>District</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach($projects as $project)
            <tr>
              
                <td>{{ $project->project_name }}</td>
                <td>{{ $project->street }}</td>
                <td>{{ $project->area_hdb_estate }}</td>
                <td>{{ $project->district }}</td>
                <td>                
                    <a href="{{ route("projects.detail", ['id' => $project->id]) }}" class="btn btn-sm btn-success">
                        Take Action
                    </a>
                   
                </td>
               
            </tr>
            @endforeach
            </tbody>
        </table>
   </div>
    </div>
    </div>
    </div>
    </div>
                         
@endsection