@include('admin.layouts.master')
<div class="pagetitle d-flex align-items-center justify-content-between">
    <div>
        <h1>Contact Us Details</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                {{-- <li class="breadcrumb-item">Tables</li> --}}
                <li class="breadcrumb-item active">Contact Us Details</li>
            </ol>
        </nav>
    </div>
    {{-- <div>
        <a class="btn btn-primary" href="{{ route('contact.create') }}"> Create contact Memeber</a>
    </div> --}}
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Contact Us Details</h5>
                    {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable</p> --}}

                    <!-- Table with stripped rows -->
                    <table class="table datatable table-striped table-bordered mb-0">
                        <thead>
                            <tr>
                                <th scope="col">S.No</th>
                                <th scope="col">Name</th>
                                <th scope="col">Email</th>
                                <th scope="col">Mobile</th>
                                <th scope="col">Services</th>
                                <th scope="col">Company Name</th>
                                <th scope="col">Message</th>
                                {{-- <th scope="col">Status</th> --}}
                                <th scope="col">Created At</th>
                                <th scope="col">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($contacts as $contact)
                                <tr>
                                    <th scope="row">{{ $loop->iteration }}</th>
                                    <td>{{ $contact->name }}</td>
                                    <td>{{ $contact->email }}</td>
                                    <td>{{ $contact->mobile }}</td>
                                    <td>
                                        {{-- {{ json_decode($contact->services)}} --}}
                                        @foreach (json_decode($contact->services) as $value)
                                            {{ $value }} ,
                                        @endforeach
                                    </td>
                                    <td>{{ $contact->company_name }}</td>
                                    <td>{{ $contact->message }}</td>

                                    {{-- <td><span
                                            class="btn btn-sm btn-rounded {{ $contact->status == 1 ? 'btn-success' : 'btn-danger' }}">{{ $contact->status == 1 ? 'Active' : 'Suspended' }}</span>
                                    </td> --}}
                                    <td>{{ \Carbon\Carbon::parse($contact->created_at)->format('d-m-Y h:i A') }}</td>
                                    <td>
                                        <form action="{{ route('contact-us.destroy', $contact->id) }}" method="Post">
                                            {{-- <a class="btn btn-sm btn-primary"
                                                href="{{ route('contact.edit', $contact->id) }}">Edit</a> --}}
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-danger"
                                                onclick="return confirm('Are You Sure? You want to delete this item?')">Delete</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>