@extends('admin_pages_master')

@section('content')
<main class="main">
  <!-- Start of Breadcrumb -->
  <nav class="breadcrumb-nav">
      <div class="container">
          <ul class="breadcrumb account-breadcrumb">
              <li><a href="/">Home</a></li>
              <li>Reviews</li>
          </ul>
      </div>
  </nav>
  <!-- End of Breadcrumb -->

  <!-- Start of Page Content -->



  <div class="page-content pt-2">
      <!-- Header Section -->
      <div class="container">
          <div class="d-flex justify-content-between align-items-center">
              <!-- Back Button -->
              <a class="back-btn d-flex align-items-center" id="back-btn" onclick="goBack()">
                  <i class="w-icon-long-arrow-left"></i>
                  <div>Back</div>
              </a>
              <!-- New Sub-Admin Button -->
              
          </div>
      </div>

      <!-- Table Section -->
      <div class="container mt-3">
          <div class="table-responsive">
                @if (Session::has('success_message'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>Good! </strong> {{ Session::get('success_message')}}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @endif
              <table id="subadminsTable" class="table table-striped">
                  <thead>
                      <tr>
                        <th>S/N</th>
                        <th>Vendor</th>
                        <th>Reviewer</th>
                        <th>Review</th>
                        <th>Status</th>
                        <th>Action</th>
                      </tr>
                  </thead>
                  <tbody>
                    @foreach($reviews as $review)
                      <tr>
                        <td>{{ $loop->iteration }}</td>
                            <td>{{ $review->vendor->first_name ?? "" }} {{ $review->vendor->last_name ?? "" }}</td>
                            <td>{{ $review->reviewer }}</td>
                            <td>{{ $review->description}}</td>
                        <td>    
                             @if ($review->status == 1)
                                ✅                            
                                @else
                                ❌                           
                                 @endif
                               
                        </td>
                        <td>
                            <a class="btn btn-warning btn-sm updateReviewStatus" admin_id="{{ $review->id }}" href="javascript:void(0)" status="{{ $review->status == 1 ? 'Active' : 'Inactive' }}">&#x21bb;</a>
                            <a title="delete review" href="{{ url('admin/review-delete/'.$review->id)}}" class="btn btn-danger btn-sm">&#x1F5D1;</a>
                        </td>
                      </tr>
                      @endforeach
                      <!-- Additional rows as needed -->
                  </tbody>
              </table>
          </div>
      </div>
  </div>
  @endsection
  @section('js')
<script>
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).on("click",".updateReviewStatus",function(){


            // alert("test");
            var admin_id = $(this).attr("admin_id");
            var status = $(this).attr("status");
            // alert(admin_id);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type:'post',
                url:'/admin/update-review-status',
                data:{status:status,admin_id:admin_id},
                success:function(resp){

                if (resp['status'] == 0) {
                    $("#status-" + admin_id).html("<i class='fa fa-times-circle' status='Inactive' style='color: #9719c0;'></i>");
                    $("#admin-" + admin_id).attr("status", "Inactive");
                } else if (resp['status'] == 1) {
                    $("#status-" + admin_id).html("<i class='fa fa-check-circle' status='Active' style='color: #23a367;'></i>");
                    $("#admin-" + admin_id).attr("status", "Active");
                }
            },
            error: function() {
                alert("Error");
            }
            })
        });
    })
</script>
 @endsection