@extends('user.header')
@section('userContent')
  @include('extensions.alerts')
  <div class="content-wrapper" style="min-height: 1019px;">
    <div class="container-full">
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-xl-12 col-lg-12 col-12">
            <div class="box">
              <div class="box-header with-border">
                <h4 class="box-title">Enquiries</h4>
              </div>
              <div class="box-body">
                <div class="table-responsive">
                  <div id="example2_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                    <div class="row">
                      <div class="col-sm-12 col-md-6"></div>
                      <div class="col-sm-12 col-md-6"></div>
                    </div>
                    <div class="row">
                      <div class="col-sm-12">
                        <div class="table-responsive">
                          <table id="example2" class="table table-lg invoice-archive tr-odd_clr dataTable no-footer"
                            role="grid" aria-describedby="example2_info">
                            <thead>
                              <tr role="row">
                                <th width="2%" class="sorting_asc" tabindex="0" aria-controls="example2" rowspan="1"
                                  colspan="1" aria-sort="ascending" aria-label="Sl#: activate to sort column descending">
                                  Sl#
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="buyer">Enquiry Details</th>
                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="buyer">Enquiry</th>
                                {{-- <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="buyer Address">
                                  Enquiry From
                                </th> --}}
                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Registration">Enquiry To
                                </th>
                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Auth Representative">Date/Time</th>
                                {{-- <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Action: activate to sort column ascending">Action</th> --}}
                              </tr>
                            </thead>
                            <tbody>
                              @foreach ($enquiries as $enquiry)
                                <tr role="row" class="odd">
                                  <td align="left" class="sorting_1">
                                    <input type="checkbox" id="md_checkbox_21" class="filled-in chk-col-primary">
                                    <label for="md_checkbox_21"></label>
                                  </td>
                                  <td align="left">
                                    <div class="row">
                                      <div class="col-sm-3"> <a class="avatar avatar-md " style="margin-top:30px">
                                          <img src="{{ asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                            class="bg-success-light" alt="{{ $enquiry->name }}">
                                        </a></div>
                                      <div class="col-sm-9" style="padding:0">
                                        <span class="d-block text-muted">{{ $enquiry->name }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->phone }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->email }}</span>
                                      </div>
                                    </div>
                                  </td>
                                  <td align="left">
                                    <span class="d-block text-muted"
                                      style="word-wrap: break-word;min-width: 10rem;max-width: 30rem;">{{ $enquiry->message }}</span>
                                  </td>
                                  {{-- <td align="left">
                                    <div class="row">
                                      <div class="col-sm-3"> <a class="avatar avatar-md " style="margin-top:30px">
                                          <img
                                            src="{{ isset($enquiry->querier->photo)? asset('consultant/public/uploads/buyer') . '/' . $enquiry->querier->photo: asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                            class="bg-success-light" alt="{{ @$enquiry->querier->name }}">
                                        </a></div>
                                      <div class="col-sm-9" style="padding:0">
                                        <span class="d-block text-muted">{{ @$enquiry->querier->name }}</span>
                                        <span class="d-block text-muted">{{ @$enquiry->querier->phone }}</span>
                                        <span class="d-block text-muted">{{ @$enquiry->querier->email }}</span>
                                        <span class="d-block text-muted">{{ @$enquiry->querier->department }}</span>
                                        <span class="d-block text-muted">{{ @$enquiry->querier->designation }}</span>
                                      </div>
                                    </div>
                                  </td> --}}
                                  <td align="left">
                                    <div class="row">
                                      <div class="col-sm-3"> <a class="avatar avatar-md " style="margin-top:30px">
                                          <img
                                            src="{{ isset($enquiry->consultant->photo)? asset('consultant/public/uploads/buyer') . '/' . $enquiry->consultant->photo: asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                            class="bg-success-light" alt="{{ $enquiry->consultant->name }}">
                                        </a></div>
                                      <div class="col-sm-9" style="padding:0">
                                        <span class="d-block text-muted">{{ $enquiry->consultant->name }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->consultant->phone }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->consultant->email }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->consultant->department }}</span>
                                        <span class="d-block text-muted">{{ $enquiry->consultant->designation }}</span>
                                      </div>
                                    </div>
                                  </td>
                                  <td align="left">
                                    <span
                                      class="d-block text-muted">{{ $enquiry->created_at->format('d M, Y H:i A') }}</span>
                                  </td>
                                  {{-- <td>
                                  <a href="{{ route('admin.services.status', [$enquiry->id, $enquiry->status === 1 ? 0 : 1]) }}"
                                    class="waves-effect waves-light btn btn-default btn-flat mb-5"
                                    title="{{ $enquiry->status === 1 ? 'Tap to Disable' : 'Tap to Enable' }}"
                                    style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">
                                    @if ($enquiry->status === 1)
                                    Enabled @else Disabled
                                    @endif
                                  </a>
                                  <a target="_blank" href="{{ route('customer.service-detail', $enquiry->id) }}"
                                    class="waves-effect waves-light btn btn-default btn-flat mb-5"
                                    style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">View</a>
                                </td> --}}
                                </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-sm-12 col-md-5">
                        <div class="dataTables_info" id="example2_info" role="status" aria-live="polite">Showing 1 to 4
                          of 4 entries</div>
                      </div>
                      <div class="col-sm-12 col-md-7">
                        <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
                          <ul class="pagination">
                            <li class="paginate_button page-item previous disabled" id="example2_previous"><a href="#"
                                aria-controls="example2" data-dt-idx="0" tabindex="0" class="page-link">Previous</a>
                            </li>
                            <li class="paginate_button page-item active"><a href="#" aria-controls="example2"
                                data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
                            <li class="paginate_button page-item next disabled" id="example2_next"><a href="#"
                                aria-controls="example2" data-dt-idx="2" tabindex="0" class="page-link">Next</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>

        </div>
      </section>
      <!-- /.content -->
    </div>
  </div>
@endsection