@extends('admin.layout.app')

@section ('content')


<!-- Begin Page Content -->
<div class="container-fluid">
 

  <!-- DataTales Example -->
  <div class="card shadow mb-4">
    <div class="card-header py-3">
      <h6 class="m-0 font-weight-bold text-primary">{{ __('messages.Feedback By Customer | Queries')}}</h6>
      @if (count($errors) > 0)
                  @if($errors->any())
                    <div class="alert alert-primary" role="alert">
                      {{$errors->first()}}
                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                      </button>
                    </div>
                  @endif
              @endif
    </div>
    <div class="card-body">
      <div class="table-responsive">
        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
          <thead>
            <tr>
            <th>{{ __('messages.serial no')}}</th>
            <th>{{ __('messages.User Name')}}</th>
            <th>{{ __('messages.User Number')}}</th>
            <th>{{ __('messages.message')}}</th>
            <th>{{ __('messages.date')}}</th>
            
            </tr>
          </thead>
    
          <tbody>
          @if(count($support)>0)
                          @php $i=1; @endphp
                          @foreach($support as $supports)
                        <tr>
                            <td>{{$i}}</td>
                            <td>{{$supports->user_name}}</td>
                            <td>{{$supports->phone_number}}</td>
                            <td>{{$supports->message}}</td>
                            <td>{{$supports->query_date}}</td>
                            
                           
                        </tr>
                        @php $i++; @endphp
                        @endforeach
                      @else
                        <tr>
                          <td>No Feedback Found</td>
                        </tr>
                      @endif
                       
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
<!-- /.container-fluid -->
</div>
</div>

@endsection