@extends('dashboard.app')

@section('content')
<div class="col-xl-20">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="header-title mb-0">Show Form</h4>

        </div>

        @if (count($form) > 0)
        <div class="card-body">
            <div class="table-responsive-sm">
                <table class="table table-centered mb-0">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Subject</th>
                            <th>Message</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($form as $index => $item)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $item->name }}</td>
                                <td>{{ $item->email }}</td>
                                <td>{{ $item->subject }}</td>
                                <td>{{ \Illuminate\Support\Str::limit($item->message, 50) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @else
        <div class="row justify-content-center">
            <div class="col-4 text-center">
                <img src="{{ asset('images/not_found_users.png') }}" width="100%" alt="">
                <p class="text-muted fs-3">Not Found any Form..</p>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection