@extends('backend.layouts.app')
@section('backend_title','Admin Brand List')

@section('backend_content')

<div class="my-4 row">
    <div class="col-12">
      <div class="card">
        <!-- Card header -->
        <div class="pb-0 card-header">
          <div class="d-lg-flex">
            <div>
              <h5 class="mb-0">Customer Contact</h5>
              <p class="mb-0 text-sm">
              </p>
            </div>
            <div class="my-auto mt-4 ms-auto mt-lg-0">
            </div>
          </div>
        </div>
        <div class="px-0 pb-0 card-body">
          <div class="table-responsive">
            <table class="table table-flush" id="products-list">
              <thead class="thead-light">
                <tr>
                  <th class="fs-6" style="color: black">Sl No.</th>
                  <th class="fs-6" style="color: black">Customer Name</th>
                  <th class="fs-6" style="color: black">Email</th>
                  <th class="fs-6" style="color: black">Contact Number</th>
                  <th class="fs-6" style="color: black">Subject</th>
                  <th class="fs-6" style="color: black">Message</th>
                  <th class="fs-6" style="color: black">Date/Time</th>
                </tr>
              </thead>
              <tbody>

                @forelse ($message as $index=> $item)

                    <tr>
                        <td>
                          {{ $index +1}}
                        </td>
                        <td>
                            <div class="d-flex">
                                <p class="my-auto">{{ $item->name }}</p>
                            </div>
                        </td>

                        <td>
                            <div class="d-flex">
                                <p class="my-auto">{{ $item->email }}</p>
                            </div>
                        </td>

                        <td>
                            <div class="d-flex">
                                <p class="my-auto">{{ $item->phone }}</p>
                            </div>
                        </td>

                        <td>
                            <div class="d-flex">
                                <textarea name="" id="" cols="30" rows="3" disabled>{{ $item->subject }}</textarea>
                            </div>
                        </td>

                        <td>
                            <div class="d-flex">
                                <textarea name="" id="" cols="50" rows="3" disabled>{{ $item->message }}</textarea>
                            </div>
                        </td>

                        <td>
                            <div class="d-flex">
                                <p class="my-auto">{{ $item->created_at->format('d-m-Y H:i:s') }}
                                </p>
                            </div>
                        </td>
                    </tr>
                    @empty
                        <tr>
                            <td class="text-sm" colspan="3">Data Not Found!!</td>
                        </tr>
                @endforelse

              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
</div>

@endsection