@extends('Admin.layout.master1')

@section('title','Projeler')

@section('content')

<div class="card mb-3" id="ordersTable" data-list='{"valueNames":["order","date","link","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">Proje 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.product')}}">Yeni proje 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" data-sort="link">link</th>
            <th class="sort pe-1 align-middle white-space-nowrap" data-sort="category">Kategori</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;">Proje 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($products as $product)
          <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>{{ $product->id }}</strong>
              </a>
            </td>
            <td class="amount py-2 align-middle text-end fs-0 fw-medium text-center">
              <a href="{{ route('detail',$product->slug) }}" target="_blank">{{ $product->slug }}</a>
            </td>
            <td class="amount py-2 align-middle text-end fs-0 fw-medium text-center">{{ $product->category_name}}</td>
            <td class="date py-2 align-middle">{{ $product->created_at}}</td>
            <td class="address py-2 align-middle white-space-nowrap">{{ $product->post_name}}</td>
            <td class="status py-2 align-middle text-center fs-0 white-space-nowrap">
              @if($product->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="status py-2 align-middle text-center fs-0 white-space-nowrap">
                  <a href="javascript:void(0)" class="confirmDeleteProject" delete_id="{{$product->id}}">
                    <i class="btn btn-danger">Sil</i>
                  </a>
            </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{{ $product->id}}">Görüntüle</a>
                    <a class="dropdown-item" href="{{ route('edit.product',$product->id) }}">Düzenle</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item text-danger" href="#!">Sil</a>
                  </div>
                </div>
              </div>
              <div class="modal fade" id="error-modal{{ $product->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">{{ $product->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">{{ $product->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">{{ $product->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">{{ $product->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">{{ $product->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('detail',$product->slug)}}">{{ $product->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="{{ $product->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="{{ $product->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="{{ $product->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="{{ $product->meta_description}}">
                              </span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                              Özellik
                              <span class="badge-primary badge-pill">{{ $product->feature_item}}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                              Statü
                              <span class="badge-primary badge-pill">{{ $product->status}}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                              Showcase
                              <span class="badge-primary badge-pill">{{ $product->showcase}}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                              Eklenme tarihi
                              <span class="badge-primary badge-pill">{{ $product->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">{{ $product->updated_at}}</span>
                            </li>
                          </ul>
                        </div>
                      </div>
                      <div class="modal-footer">
                        <button class="btn btn-primary" type="button">Etiket ekle </button>
                        <a class="btn btn-primary" href="{{ route('add.images',$product->id) }}">Görsel ekle</a>
                        <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

  @section('javascript')
  <script>
    $(".confirmDeleteProject").click(function(){
      var id = $(this).attr("delete_id");
      Swal.fire({
        title: 'Projeyi silmek istediğine emin misin ?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, sil!'
      }).then((result) => {
        if (result.isConfirmed) {
          Swal.fire(
            'Silindi!',
            'Projeyi sildin.',
            'success'
          )
          window.location = "/admin/delete-product/"+id;
        }
  })
    });
  </script>
  @endsection