@php use App\Libraries\Text;use App\Models\Form; @endphp
@extends('cms.layouts.frame')

@section('content')
    <main>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button class="nav-link {{ $activeNavLink("index") }}" id="nav-index-tab" data-bs-toggle="tab"
                        data-bs-target="#nav-index" type="button" role="tab" aria-controls="nav-index"
                        aria-selected="true">列表
                </button>
            </div>
        </nav>
        <div class="tab-content pt-3" id="nav-tabContent">
            {{-- 列表 --}}
            <div class="tab-pane fade {{ $activeTabPane("index") }}" id="nav-index" role="tabpanel"
                 aria-labelledby="nav-index-tab" tabindex="0">


                <table class="table min-w-1280  mt-2">
                    <thead>
                    <tr>
                        <th scope="col">狀態</th>
                        <th scope="col">來源類型</th>
                        <th scope="col">訊息</th>
                        <th scope="col">姓名</th>
                        <th scope="col">信件編號</th>
                        <th scope="col">日期</th>
                        @canany(["contactUpdate", "contactDelete"], Form::class)
                            <th scope="col">操作</th>
                        @endcanany
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($forms as $form)
                        <tr>

                            <th>
                                @if($form->status === "pending")
                                    <span class="text-danger">待處理</span>
                                @elseif($form->status === "processing")
                                    <span class="text-warning">處理中</span>
                                @elseif($form->status === "completed")
                                    <span class="text-success">已完成</span>
                                @endif
                            </th>
                            <td>
                                @if($form->type === "contact")
                                    <span class="text-success">聯絡我們</span>
                                @elseif($form->type === "reservation")
                                    <span class="text-warning">預約系統</span>
                                @endif
                            </td>
                            <td class="text-info">{{ Text::summary($form->message, 80) }}</td>
                            <td>{{ $form->name }}</td>
                            <td>{{ $form->number }}</td>
                            <td>{{ $form->created_at }}</td>
                            <td>
                                @can("contactUpdate", Form::class)
                                    <a class="btn btn-primary btn-sm"
                                       href="{{ route("cms.contact.edit", [$form, "redirect" => url()->full()]) }}"
                                       role="button">
                                        {!! App\Libraries\Icon::edit() !!}
                                    </a>
                                @endcan

                                @can("contactDelete", Form::class)
                                    <form method="post" action="{{ route("cms.contact.destroy", [$form]) }}"
                                          style="display: inline-block">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-secondary btn-sm js-confirm-delete">
                                            {!! App\Libraries\Icon::delete() !!}
                                        </button>
                                    </form>
                                @endcan
                            </td>

                        </tr>
                    @endforeach

                    </tbody>
                </table>
                {{ $forms->withQueryString()->links() }}
            </div>
        </div>
    </main>
@endsection