@extends('procurement::layouts.master')
@section('title','Projects')
@section('content')
@include('procurement::components.partials.page_header',['title'=>'Projects','actionRoute'=>route('procurement.projects.create'),'actionLabel'=>'New Project'])
<div class="card shadow mb-3">
    <div class="card-body py-2">
        <form method="GET" class="form-inline flex-wrap">
            <input type="text" name="search" class="form-control form-control-sm mr-2 mb-1" placeholder="Search name, code..." value="{{ request('search') }}" style="width:220px">
            <select name="status" class="form-control form-control-sm mr-2 mb-1">
                <option value="">All Statuses</option>
                @foreach(['active','on_hold','archived'] as $s)
                <option value="{{ $s }}" {{ request('status')==$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-sm btn-secondary mb-1">Filter</button>
            <a href="{{ route('procurement.projects.index') }}" class="btn btn-sm btn-link mb-1">Clear</a>
        </form>
    </div>
</div>
<div class="card shadow mb-4">
    <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-dark">
                <tr>
                    @include('procurement::components.partials.sortable_th', ['label'=>'Name','field'=>'name'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Code','field'=>'code'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Status','field'=>'status'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Launch Target','field'=>'launch'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Runs','field'=>'runs','class'=>'text-center'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Components','field'=>'components','class'=>'text-center'])
                    @include('procurement::components.partials.sortable_th', ['label'=>'Orders','field'=>'orders','class'=>'text-center'])
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($projects as $p)
                <tr>
                    <td><a href="{{ route('procurement.projects.show',$p) }}" class="font-weight-bold">{{ $p->name }}</a></td>
                    <td><code>{{ $p->code ?? '—' }}</code></td>
                    <td><span class="badge badge-{{ $p->status_badge }}">{{ ucfirst(str_replace('_',' ',$p->status)) }}</span></td>
                    <td>{{ $p->target_launch_date?->format('M j, Y') ?? '—' }}</td>
                    <td class="text-center">{{ $p->runs_count }}</td>
                    <td class="text-center">{{ $p->components_count }}</td>
                    <td class="text-center">{{ $p->orders_count }}</td>
                    <td class="text-right">
                        <a href="{{ route('procurement.projects.edit',$p) }}" class="btn btn-xs btn-outline-secondary">Edit</a>
                        <form method="POST" action="{{ route('procurement.projects.destroy',$p) }}" class="d-inline" onsubmit="return confirm('Delete project?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-outline-danger">Del</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center py-4 text-muted">No projects yet. <a href="{{ route('procurement.projects.create') }}">Create one.</a></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection