@extends('layouts.app')

@section('title', 'Technical - '.$project->project_code)

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h5 class="fw-semibold mb-0">Technical Workspace — {{ $project->project_code }}</h5>
            <p class="text-muted small mb-0">{{ $project->customer?->name }} · {{ $project->lift_type }} · {{ $project->no_of_stops }} stops</p>
        </div>
        <a href="{{ route('crm.projects.show', $project) }}" class="btn btn-sm btn-outline-secondary">Back to Project</a>
    </div>

    <ul class="nav nav-pills mb-3 flex-wrap" id="techTabs" role="tablist">
        <li class="nav-item"><button class="nav-link active" data-bs-toggle="pill" data-bs-target="#team" type="button">Team</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#siteVisits" type="button">Site Visits</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#drawings" type="button">Drawings</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#bom" type="button">BOM</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#installation" type="button">Installation</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#testing" type="button">Testing</button></li>
        <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#handover" type="button">Handover</button></li>
    </ul>

    <div class="tab-content">
        {{-- TEAM --}}
        <div class="tab-pane fade show active" id="team">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <h6 class="fw-semibold mb-3">Project Team</h6>
                    <div class="table-responsive mb-3">
                        <table class="table table-sm align-middle">
                            <thead class="table-light"><tr><th>Name</th><th>Role</th><th></th></tr></thead>
                            <tbody>
                                @forelse ($project->teamMembers as $member)
                                    <tr>
                                        <td>{{ $member->user?->name }}</td>
                                        <td>{{ ucwords(str_replace('_', ' ', $member->role)) }}</td>
                                        <td class="text-end">
                                            <form method="POST" action="{{ route('technical.team.destroy', [$project, $member]) }}" onsubmit="return confirm('Remove this team member?');">
                                                @csrf @method('DELETE')
                                                <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="3" class="text-muted small">No team members assigned yet.</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <form method="POST" action="{{ route('technical.team.store', $project) }}" class="row g-2">
                        @csrf
                        <div class="col-md-5">
                            <select name="role" class="form-select form-select-sm" required onchange="this.form.user_id.value=''">
                                <option value="">Select role...</option>
                                <option value="site_supervisor">Site Supervisor</option>
                                <option value="installation_engineer">Installation Engineer</option>
                                <option value="electrician">Electrician</option>
                                <option value="helper">Helper</option>
                            </select>
                        </div>
                        <div class="col-md-5">
                            <select name="user_id" class="form-select form-select-sm" required>
                                <option value="">Select technician...</option>
                                @foreach ($technicians as $tech)
                                    <option value="{{ $tech->id }}">{{ $tech->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-sm btn-primary w-100">Assign</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        {{-- SITE VISITS --}}
        <div class="tab-pane fade" id="siteVisits">
            <div class="row g-3">
                <div class="col-lg-7">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Visit History</h6>
                            @forelse ($project->siteVisits as $visit)
                                <div class="border-bottom pb-2 mb-2">
                                    <div class="d-flex justify-content-between">
                                        <strong class="small">{{ $visit->visit_date->format('d M Y') }} — {{ $visit->engineer?->name }}</strong>
                                        <x-status-badge :status="$visit->status" />
                                    </div>
                                    <div class="small text-muted">
                                        Civil: {{ $visit->civil_readiness }} · Electrical: {{ $visit->electrical_readiness }} ·
                                        Shaft: {{ $visit->shaft_status }} · Pit: {{ $visit->pit_status }} ·
                                        Headroom: {{ $visit->headroom_status }} · Power: {{ $visit->power_supply_status }}
                                    </div>
                                    @if ($visit->remarks)
                                        <div class="small">{{ $visit->remarks }}</div>
                                    @endif
                                </div>
                            @empty
                                <p class="text-muted small mb-0">No site visits recorded yet.</p>
                            @endforelse
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Log Site Visit</h6>
                            <form method="POST" action="{{ route('technical.site-visits.store', $project) }}" enctype="multipart/form-data">
                                @csrf
                                <div class="mb-2">
                                    <label class="form-label small">Visit Date</label>
                                    <input type="date" name="visit_date" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}" required>
                                </div>
                                @foreach (['civil_readiness' => 'Civil Readiness', 'electrical_readiness' => 'Electrical Readiness', 'shaft_status' => 'Lift Shaft', 'pit_status' => 'Pit', 'headroom_status' => 'Headroom', 'power_supply_status' => 'Power Supply'] as $field => $label)
                                    <div class="mb-2">
                                        <label class="form-label small">{{ $label }}</label>
                                        <select name="{{ $field }}" class="form-select form-select-sm" required>
                                            <option value="ready">Ready</option>
                                            <option value="not_ready">Not Ready</option>
                                            <option value="pending">Pending</option>
                                        </select>
                                    </div>
                                @endforeach
                                <div class="mb-2">
                                    <label class="form-label small">Remarks</label>
                                    <textarea name="remarks" class="form-control form-control-sm" rows="2"></textarea>
                                </div>
                                <div class="row g-2 mb-2">
                                    <div class="col-6">
                                        <label class="form-label small">GPS Lat</label>
                                        <input type="text" name="gps_lat" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small">GPS Lng</label>
                                        <input type="text" name="gps_lng" class="form-control form-control-sm">
                                    </div>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">Site Images</label>
                                    <input type="file" name="images[]" class="form-control form-control-sm" accept="image/*" multiple>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label small">Customer Signature</label>
                                    <input type="file" name="customer_signature" class="form-control form-control-sm" accept="image/*">
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary w-100">Submit Visit</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- DRAWINGS --}}
        <div class="tab-pane fade" id="drawings">
            <div class="row g-3">
                <div class="col-lg-7">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Drawing Versions</h6>
                            <div class="table-responsive">
                                <table class="table table-sm align-middle">
                                    <thead class="table-light"><tr><th>Version</th><th>Status</th><th>Customer Approved</th><th></th></tr></thead>
                                    <tbody>
                                        @forelse ($project->drawings as $drawing)
                                            <tr>
                                                <td>v{{ $drawing->version }}</td>
                                                <td><x-status-badge :status="$drawing->status" /></td>
                                                <td>{{ $drawing->customer_approved_at ? $drawing->customer_approved_at->format('d M Y') : '—' }}</td>
                                                <td class="text-end">
                                                    <a href="{{ \App\Support\FileUrl::url($drawing->file_path) }}" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="bi bi-download"></i></a>
                                                    @if ($drawing->status === 'pending')
                                                        <form method="POST" action="{{ route('technical.drawings.approve', [$project, $drawing]) }}" class="d-inline">
                                                            @csrf @method('PATCH')
                                                            <button class="btn btn-sm btn-outline-success"><i class="bi bi-check-lg"></i></button>
                                                        </form>
                                                        <button class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#rejectDrawing{{ $drawing->id }}"><i class="bi bi-x-lg"></i></button>
                                                    @elseif ($drawing->status === 'approved' && ! $drawing->customer_approved_at)
                                                        <form method="POST" action="{{ route('technical.drawings.customer-approve', [$project, $drawing]) }}" class="d-inline">
                                                            @csrf @method('PATCH')
                                                            <button class="btn btn-sm btn-outline-primary">Customer OK</button>
                                                        </form>
                                                    @endif
                                                </td>
                                            </tr>

                                            <div class="modal fade" id="rejectDrawing{{ $drawing->id }}" tabindex="-1">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <form method="POST" action="{{ route('technical.drawings.reject', [$project, $drawing]) }}">
                                                            @csrf @method('PATCH')
                                                            <div class="modal-header"><h6 class="modal-title">Reject Drawing v{{ $drawing->version }}</h6></div>
                                                            <div class="modal-body">
                                                                <textarea name="remarks" class="form-control" placeholder="Reason for rejection" required></textarea>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
                                                                <button type="submit" class="btn btn-danger btn-sm">Reject</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @empty
                                            <tr><td colspan="4" class="text-muted small">No drawings uploaded yet.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Upload New Drawing</h6>
                            <form method="POST" action="{{ route('technical.drawings.store', $project) }}" enctype="multipart/form-data">
                                @csrf
                                <div class="mb-3">
                                    <input type="file" name="file" class="form-control form-control-sm" accept=".pdf,.dwg,.jpg,.png" required>
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary w-100">Upload</button>
                            </form>
                            <p class="small text-muted mt-3 mb-0">Approving a drawing automatically generates the Bill of Materials.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- BOM --}}
        <div class="tab-pane fade" id="bom">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h6 class="fw-semibold mb-0">Bill of Materials</h6>
                        <div class="d-flex align-items-center gap-2">
                            @if ($latestBom)
                                <x-status-badge :status="$latestBom->status" />
                                @role('super_admin|technical_manager')
                                    <form method="POST" action="{{ route('technical.bom.purchase-request', $project) }}" onsubmit="return confirm('Create a Purchase Request for all shortfall items on this BOM?');">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-outline-warning">
                                            <i class="bi bi-cart-plus me-1"></i>Request Shortfall Materials
                                        </button>
                                    </form>
                                @endrole
                            @endif
                        </div>
                    </div>

                    @if ($latestBom)
                        <div class="table-responsive">
                            <table class="table table-sm align-middle">
                                <thead class="table-light">
                                    <tr><th>Category</th><th>Item</th><th>Required</th><th>Reserved</th><th>Shortfall</th><th>Status</th></tr>
                                </thead>
                                <tbody>
                                    @foreach ($latestBom->items as $item)
                                        <tr>
                                            <td class="text-capitalize">{{ str_replace('_', ' ', $item->category) }}</td>
                                            <td>{{ $item->item_name }}</td>
                                            <td>{{ rtrim(rtrim($item->required_qty, '0'), '.') }} {{ $item->unit }}</td>
                                            <td>{{ rtrim(rtrim($item->reserved_qty, '0'), '.') }}</td>
                                            <td>{{ rtrim(rtrim($item->shortfall_qty, '0'), '.') }}</td>
                                            <td><x-status-badge :status="$item->status" /></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        @if ($project->purchaseRequests->isNotEmpty())
                            <hr>
                            <h6 class="fw-semibold mb-2 small">Purchase Requests</h6>
                            @foreach ($project->purchaseRequests as $pr)
                                @role('super_admin|procurement_officer|technical_manager')
                                    <a href="{{ route('procurement.purchase-requests.show', $pr) }}" class="d-block small mb-1">
                                        {{ $pr->pr_number }} — <x-status-badge :status="$pr->status" />
                                    </a>
                                @endrole
                            @endforeach
                        @endif
                    @else
                        <p class="text-muted small mb-0">No BOM generated yet. Approve a drawing to auto-generate one.</p>
                    @endif
                </div>
            </div>
        </div>

        {{-- INSTALLATION --}}
        <div class="tab-pane fade" id="installation">
            <div class="row g-3">
                <div class="col-lg-7">
                    <div class="card border-0 shadow-sm mb-3">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Daily Progress Log</h6>
                            @forelse ($project->installationProgresses as $progress)
                                <div class="border-bottom pb-2 mb-2">
                                    <div class="d-flex justify-content-between">
                                        <strong class="small">{{ $progress->progress_date->format('d M Y') }}</strong>
                                        <span class="badge bg-primary bg-opacity-10 text-primary">{{ $progress->installation_percent }}%</span>
                                    </div>
                                    <div class="small">{{ $progress->completed_work }}</div>
                                    <div class="small text-muted">by {{ $progress->submittedBy?->name }}</div>
                                </div>
                            @empty
                                <p class="text-muted small mb-0">No progress logged yet.</p>
                            @endforelse
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Material Consumption</h6>
                            <div class="table-responsive">
                                <table class="table table-sm align-middle">
                                    <thead class="table-light"><tr><th>Item</th><th>Issued</th><th>Used</th><th>Balance</th><th>Damaged</th></tr></thead>
                                    <tbody>
                                        @forelse ($project->materialConsumptions as $mc)
                                            <tr>
                                                <td>{{ $mc->item_name }}</td>
                                                <td>{{ $mc->issued_qty }}</td>
                                                <td>{{ $mc->used_qty }}</td>
                                                <td>{{ $mc->balance_qty }}</td>
                                                <td>{{ $mc->damaged_qty }}</td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="5" class="text-muted small">No consumption recorded yet.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm mb-3">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Log Daily Progress</h6>
                            <form method="POST" action="{{ route('technical.installation.progress.store', $project) }}" enctype="multipart/form-data">
                                @csrf
                                <div class="mb-2">
                                    <label class="form-label small">Date</label>
                                    <input type="date" name="progress_date" class="form-control form-control-sm" value="{{ now()->format('Y-m-d') }}" required>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">Completed Work</label>
                                    <textarea name="completed_work" class="form-control form-control-sm" rows="2" required></textarea>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">Pending Work</label>
                                    <textarea name="pending_work" class="form-control form-control-sm" rows="2"></textarea>
                                </div>
                                <div class="row g-2 mb-2">
                                    <div class="col-4">
                                        <label class="form-label small">Hours</label>
                                        <input type="number" step="0.5" name="working_hours" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-4">
                                        <label class="form-label small">Manpower</label>
                                        <input type="number" name="manpower_count" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-4">
                                        <label class="form-label small">% Done</label>
                                        <input type="number" name="installation_percent" min="0" max="100" class="form-control form-control-sm" required>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary w-100">Save Progress</button>
                            </form>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Record Material Consumption</h6>
                            <form method="POST" action="{{ route('technical.installation.consumption.store', $project) }}">
                                @csrf
                                <div class="mb-2">
                                    <label class="form-label small">Item</label>
                                    <select name="bom_item_id" class="form-select form-select-sm" onchange="this.form.item_name.value = this.options[this.selectedIndex].text">
                                        <option value="">Custom item...</option>
                                        @if ($latestBom)
                                            @foreach ($latestBom->items as $item)
                                                <option value="{{ $item->id }}">{{ $item->item_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                                <div class="mb-2">
                                    <input type="text" name="item_name" class="form-control form-control-sm" placeholder="Item name" required>
                                </div>
                                <div class="row g-2 mb-2">
                                    <div class="col-6">
                                        <label class="form-label small">Issued Qty</label>
                                        <input type="number" step="0.01" name="issued_qty" class="form-control form-control-sm" required>
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small">Used Qty</label>
                                        <input type="number" step="0.01" name="used_qty" class="form-control form-control-sm" required>
                                    </div>
                                </div>
                                <div class="row g-2 mb-3">
                                    <div class="col-6">
                                        <label class="form-label small">Damaged</label>
                                        <input type="number" step="0.01" name="damaged_qty" class="form-control form-control-sm" value="0">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small">Returned</label>
                                        <input type="number" step="0.01" name="returned_qty" class="form-control form-control-sm" value="0">
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary w-100">Record</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- TESTING --}}
        <div class="tab-pane fade" id="testing">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <h6 class="fw-semibold mb-3">Testing &amp; Commissioning Checklist</h6>
                    <div class="table-responsive">
                        <table class="table table-sm align-middle">
                            <thead class="table-light"><tr><th>Test</th><th>Status</th><th>Tested By</th><th>Update</th></tr></thead>
                            <tbody>
                                @foreach ($testTypes as $type)
                                    @php $record = $project->testingRecords->firstWhere('test_type', $type); @endphp
                                    <tr>
                                        <td class="text-capitalize">{{ str_replace('_', ' ', $type) }}</td>
                                        <td>
                                            <x-status-badge :status="$record->status ?? 'pending'" />
                                        </td>
                                        <td>{{ $record?->tester?->name ?? '—' }}</td>
                                        <td>
                                            <form method="POST" action="{{ route('technical.testing.store', $project) }}" class="d-flex gap-1">
                                                @csrf
                                                <input type="hidden" name="test_type" value="{{ $type }}">
                                                <select name="status" class="form-select form-select-sm" style="width:auto;">
                                                    <option value="pass" @selected($record?->status === 'pass')>Pass</option>
                                                    <option value="fail" @selected($record?->status === 'fail')>Fail</option>
                                                </select>
                                                <button type="submit" class="btn btn-sm btn-outline-primary">Save</button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- HANDOVER --}}
        <div class="tab-pane fade" id="handover">
            <div class="row g-3">
                <div class="col-lg-7">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Handover Checklist</h6>
                            <form method="POST" action="{{ route('technical.handover.update', $project) }}" enctype="multipart/form-data">
                                @csrf
                                <div class="form-check mb-2">
                                    <input type="checkbox" name="walkthrough_completed" value="1" class="form-check-input" id="walkthrough" @checked($project->handover?->walkthrough_completed_at)>
                                    <label class="form-check-label small" for="walkthrough">Customer walkthrough completed</label>
                                </div>
                                <div class="form-check mb-3">
                                    <input type="checkbox" name="training_completed" value="1" class="form-check-input" id="training" @checked($project->handover?->training_completed_at)>
                                    <label class="form-check-label small" for="training">Customer training completed</label>
                                </div>
                                <div class="mb-3">
                                    <label for="handed_over_at" class="form-label small">Actual handover date</label>
                                    <input id="handed_over_at" type="date" name="handed_over_at" max="{{ today()->toDateString() }}" value="{{ old('handed_over_at', $project->handover?->handed_over_at?->toDateString()) }}" class="form-control form-control-sm">
                                    @error('handed_over_at')<div class="text-danger small">{{ $message }}</div>@enderror
                                    <div class="form-text">Used to schedule recurring six-month service work.</div>
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">Warranty Document (PDF)</label>
                                    <input type="file" name="warranty_document" class="form-control form-control-sm" accept="application/pdf">
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">User Manual (PDF)</label>
                                    <input type="file" name="manual_document" class="form-control form-control-sm" accept="application/pdf">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label small">Customer Acceptance Signature</label>
                                    <input type="file" name="acceptance_signature" class="form-control form-control-sm" accept="image/*">
                                </div>
                                <div class="mb-2">
                                    <label class="form-label small">Customer Feedback</label>
                                    <textarea name="customer_feedback" class="form-control form-control-sm" rows="2">{{ $project->handover?->customer_feedback }}</textarea>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label small">Feedback Rating (1-5)</label>
                                    <input type="number" name="feedback_rating" min="1" max="5" class="form-control form-control-sm" value="{{ $project->handover?->feedback_rating }}">
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary w-100">Save Handover Details</button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body">
                            <h6 class="fw-semibold mb-3">Project Completion</h6>
                            <dl class="row small mb-3">
                                <dt class="col-7 text-muted">Walkthrough</dt><dd class="col-5">{{ $project->handover?->walkthrough_completed_at ? '✓ Done' : 'Pending' }}</dd>
                                <dt class="col-7 text-muted">Training</dt><dd class="col-5">{{ $project->handover?->training_completed_at ? '✓ Done' : 'Pending' }}</dd>
                                <dt class="col-7 text-muted">Signature</dt><dd class="col-5">{{ $project->handover?->acceptance_signature_path ? '✓ Uploaded' : 'Pending' }}</dd>
                                <dt class="col-7 text-muted">Handover Date</dt><dd class="col-5">{{ $project->handover?->handed_over_at?->format('d M Y') ?? 'Pending' }}</dd>
                            </dl>
                            @if ($project->handover?->completion_certificate_path)
                                <a href="{{ \App\Support\FileUrl::url($project->handover->completion_certificate_path) }}" target="_blank" class="btn btn-sm btn-outline-success w-100 mb-2">
                                    <i class="bi bi-file-earmark-pdf me-1"></i>View Certificate
                                </a>
                            @else
                                <form method="POST" action="{{ route('technical.handover.certificate', $project) }}">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-success w-100" {{ $project->handover?->isComplete() ? '' : 'disabled' }}>
                                        Generate Completion Certificate
                                    </button>
                                </form>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection