@extends('layouts.sales.sales')

@section('content')
<div class="container-fluid">
    <!-- Page Title -->
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="fw-bold mb-0">
            Factory Designs — Project #{{ $project->id }}
        </h4>
        <span class="badge bg-primary">
            Total Designs: {{ $project->designs->count() }}
        </span>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body p-0">

            <div class="table-responsive">
                <table class="table table-hover table-bordered align-middle mb-0">
                    <thead class="table-light text-nowrap">
                        <tr>
                            <th>ID</th>
                            <th>Company</th>
                            <!-- <th>Width</th>
                            <th>Height</th>
                            <th>Bays</th>
                            <th>Rafter</th>
                            <th>Brickwall</th>
                            <th>Sheet</th>
                            <th>Purlin</th> -->
                            <th>Logo</th>
                            <th>Date</th>
                            <th>Feedback</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                    @forelse($project->designs as $design)
                        <tr>
                            <td class="fw-semibold">{{ $design->id }}</td>

                            <td>
                                <span class="fw-semibold">{{ $design->company_name }}</span>
                            </td>

                            <!-- <td>{{ $design->width }}</td>
                            <td>{{ $design->height }}</td>
                            <td>{{ $design->total_bays }}</td>
                            <td>{{ $design->rafter_distance }}</td>
                            <td>{{ $design->brickwall_height }}</td>
                            <td>{{ $design->sheet_color }}</td>
                            <td>{{ $design->purlin_color }}</td> -->
                            <td class="text-center">
                                @if($design->logo_img)
                                    <img src="{{ asset('uploads/designs/logo/'.$design->logo_img) }}"
                                         width="50"
                                         class="rounded shadow-sm"
                                         alt="Logo">
                                @else
                                    <span class="text-muted small">No Logo</span>
                                @endif
                            </td>

                            <td class="text-nowrap">
                                {{ $design->created_at?->format('d M Y') }}
                            </td>

                            <td class="text-center">
                                <form action="{{ route('design.feedback', $design->id) }}" method="POST">
                                    @csrf
                                    <div class="input-group input-group-sm">
                                        <input type="text" name="feedback" class="form-control"
                                            placeholder="Add feedback"
                                            value="{{ $design->design_feedback ?? '' }}">
                                        <button class="btn btn-outline-success" type="submit">
                                            <i class="bi bi-check-lg"></i>
                                        </button>
                                    </div>
                                </form>
                            </td>

                            <td class="text-center">
                                <a href="{{ route('open', [
                                    'projectid' => $project->id,
                                    'designId'  => $design->id
                                ]) }}"
                                   target="_blank"
                                   class="btn btn-sm btn-outline-primary"
                                   title="View Design">
                                    <i class="bi bi-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="12" class="text-center text-muted py-4">
                                No designs found for this project
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

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