@extends('Admin.layout.master1')

@section('title','Bloglar')

@section('content')

<div class="card mb-3" id="ordersTable" data-list='{"valueNames":["order","slug","date","address","status","amount"],"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">Blog Listesi</h5>
                </div>
                <div class="col-12 col-sm-auto ms-auto text-end ps-0">
                  <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.blog')}}">Yeni blog ekle</a></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" data-sort="order">ID</th>
                      <th class="sort pe-1 align-middle white-space-nowrap pe-7" data-sort="slug">Link</th>
                      <th class="sort pe-1 align-middle white-space-nowrap pe-7" data-sort="date">Tarih</th>
                      <th class="sort pe-1 align-middle white-space-nowrap" data-sort="address" style="min-width: 12.5rem;">Blog Başlık</th>
                      <th class="sort pe-1 align-middle white-space-nowrap text-center" data-sort="status">Statü</th>

                      <th class="no-sort"></th>
                    </tr>
                  </thead>
                  <tbody class="list" id="table-orders-body">
                @foreach($blogs as $blog)
                    <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="order py-2 align-middle white-space-nowrap">
                        <a href="order-details.html">
                          <strong>{{ $blog->blog_id }}</strong>
                        </a>
                      </td>
                      <td><a href="{{ route('blog.detail',$blog->blog_slug) }}" target="_blank">{{ $blog->blog_slug }}</a></td>
                      <td class="date py-2 align-middle">{{ $blog->created_at}}</td>
                      <td class="address py-2 align-middle white-space-nowrap">{{ $blog->blog_header}}</td>
                      <td class="status py-2 align-middle text-center fs-0 white-space-nowrap">
                        @if($blog->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="py-2 align-middle white-space-nowrap text-end">
                        <div class="dropdown font-sans-serif position-static">
                          <button class="btn btn-link text-600 btn-sm dropdown-toggle btn-reveal" type="button" id="order-dropdown-0" data-bs-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
                            <span class="fas fa-ellipsis-h fs--1"></span>
                          </button>
                          <div class="dropdown-menu dropdown-menu-end border py-0" aria-labelledby="order-dropdown-0">
                            <div class="bg-white py-2">
                              <a class="dropdown-item" data-bs-toggle="modal"  href="#error-modal{{ $blog->blog_id}}">Görüntüle</a>
                              <a class="dropdown-item" href="{{ route('edit.product',$blog->blog_id) }}">Düzenle</a>1
                              <div class="dropdown-divider"></div>
                              <a class="dropdown-item text-danger" href="#!">Sil</a>
                            </div>
                          </div>
                        </div>
                        <div class="modal fade" id="error-modal{{ $blog->id}}" tabindex="-1" role="dialog" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 500px">
                            <div class="modal-content position-relative">
                              <div class="position-absolute top-0 end-0 mt-2 me-2 z-index-1">
                                <button class="btn-close btn btn-sm btn-circle d-flex flex-center transition-base" data-bs-dismiss="modal" aria-label="Close"></button>
                              </div>
                              <div class="modal-body p-0">

                                <div class="rounded-top-lg py-3 ps-4 pe-6 bg-light">
                                  <h4 class="mb-1" id="modalExampleDemoLabel">Makalenin tüm içeriği </h4>
                                </div>
                                <div class="p-4 pb-0">
                                  <ul class="list-group">
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makalenin ID si :
                                      <span class="badge-danger badge-pill">{{ $blog->id}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makaleye ait kategori :
                                      <span class="badge-primary badge-pill">{{ $blog->category_name}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makale başlığı
                                      <span class="badge-primary badge-pill">{{ $blog->post_name}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makale seri kodu
                                      <span class="badge-primary badge-pill">{{ $blog->product_code}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makale seri kod 2 :
                                      <span class="badge-primary badge-pill">{{ $blog->code2}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makala linki :
                                      <span class="badge-primary badge-pill"><a href="{{ route('blog.detail',$blog->blog_slug)}}">{{ $blog->blog_slug}}</a></span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Makale önsözü
                                      <span class="badge-primary badge-pill">
                                        <input type="textarea" value="{{ $blog->preface}}">
                                        </span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Description
                                      <span class="badge-primary badge-pill">
                                        <input type="textarea" value="{{ $blog->description}}"></span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Meta Title
                                      <span class="badge-primary badge-pill">
                                        <input type="textarea" value="{{ $blog->meta_title}}">
                                      </span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Meta Description
                                      <span class="badge-primary badge-pill">
                                        <input type="textarea" value="{{ $blog->meta_description}}">
                                      </span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Özellik
                                      <span class="badge-primary badge-pill">{{ $blog->feature_item}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Statü
                                      <span class="badge-primary badge-pill">{{ $blog->status}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Showcase
                                      <span class="badge-primary badge-pill">{{ $blog->showcase}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Eklenme tarihi
                                      <span class="badge-primary badge-pill">{{ $blog->created_at}}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                      Güncelleme tarihi
                                      <span class="badge-primary badge-pill">{{ $blog->updated_at}}</span>
                                    </li>
                                  </ul>
                                </div>
                              </div>
                              <div class="modal-footer">
                                <button class="btn btn-primary" type="button">Etiket ekle </button>
                                <button class="btn btn-primary" type="button">Görsel ekle </button>
                                <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">İptal</button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </td>
                    </tr>
                @endforeach
                  </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