@extends('user.header')
@section('userContent')
  @include('extensions.alerts')
  <div class="content-wrapper rounded15 p-0 p-md-10" style="min-height: 1069px;">
    <div class="container-full">
      <div class="content-header">
        <div class="d-flex align-items-center">
          <div class="me-auto">
            <h3 class="page-title">Testimonials</h3>
            <div class="d-inline-block align-items-center">
              <nav>
                <ol class="breadcrumb">
                  <li class="breadcrumb-item" aria-current="page">Setup</li>
                  <li class="breadcrumb-item active" aria-current="page"><a href="javascript:;">Testimonials</a></li>
                </ol>
              </nav>
            </div>
          </div>
        </div>
      </div>
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-12">
            <div class="box">
              <div class="box-header with-border">

                <div class="pull-right col-sm-12 col-md-12">
                  <div class="row">
                    <div class="col-md-3">
                    </div>
                    <div class="col-sm-6" style="padding-top: 10px;">
                    </div>
                    <div class="col-md-3 text-right">
                      <a href="{{ route('admin.testimonials.create') }}"
                        class="waves-effect waves-light btn mb-5 bg-gradient-primary pull-right">
                        Add Testimonials
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="box-body">
                <div class="table-responsive rounded card-table">

                  <div id="example1_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>
                    </div>
                    <table class="table border-no dataTable no-footer" id="example1" role="grid"
                      aria-describedby="example1_info">
                      <thead>
                        <tr role="row">
                          <th>#</th>
                          <th>Rating</th>
                          {{-- <th>Position</th> --}}
                          <th>Name</th>
                          <th>From</th>
                          <th>Cotent</th>
                          <th>Icon</th>
                          <th class="text-right" width="10%">Action</th>
                        </tr>
                      </thead>
                      <tbody>

                        @foreach ($testimonials as $key => $testimonial)
                          <tr class="hover-primary odd" role="row">
                            <td> {{ ++$key }} </td>
                            <td align="left">
                              <div class="text-warning mb-0">
                                @if ($testimonial->rating === 0)
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 0.5)
                                  <i class="fa fa-star-half-full"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 1)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 1.5)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-half-full"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 2.0)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 2.5)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-half-full"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 3)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-o"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 3.5)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-half-full"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 4)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-o"> </i>
                                @elseif($testimonial->rating === 4.5)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star-half-full"> </i>
                                @elseif($testimonial->rating === 5)
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                  <i class="fa fa-star"> </i>
                                @endif
                              </div>
                            </td>
                            {{-- <td>{{ $testimonial->position }}</td> --}}
                            <td>{{ $testimonial->name }}</td>
                            <td>{{ $testimonial->country }}</td>
                            <td>{{ $testimonial->content }}</td>
                            <td align="left">
                              <a class="avatar avatar-lg " href=javascript:;">
                                <img
                                  src="{{ isset($testimonial->icon)? asset('consultant/public/uploads/testimonials') . '/' . $testimonial->icon: asset('allUsers/icon-thumb.png') }}"
                                  class="bg-success-light" alt="{{ $testimonial->icon }}">
                              </a>
                            </td>
                            <td class="text-right">
                              <!-- Button trigger modal -->
                              <a href="{{ route('admin.testimonials.edit', $testimonial->id) }}" type="button"
                                title="Edit testimonial" class="badge badge-pill badge-primary"><i
                                  class="fa fa-pencil"></i></a>
                              <a href="javascript:;"
                                data-destroy-url="{{ route('admin.testimonials.destroy', $testimonial->id) }}"
                                data-bs-toggle="modal" data-bs-target="#modal-delete" onclick="destroyUrlUpdate(this)"
                                data-destroy-url="{{ route('admin.testimonials.destroy', $testimonial->id) }}"
                                type="button" class="badge badge-pill badge-danger delete" href="JavaScript:void(0);"><i
                                  class="fa fa-trash"></i></a>
                              <a href="{{ route('admin.testimonials.status', [$testimonial->id, $testimonial->status === 1 ? 0 : 1]) }}"
                                title="{{ $testimonial->status === 1 ? 'Tap to Disable' : 'Tap to Enable' }}"
                                class="badge badge-pill badge-success disable" catid="0011-0">
                                @if ($testimonial->status === 1)
                                <i class="fa fa-toggle-on"></i> @else <i class="fa fa-toggle-off"></i>
                                @endif
                              </a>
                            </td>
                          </tr>
                        @endforeach

                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  @include('extensions.delete-modal')
@endsection