@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">Services ({{ ucwords(Request::segment(4)) }})</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">Service Info</th>
                              <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="buyer Address">
                                Description
                              </th>
                              <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                aria-label="Registration">Cost
                              </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 ($services as $service)
                              <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.service-detail', $service->id) }}"
                                        style="margin-top:30px">
                                        <img
                                          src="{{ isset($service->photo)? asset('consultant/public/uploads/buyer') . '/' . $service->photo: asset('allUsers/user/images/avatar/avatar-1.png') }}"
                                          class="bg-success-light" alt="{{ $service->name }}">
                                      </a></div>
                                    <div class="col-sm-9" style="padding:0">
                                      <a target="_blank"
                                        href="{{ route('customer.service-detail', $service->id) }}">{{ $service->name }}</a>
                                      <span class="d-block text-muted">{{ @$service->category->category_name }}</span>
                                      <span
                                        class="d-block text-muted">{{ @$service->subCategory->category_name }}</span>
                                      @if ($service->status === 1)
                                        <span class="d-block text-primary">Enabled</span>
                                      @else
                                        <span class="d-block text-danger">Disabled</span>
                                      @endif
                                    </div>
                                  </div>
                                </td>
                                <td align="left">
                                  <span class="d-block text-muted">{{ Str::limit($service->description, 40) }}</span>
                                </td>
                                <td align="left">
                                  <span class="d-block text-muted">{{ number_format($service->cost, 2) }}</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', $service->user->slug) }}"
                                        style="margin-top:30px">
                                        <img
                                          src="{{ isset($service->user->photo)? asset('consultant/public/uploads/buyer') . '/' . $service->user->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="#">{{ $service->user->name }}</a>
                                      <span class="d-block text-muted">{{ $service->user->phone }}</span>
                                      <span class="d-block text-muted">{{ $service->user->email }}</span>

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

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