@extends('layouts.app')
@section('title', 'Officials | KDHC')
@section('content')
    <div class="container-fluid">
        <h5 class="py-2">Proposal submissions</h5>
        @if (isset($proposals) && count($proposals) > 0)
            <div class="table-responsive">
                <table
                    class="table table-striped-columns
            table-hover
            table-bordered
            table-light
            align-middle">
                    <thead class="table-light">
                        <caption>Proposals</caption>
                        <tr>
                            <th>#</th>
                            <th>Registered Legal Name</th>
                            <th>Trade Name</th>
                            <th>County</th>
                            <th>Business Type</th>
                            <th>Sector</th>
                            <th>Year of Registration</th>
                            <th>Stage of Business</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody class="table-group-divider">
                        @foreach ($proposals as $key => $value)
                            <tr class="table-primary cursor-pointer">
                                <td scope="row">{{ $key + 1 }}</td>
                                <td class="text-nowrap">{{ $value->registered_legal_name }}</td>
                                <td class="text-nowrap">{{ $value->trade_name }}</td>
                                <td>{{ $value->county }}</td>
                                <td class="text-capitalize">{{ Str::replace('_',' ',$value->business_type) }}</td>
                                <td>{{ $value->sector }}</td>
                                <td>{{ $value->year_of_registration }}</td>
                                <td class="text-capitalize">{{ Str::replace('_',' ',$value->stage_of_business) }}</td>
                                <td>
                                    <div class="dropdown">
                                        <button
                                            class="btn btn-secondary dropdown-toggle"
                                            type="button"
                                            id="dropdownMenuButton"
                                            data-bs-toggle="dropdown"
                                            aria-expanded="false">
                                            Action
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <li>
                                                <a
                                                    class="dropdown-item"
                                                    href="{{ route('proposal.view', $value->uuid) }}">
                                                    View
                                                </a>
                                            </li>
                                            <li class="d-none">
                                                <form
                                                    action="{{ route('admin.proposal.destroy', $value->uuid) }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button
                                                        class="dropdown-item"
                                                        type="submit">
                                                        Delete
                                                    </button>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        {{ $proposals->links() }}
                    </tfoot>
                </table>
            </div>
        @else
            <div class="p-3">No proposals submitted</div>
        @endif
    </div>
@endsection