@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">Consultants ({{ ucwords(Request::segment(3)) }})</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">
                        <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">Business Info</th>
                              <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="buyer Address">Buyer Address
                              </th>
                              <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Registration">Social
                              </th>
                              <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Auth Representative">Consultant</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 ($buyers as $consultant)
                              <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 " target="_blank" href="{{ route('customer.consultant-detail', $consultant->slug) }}"
                                        style="margin-top:30px">
                                        <img
                                          src="{{ isset($consultant->company_logo)? asset('consultant/public/uploads/buyer') . '/' . $consultant->company_logo: asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                          class="bg-success-light" alt="{{ $consultant->company_name }}">
                                      </a></div>
                                    <div class="col-sm-9" style="padding:0">
                                      <a target="_blank" href="{{ route('customer.consultant-detail', $consultant->slug) }}">{{ $consultant->biz_name }}</a>
                                      <span class="d-block text-muted">{{ $consultant->company_name }}</span>
                                      <span class="d-block text-muted">{{ $consultant->company_email }}</span>
                                      <span class="d-block text-muted">{{ $consultant->company_phone }}</span>
                                      @if ($consultant->status === 1)
                                        <span class="d-block text-primary">Enabled</span>
                                      @else
                                        <span class="d-block text-danger">Disabled</span>
                                      @endif
                                      <a href="{{ isset($consultant->company_website) ? $consultant->company_website : 'javascript:;' }}"
                                        target="_blank" class="badge badge-pill badge-warning">Website</a>
                                    </div>
                                  </div>
                                </td>
                                <td align="left">
                                  <span class="d-block text-muted">{{ @$consultant->stateName->name }}</span>
                                  <span class="d-block text-muted">{{ @$consultant->cityName->name }}</span>
                                  <span class="d-block text-muted">{{ $consultant->company_address }}</span>
                                </td>
                                <td align="left">
                                  <span class="d-block text-muted">
                                    <a
                                      href="{{ isset($consultant->facebook) ? $consultant->facebook : 'javascript:;' }}"><i
                                        class="fa fa-facebook"></i> Facebook</a>
                                  </span>
                                  <span class="d-block text-muted">
                                    <a
                                      href="{{ isset($consultant->twitter) ? $consultant->twitter : 'javascript:;' }}"><i
                                        class="fa fa-twitter"></i> Twitter</a>
                                  </span>
                                  <span class="d-block text-muted">
                                    <a
                                      href="{{ isset($consultant->instagram) ? $consultant->instagram : 'javascript:;' }}"><i
                                        class="fa fa-instagram"></i> Instagram</a>
                                  </span>
                                  <span class="d-block text-muted">
                                    <a
                                      href="{{ isset($consultant->linkedin) ? $consultant->linkedin : 'javascript:;' }}"><i
                                        class="fa fa-linkedin"></i> Linkedin</a>
                                  </span>
                                  <span class="d-block text-muted">
                                    <a
                                      href="{{ isset($consultant->youtube) ? $consultant->youtube : 'javascript:;' }}"><i
                                        class="fa fa-youtube"></i> Youtube</a>
                                  </span>
                                </td>
                                <td align="left">
                                  <div class="row">
                                    <div class="col-sm-3"> <a class="avatar avatar-md " target="_blank"
                                        href="{{ route('customer.consultant-detail', $consultant->slug) }}"
                                        style="margin-top:30px">
                                        <img
                                          src="{{ isset($consultant->photo)? asset('consultant/public/uploads/buyer') . '/' . $consultant->photo: asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                          class="bg-success-light" alt="...">
                                      </a></div>
                                    <div class="col-sm-9" style="padding:0">
                                      <a href="#">{{ $consultant->name }}</a>
                                      <span class="d-block text-muted">{{ $consultant->phone }}</span>
                                      <span class="d-block text-muted">{{ $consultant->email }}</span>

                                      <span class="d-block text-muted">{{ $consultant->designation }}</span>
                                      <span class="d-block text-muted">{{ $consultant->department }}</span>
                                    </div>
                                  </div>
                                </td>

                                <td>
                                  <a href="{{ route('admin.buyer.status', [$consultant->id, $consultant->status === 1 ? 0 : 1]) }}"
                                    class="waves-effect waves-light btn btn-default btn-flat mb-5"
                                    title="{{ $consultant->status === 1 ? 'Tap to Disable' : 'Tap to Enable' }}"
                                    style="width:100%;font-size:12px;background:#989898 !important;color:#fff !important">
                                    @if ($consultant->status === 1)
                                    Enabled @else Disabled
                                    @endif
                                  </a>
                                  <a target="_blank"
                                    href="{{ route('customer.consultant-detail', $consultant->slug) }}"
                                    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 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