@extends('admin.layout.index')

@section('title')
 فرم تماس باما
@endsection

@section('content')

    <!-- Content Row -->
    <div class="table-responsive">
        <table class="table table-bordered table-striped text-center">

            <thead>
            <tr>
                <th>#</th>
                <th>نام</th>
                <th>ایمیل</th>
                <th>وضعیت</th>
                <th>عملیات</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($items as $key => $item)
                <tr>
                    <th>
                        {{ $items->firstItem() + $key }}
                    </th>
                    <th>
                        {{ $item->username }}
                    </th>
                    <th>
                        {{ $item->email }}
                    </th>
                    <th
                        class="{{ $item->getRawOriginal('approved') ? 'text-success' : 'text-danger' }}">
                        {{ $item->approved }}
                    </th>
                    <th>
                        <div class="d-flex justify-content-center">
                            <a class="btn btn-sm btn-success mx-3 mb-2"
                               href="{{ route('admin.contact.show', ['id' => $item->id]) }}">
                                نمایش
                            </a>

                            <form action="{{ route('admin.contact.destroy', ['id' => $item->id]) }}" method="POST">
                                @csrf
                                @method('DELETE')

                                <button class="btn btn-sm btn-danger mr-3" type="submit">حذف</button>
                            </form>
                        </div>
                    </th>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <div class="d-flex justify-content-center mt-5">
        {{ $items->render() }}
    </div>
@endsection