@extends('Admin.layout.master1')

@section('title','Yorumlar')

@section('content')

<div class="card mb-3" id="ordersTable" data-list='{"valueNames":["commenID","commentName","commentPost","comment","status","created","updated"],"page":10,"pagination":true}'>
            <div class="card-header">
              <div class="row flex-between-center">
                <div class="col-4 col-sm-auto d-flex align-items-center pe-0">
                  <h5 class="fs-0 mb-0 text-nowrap py-2 py-xl-0">Yorumlar Listesi</h5>
                </div>
                <div class="col-12 col-sm-auto ms-auto text-end ps-0">
                  <div class="d-none" id="orders-bulk-actions">
                    <div class="d-flex"><select class="form-select form-select-sm" aria-label="Bulk actions">
                        <option selected="">Bulk actions</option>
                        <option value="Refund">Refund</option>
                        <option value="Delete">Delete</option>
                        <option value="Archive">Archive</option>
                      </select><button class="btn btn-falcon-default btn-sm ms-2" type="button">Apply</button></div>
                  </div>
                  <div id="orders-actions">
                    <button class="btn btn-falcon-default btn-sm" type="button">
                      <span class="fas fa-plus" data-fa-transform="shrink-3 down-2"></span>
                      <span class="d-none d-sm-inline-block ms-1"><a href="{{ route('add.customer')}}">Kullanıcı ekle</a></span>
                    </button>
                    <button class="btn btn-falcon-default btn-sm mx-2" type="button">
                      <span class="fas fa-filter" data-fa-transform="shrink-3 down-2"></span>
                      <span class="d-none d-sm-inline-block ms-1">Filter</span>
                    </button>
                    <button class="btn btn-falcon-default btn-sm" type="button">
                      <span class="fas fa-external-link-alt" data-fa-transform="shrink-3 down-2"></span>
                      <span class="d-none d-sm-inline-block ms-1">Export</span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="card-body p-0">
              <div class="table-responsive scrollbar">
                <table class="table table-sm table-striped fs--1 mb-0 overflow-hidden">
                  <thead class="bg-200 text-900">
                    <tr>
                      <th>
                        <div class="form-check fs-0 mb-0 d-flex align-items-center"><input class="form-check-input" id="checkbox-bulk-customers-select" type="checkbox" data-bulk-select='{"body":"table-orders-body","actions":"orders-bulk-actions","replacedElement":"orders-actions"}' /></div>
                      </th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="commenID">Yorum ID</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="commentName">Yorum yapan Adı</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="commentPost">Yorum yapılan Makale</th>
                       <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="comment">Makaleye yapılan yorum </th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="status">Onay durumu</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="created">Kayıt Tarihi</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="updated">Güncelleme Tarihi</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center">Sil</th>
                      <th class="no-sort"></th>
                    </tr>
                  </thead>
                  <tbody class="list" id="table-orders-body">
                  @if(!$allComment->isEmpty())
                @foreach($allComment as $comment)
                    <tr class="btn-reveal-trigger">
                      <td class="align-middle" style="width: 28px;">
                        <div class="form-check fs-0 mb-0 d-flex align-items-center">
                          <input class="form-check-input" type="checkbox" id="checkbox-0" data-bulk-select-row="data-bulk-select-row" />
                        </div>
                      </td>
                      <td class="commenID py-2 align-middle white-space-nowrap">
                        <a>
                          <strong>{{ $comment->comment_id }}</strong>
                        </a>
                      </td>
                        <td class="commentName py-2 align-middle text-end fs-0 fw-medium text-center">
                         #{{ $comment->user->id}} -- {{ $comment->user->name }}
                        </td>
                        <td class="commentPost py-2 align-middle text-end fs-0 fw-medium text-center">
                          <a href="{{ route('detail',$comment->post->slug)  }}">{{ $comment->post->post_name }}</a> 
                        </td>
                        
                        <td class="comment py-2 align-middle text-end fs-0 fw-medium text-center">
                         <textarea>{{ $comment->comment }}</textarea> 
                        </td>
                        <td class="status py-2 align-middle text-end fs-0 fw-medium text-center">
                         @if($comment->status == 1)
                        <span class="badge badge rounded-pill d-block badge-soft-success">Aktif
                          <span class="ms-1 fas fa-check" data-fa-transform="shrink-2"></span>
                        </span>
                        @else
                        <span class="badge badge rounded-pill d-block badge-soft-danger">Pasif
                          <span class="ms-1 fas fa-check" data-fa-transform="shrink-2"></span>
                        </span>
                        @endif
                        </td>
                        
                      <td class="created py-2 align-middle">{{ $comment->created_at}}</td>
                      <td class="updated py-2 align-middle">{{ $comment->updated_at}}</td>
                      <td class="updated py-2 align-middle">
                        <a id="delComment" href="{{ route('comment.delete',$comment->comment_id) }}" class="btn btn-danger btn-mini deleteRecord"><i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="" data-original-title="Sil"></i></a>
                      </td>
                       
                    </tr>
                @endforeach
                @else
                <tr class="btn-reveal-trigger">
                      <td class="commentName py-2 align-middle text-end fs-0 fw-medium text-center">
                          YORUM YOK!
                        </td>
                </tr>
              @endif
                  </tbody>
                </table>
              </div>
            </div>
            <div class="card-footer">
              <div class="d-flex align-items-center justify-content-center">
                <button class="btn btn-sm btn-falcon-default me-1" type="button" title="Previous" data-list-pagination="prev">
                  <span class="fas fa-chevron-left"></span>
                </button>
                <ul class="pagination mb-0"></ul>
                <button class="btn btn-sm btn-falcon-default ms-1" type="button" title="Next" data-list-pagination="next">
                  <span class="fas fa-chevron-right"></span>
                </button>
              </div>
            </div>
          </div>
@endsection

@section('javascript')

<!--<script>
  $(document).on('click','#deleteUser',function () {
    var id = $(this).data('id');
    alert(id);

    Swal.fire({
        title: 'Sepetinizden  çıkarmak istediğinize emin misiniz?',
        text: "Müşteriyi sildikten sonra tekrar geri getiremezsiniz!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, Silmek istiyorum!',
        cancelButtonText:'Vazgeç!'
    }).then((result) => {
        if (result.value) {

        $.ajax({
            url: 'sepetim/delete-product/' + id,
            method: 'get',
            success: function (data) {
                if (data.success) {
                    Swal.fire(data.success);
                    window.location.reload(2000);
                } else {
                    if (data.Unsuccessful) {
                        Swal.fire(data.Unsuccessful)
                    }
                }
            }
        });
    }
});
});
</script>-->
@endsection