@extends('backend.layouts.app')

@section('content')

<div class="p-3">
    <div class="card">
        <div class="card-header font-weight-bold">
          <span class="fw-bold">Inquiries</span>&emsp;
        </div>
        <div class="card-body">
            <table class="table table-striped" style="width:100%">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Subject</th>
                    <th>Message</th>
                    <th>Date Created</th>
                    <th>Action</th>
                  </tr>
                </thead>
                
                <tbody>
                    @foreach ($inquiries as $items)
                      <tr>
                          <td>{{ $items->id }}</td>
                          <td>{{ $items->name }}</td>
                          <td>{{ $items->email }}</td>
                          <td>{{ $items->phone }}</td>
                          <td>{{ $items->subject }}</td>
                          <td>{{ $items->message }}</td>
                          <td>{{ date('F j, Y', strtotime($items->created_at)) }}</td>
                          <td>
                            <form action="{{ url('admin/inquiries/' . $items->id ) }}" method="POST"> @csrf @method('delete')
                              <button class="btn btn-danger btn-block" type="submit">Delete</button>
                            </form>
                          </td>
                      </tr>
                    @endforeach
                </tbody>
              </table>
        </div>
    </div>
</div>


@endsection

@section('js')
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
<script>
  $(document).ready(function() {
      $('.table').DataTable({
          order: [[0, 'desc']]
      });
  });
</script>
@endsection